[{"data":1,"prerenderedAt":3450},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-utilities-tables":682,"-docs-theme-utilities-tables-surround":3445},{"gettingStarted":4,"api":71,"theme":162},[5,36,51],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002Fgetting-started",[11,16,21,26,31],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002Fgetting-started\u002F01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002Fgetting-started\u002F02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","\u002Fdocs\u002Fgetting-started\u002Fguides","docs\u002Fgetting-started\u002F03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"icon":30},"Comparisons","\u002Fdocs\u002Fgetting-started\u002Fcomparisons","docs\u002Fgetting-started\u002F06.comparisons","i-lucide-file-diff",{"title":32,"path":33,"stem":34,"icon":35},"Licensing","\u002Fdocs\u002Fgetting-started\u002Flicensing","docs\u002Fgetting-started\u002F07.licensing","i-lucide-scale",{"title":37,"icon":7,"path":38,"stem":39,"children":40,"page":7},"Tooling","\u002Fdocs\u002Fgetting-started\u002Ftooling","docs\u002Fgetting-started\u002Ftooling",[41,46],{"title":42,"path":43,"stem":44,"icon":45},"CLI Reference","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fcli","docs\u002Fgetting-started\u002Ftooling\u002F01.cli","i-lucide-square-terminal",{"title":47,"path":48,"stem":49,"icon":50},"Utility Scanner","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fscanner","docs\u002Fgetting-started\u002Ftooling\u002F02.scanner","i-lucide-view",{"title":52,"icon":7,"path":53,"stem":54,"children":55,"page":7},"Integrations","\u002Fdocs\u002Fgetting-started\u002Fintegrations","docs\u002Fgetting-started\u002Fintegrations",[56,61,66],{"title":57,"path":58,"stem":59,"icon":60},"DTCG","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fdtcg","docs\u002Fgetting-started\u002Fintegrations\u002F01.dtcg","i-lucide-square-code",{"title":62,"path":63,"stem":64,"icon":65},"Figma Plugin","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ffigma-plugin","docs\u002Fgetting-started\u002Fintegrations\u002F02.figma-plugin","i-simple-icons-figma",{"title":67,"path":68,"stem":69,"icon":70},"Storybook","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fstorybook","docs\u002Fgetting-started\u002Fintegrations\u002F03.storybook","i-simple-icons-storybook",[72],{"title":73,"path":74,"stem":75,"children":76,"icon":7},"API Reference","\u002Fdocs\u002Fapi","docs\u002Fapi\u002F00.index",[77,80,85,90,95,100,105,110,115,120,125,130,145,150,155,160],{"title":78,"path":74,"stem":75,"icon":79},"Overview","i-lucide-book-text",{"title":81,"path":82,"stem":83,"icon":84},"Instance","\u002Fdocs\u002Fapi\u002Finstance","docs\u002Fapi\u002F01.instance","i-lucide-cloud-lightning",{"title":86,"path":87,"stem":88,"icon":89},"Variables","\u002Fdocs\u002Fapi\u002Fvariables","docs\u002Fapi\u002F02.variables","i-lucide-variable",{"title":91,"path":92,"stem":93,"icon":94},"Selectors","\u002Fdocs\u002Fapi\u002Fselectors","docs\u002Fapi\u002F03.selectors","i-lucide-scan-text",{"title":96,"path":97,"stem":98,"icon":99},"At-Rules","\u002Fdocs\u002Fapi\u002Fat-rules","docs\u002Fapi\u002F04.at-rules","i-lucide-at-sign",{"title":101,"path":102,"stem":103,"icon":104},"Media Queries","\u002Fdocs\u002Fapi\u002Fmedia-queries","docs\u002Fapi\u002F05.media-queries","i-lucide-image-upscale",{"title":106,"path":107,"stem":108,"icon":109},"Keyframes","\u002Fdocs\u002Fapi\u002Fkeyframes","docs\u002Fapi\u002F06.keyframes","i-lucide-square-play",{"title":111,"path":112,"stem":113,"icon":114},"Interpolation","\u002Fdocs\u002Fapi\u002Finterpolation","docs\u002Fapi\u002F07.interpolation","i-lucide-wrap-text",{"title":116,"path":117,"stem":118,"icon":119},"Utilities","\u002Fdocs\u002Fapi\u002Futilities","docs\u002Fapi\u002F08.utilities","i-lucide-sparkles",{"title":121,"path":122,"stem":123,"icon":124},"Utility Modifiers","\u002Fdocs\u002Fapi\u002Futility-modifiers","docs\u002Fapi\u002F09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":126,"path":127,"stem":128,"icon":129},"Themes","\u002Fdocs\u002Fapi\u002Fthemes","docs\u002Fapi\u002F10.themes","i-lucide-paintbrush",{"title":131,"path":132,"stem":133,"children":134,"icon":144},"Recipes","\u002Fdocs\u002Fapi\u002Frecipes","docs\u002Fapi\u002F11.recipes\u002F00.index",[135,136,140],{"title":78,"path":132,"stem":133},{"title":137,"path":138,"stem":139},"Runtime","\u002Fdocs\u002Fapi\u002Frecipes\u002Fruntime","docs\u002Fapi\u002F11.recipes\u002F01.runtime",{"title":141,"path":142,"stem":143},"Output Format","\u002Fdocs\u002Fapi\u002Frecipes\u002Foutput-format","docs\u002Fapi\u002F11.recipes\u002F02.output-format","i-lucide-chef-hat",{"title":146,"path":147,"stem":148,"icon":149},"Composables","\u002Fdocs\u002Fapi\u002Fcomposables","docs\u002Fapi\u002F12.composables","i-lucide-component",{"title":151,"path":152,"stem":153,"icon":154},"Imports","\u002Fdocs\u002Fapi\u002Fimports","docs\u002Fapi\u002F13.imports","i-lucide-file-input",{"title":156,"path":157,"stem":158,"icon":159},"Merging","\u002Fdocs\u002Fapi\u002Fmerging","docs\u002Fapi\u002F13.merging","i-lucide-squares-intersect",{"title":151,"path":152,"stem":161,"icon":154},"docs\u002Fapi\u002F14.imports",[163,243,357,558,635],{"title":164,"path":165,"stem":166,"children":167,"icon":7},"Design Tokens","\u002Fdocs\u002Ftheme\u002Fdesign-tokens","docs\u002Ftheme\u002Fdesign-tokens\u002F00.index",[168,169,174,179,184,189,194,199,204,209,224,228,233,238],{"title":78,"path":165,"stem":166,"icon":79},{"title":170,"path":171,"stem":172,"icon":173},"Preset","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fpreset","docs\u002Ftheme\u002Fdesign-tokens\u002F01.preset","i-lucide-package",{"title":175,"path":176,"stem":177,"icon":178},"Border Radiuses","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborder-radiuses","docs\u002Ftheme\u002Fdesign-tokens\u002F02.border-radiuses","i-lucide-square-round-corner",{"title":180,"path":181,"stem":182,"icon":183},"Borders","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborders","docs\u002Ftheme\u002Fdesign-tokens\u002F03.borders","i-lucide-square-dashed-top-solid",{"title":185,"path":186,"stem":187,"icon":188},"Box Shadows","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbox-shadows","docs\u002Ftheme\u002Fdesign-tokens\u002F04.box-shadows","i-lucide-layers-2",{"title":190,"path":191,"stem":192,"icon":193},"Breakpoints","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbreakpoints","docs\u002Ftheme\u002Fdesign-tokens\u002F05.breakpoints","i-lucide-monitor-smartphone",{"title":195,"path":196,"stem":197,"icon":198},"Colors","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fcolors","docs\u002Ftheme\u002Fdesign-tokens\u002F06.colors","i-lucide-palette",{"title":200,"path":201,"stem":202,"icon":203},"Duration","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fduration","docs\u002Ftheme\u002Fdesign-tokens\u002F07.duration","i-lucide-timer",{"title":205,"path":206,"stem":207,"icon":208},"Easing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Feasing","docs\u002Ftheme\u002Fdesign-tokens\u002F08.easing","i-lucide-spline",{"title":210,"path":211,"stem":212,"children":213,"icon":104,"defaultOpen":223},"Fluid Design","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F01.index",[214,215,219],{"title":78,"path":211,"stem":212},{"title":216,"path":217,"stem":218},"Fluid Viewport","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Fviewport","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F02.viewport",{"title":220,"path":221,"stem":222},"Fluid Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F03.typography",true,{"title":225,"path":226,"stem":227,"icon":35},"Scales","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fscales","docs\u002Ftheme\u002Fdesign-tokens\u002F10.scales",{"title":229,"path":230,"stem":231,"icon":232},"Spacing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fspacing","docs\u002Ftheme\u002Fdesign-tokens\u002F11.spacing","i-lucide-move-horizontal",{"title":234,"path":235,"stem":236,"icon":237},"Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F12.typography","i-lucide-type",{"title":239,"path":240,"stem":241,"icon":242},"Z-Index","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fz-index","docs\u002Ftheme\u002Fdesign-tokens\u002F13.z-index","i-lucide-layers",{"title":244,"path":245,"stem":246,"children":247,"icon":7},"Elements","\u002Fdocs\u002Ftheme\u002Felements","docs\u002Ftheme\u002Felements\u002F00.index",[248,249,252,259,281,301,313,329,341],{"title":78,"path":245,"stem":246,"icon":79},{"title":170,"path":250,"stem":251,"icon":173},"\u002Fdocs\u002Ftheme\u002Felements\u002Fpreset","docs\u002Ftheme\u002Felements\u002F01.preset",{"title":253,"icon":242,"defaultOpen":223,"page":7,"children":254},"Base",[255],{"title":256,"path":257,"stem":258,"icon":7},"Body","\u002Fdocs\u002Ftheme\u002Felements\u002Fbody","docs\u002Ftheme\u002Felements\u002F02.base\u002F00.body",{"title":234,"icon":237,"defaultOpen":223,"page":7,"children":260},[261,265,269,273,277],{"title":262,"path":263,"stem":264,"icon":7},"Headings","\u002Fdocs\u002Ftheme\u002Felements\u002Fheadings","docs\u002Ftheme\u002Felements\u002F03.typography\u002F01.headings",{"title":266,"path":267,"stem":268,"icon":7},"Paragraphs","\u002Fdocs\u002Ftheme\u002Felements\u002Fparagraphs","docs\u002Ftheme\u002Felements\u002F03.typography\u002F02.paragraphs",{"title":270,"path":271,"stem":272,"icon":7},"Links","\u002Fdocs\u002Ftheme\u002Felements\u002Flinks","docs\u002Ftheme\u002Felements\u002F03.typography\u002F03.links",{"title":274,"path":275,"stem":276,"icon":7},"Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Flists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F04.lists",{"title":278,"path":279,"stem":280,"icon":7},"Definition Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Fdefinition-lists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F05.definition-lists",{"title":282,"icon":283,"defaultOpen":223,"page":7,"children":284},"Inline Text","i-lucide-whole-word",[285,289,293,297],{"title":286,"path":287,"stem":288,"icon":7},"Abbreviation","\u002Fdocs\u002Ftheme\u002Felements\u002Fabbreviation","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F00.abbreviation",{"title":290,"path":291,"stem":292,"icon":7},"Code","\u002Fdocs\u002Ftheme\u002Felements\u002Fcode","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F01.code",{"title":294,"path":295,"stem":296,"icon":7},"Kbd","\u002Fdocs\u002Ftheme\u002Felements\u002Fkbd","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F02.kbd",{"title":298,"path":299,"stem":300,"icon":7},"Mark","\u002Fdocs\u002Ftheme\u002Felements\u002Fmark","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F03.mark",{"title":302,"icon":303,"defaultOpen":223,"page":7,"children":304},"Media & Embeds","i-lucide-image",[305,309],{"title":306,"path":307,"stem":308,"icon":7},"Image","\u002Fdocs\u002Ftheme\u002Felements\u002Fimage","docs\u002Ftheme\u002Felements\u002F05.media\u002F00.image",{"title":310,"path":311,"stem":312,"icon":7},"Iframe","\u002Fdocs\u002Ftheme\u002Felements\u002Fiframe","docs\u002Ftheme\u002Felements\u002F05.media\u002F01.iframe",{"title":314,"icon":315,"defaultOpen":223,"page":7,"children":316},"Forms & Tables","i-lucide-table",[317,321,325],{"title":318,"path":319,"stem":320,"icon":7},"Caption","\u002Fdocs\u002Ftheme\u002Felements\u002Fcaption","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F00.caption",{"title":322,"path":323,"stem":324,"icon":7},"Legend","\u002Fdocs\u002Ftheme\u002Felements\u002Flegend","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F01.legend",{"title":326,"path":327,"stem":328,"icon":7},"Output","\u002Fdocs\u002Ftheme\u002Felements\u002Foutput","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F02.output",{"title":330,"icon":331,"defaultOpen":223,"page":7,"children":332},"Structure","i-lucide-separator-horizontal",[333,337],{"title":334,"path":335,"stem":336,"icon":7},"Address","\u002Fdocs\u002Ftheme\u002Felements\u002Faddress","docs\u002Ftheme\u002Felements\u002F07.structure\u002F00.address",{"title":338,"path":339,"stem":340,"icon":7},"Horizontal Rule","\u002Fdocs\u002Ftheme\u002Felements\u002Fhorizontal-rule","docs\u002Ftheme\u002Felements\u002F07.structure\u002F01.horizontal-rule",{"title":342,"icon":343,"defaultOpen":223,"page":7,"children":344},"States","i-lucide-mouse-pointer-click",[345,349,353],{"title":346,"path":347,"stem":348,"icon":7},"Focus","\u002Fdocs\u002Ftheme\u002Felements\u002Ffocus","docs\u002Ftheme\u002Felements\u002F08.states\u002F00.focus",{"title":350,"path":351,"stem":352,"icon":7},"Selection","\u002Fdocs\u002Ftheme\u002Felements\u002Fselection","docs\u002Ftheme\u002Felements\u002F08.states\u002F01.selection",{"title":354,"path":355,"stem":356,"icon":7},"Summary","\u002Fdocs\u002Ftheme\u002Felements\u002Fsummary","docs\u002Ftheme\u002Felements\u002F08.states\u002F02.summary",{"title":358,"path":359,"stem":360,"children":361,"icon":7},"Components","\u002Fdocs\u002Ftheme\u002Fcomponents","docs\u002Ftheme\u002Fcomponents\u002F00.index",[362,363,375,399,427,491,518,550],{"title":78,"path":359,"stem":360,"icon":79},{"title":364,"icon":365,"defaultOpen":223,"page":7,"children":366},"Actions","i-lucide-square-mouse-pointer",[367,371],{"title":368,"path":369,"stem":370,"icon":7},"Button","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbutton","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F00.button",{"title":372,"path":373,"stem":374,"icon":7},"Hamburger Menu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fhamburger-menu","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F01.hamburger-menu",{"title":376,"icon":377,"defaultOpen":223,"page":7,"children":378},"Navigation","i-lucide-navigation",[379,383,387,391,395],{"title":380,"path":381,"stem":382,"icon":7},"Breadcrumb","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbreadcrumb","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F00.breadcrumb",{"title":384,"path":385,"stem":386,"icon":7},"Nav","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fnav","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F01.nav",{"title":388,"path":389,"stem":390,"icon":7},"Pagination","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpagination","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F02.pagination",{"title":392,"path":393,"stem":394,"icon":7},"Sidebar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fsidebar","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F03.sidebar",{"title":396,"path":397,"stem":398,"icon":7},"Tabs","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftabs","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F04.tabs",{"title":400,"icon":401,"defaultOpen":223,"page":7,"children":402},"Feedback","i-lucide-megaphone",[403,407,411,415,419,423],{"title":404,"path":405,"stem":406,"icon":7},"Badge","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbadge","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F00.badge",{"title":408,"path":409,"stem":410,"icon":7},"Callout","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcallout","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F01.callout",{"title":412,"path":413,"stem":414,"icon":7},"Chip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchip","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F02.chip",{"title":416,"path":417,"stem":418,"icon":7},"Progress","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fprogress","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F03.progress",{"title":420,"path":421,"stem":422,"icon":7},"Skeleton","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fskeleton","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F04.skeleton",{"title":424,"path":425,"stem":426,"icon":7},"Spinner","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fspinner","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F05.spinner",{"title":428,"icon":429,"defaultOpen":223,"page":7,"children":430},"Forms","i-lucide-text-cursor-input",[431,435,439,443,447,451,455,459,463,467,471,475,479,483,487],{"title":432,"path":433,"stem":434,"icon":7},"Calendar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcalendar","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F00.calendar",{"title":436,"path":437,"stem":438,"icon":7},"Checkbox","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F01.checkbox",{"title":440,"path":441,"stem":442,"icon":7},"Checkbox Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F02.checkbox-group",{"title":444,"path":445,"stem":446,"icon":7},"Color Picker","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcolor-picker","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F03.color-picker",{"title":448,"path":449,"stem":450,"icon":7},"Field Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ffield-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F04.field-group",{"title":452,"path":453,"stem":454,"icon":7},"Input","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Finput","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F05.input",{"title":456,"path":457,"stem":458,"icon":7},"OTP","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fotp","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F06.otp",{"title":460,"path":461,"stem":462,"icon":7},"Radio","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F07.radio",{"title":464,"path":465,"stem":466,"icon":7},"Radio Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F08.radio-group",{"title":468,"path":469,"stem":470,"icon":7},"Select","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fselect","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F09.select",{"title":472,"path":473,"stem":474,"icon":7},"Slider","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fslider","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F10.slider",{"title":476,"path":477,"stem":478,"icon":7},"Switch","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fswitch","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F11.switch",{"title":480,"path":481,"stem":482,"icon":7},"Textarea","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftextarea","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F12.textarea",{"title":484,"path":485,"stem":486,"icon":7},"Toggle","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F13.toggle",{"title":488,"path":489,"stem":490,"icon":7},"Toggle Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F14.toggle-group",{"title":492,"icon":242,"defaultOpen":223,"page":7,"children":493},"Overlays",[494,498,502,506,510,514],{"title":495,"path":496,"stem":497,"icon":7},"ContextMenu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcontext-menu","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F00.context-menu",{"title":499,"path":500,"stem":501,"icon":7},"Drawer","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdrawer","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F01.drawer",{"title":503,"path":504,"stem":505,"icon":7},"Dropdown","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdropdown","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F02.dropdown",{"title":507,"path":508,"stem":509,"icon":7},"Modal","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmodal","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F03.modal",{"title":511,"path":512,"stem":513,"icon":7},"Popover","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpopover","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F04.popover",{"title":515,"path":516,"stem":517,"icon":7},"Tooltip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftooltip","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F05.tooltip",{"title":519,"icon":520,"defaultOpen":223,"page":7,"children":521},"Layout","i-lucide-layout",[522,526,530,534,538,542,546],{"title":523,"path":524,"stem":525,"icon":7},"Accordion","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Faccordion","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F00.accordion",{"title":527,"path":528,"stem":529,"icon":7},"Avatar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F01.avatar",{"title":531,"path":532,"stem":533,"icon":7},"Avatar Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar-group","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F02.avatar-group",{"title":535,"path":536,"stem":537,"icon":7},"Card","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcard","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F03.card",{"title":539,"path":540,"stem":541,"icon":7},"Media","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmedia","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F04.media",{"title":543,"path":544,"stem":545,"icon":7},"PageHero","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpage-hero","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F05.page-hero",{"title":547,"path":548,"stem":549,"icon":7},"Placeholder","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fplaceholder","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F06.placeholder",{"title":551,"icon":552,"defaultOpen":223,"page":7,"children":553},"AI Chat","i-lucide-message-circle",[554],{"title":555,"path":556,"stem":557,"icon":7},"ChatMessage","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchat-message","docs\u002Ftheme\u002Fcomponents\u002F08.ai-chat\u002F00.chat-message",{"title":116,"path":559,"stem":560,"children":561,"icon":7},"\u002Fdocs\u002Ftheme\u002Futilities","docs\u002Ftheme\u002Futilities\u002F00.index",[562,563,567,572,577,581,584,588,593,598,602,605,610,613,618,622,627,632],{"title":78,"path":559,"stem":560,"icon":79},{"title":564,"path":565,"stem":566,"icon":173},"Presets","\u002Fdocs\u002Ftheme\u002Futilities\u002Fpreset","docs\u002Ftheme\u002Futilities\u002F01.preset",{"title":568,"path":569,"stem":570,"icon":571},"Accessibility","\u002Fdocs\u002Ftheme\u002Futilities\u002Faccessibility","docs\u002Ftheme\u002Futilities\u002F02.accessibility","i-lucide-accessibility",{"title":573,"path":574,"stem":575,"icon":576},"Animations","\u002Fdocs\u002Ftheme\u002Futilities\u002Fanimations","docs\u002Ftheme\u002Futilities\u002F03.animations","i-lucide-loader-circle",{"title":578,"path":579,"stem":580,"icon":303},"Backgrounds","\u002Fdocs\u002Ftheme\u002Futilities\u002Fbackgrounds","docs\u002Ftheme\u002Futilities\u002F04.backgrounds",{"title":180,"path":582,"stem":583,"icon":183},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fborders","docs\u002Ftheme\u002Futilities\u002F05.borders",{"title":585,"path":586,"stem":587,"icon":119},"Effects","\u002Fdocs\u002Ftheme\u002Futilities\u002Feffects","docs\u002Ftheme\u002Futilities\u002F06.effects",{"title":589,"path":590,"stem":591,"icon":592},"Filters","\u002Fdocs\u002Ftheme\u002Futilities\u002Ffilters","docs\u002Ftheme\u002Futilities\u002F07.filters","i-lucide-aperture",{"title":594,"path":595,"stem":596,"icon":597},"Flexbox & Grid","\u002Fdocs\u002Ftheme\u002Futilities\u002Fflexbox-grid","docs\u002Ftheme\u002Futilities\u002F08.flexbox-grid","i-lucide-layout-grid",{"title":599,"path":600,"stem":601,"icon":343},"Interactivity","\u002Fdocs\u002Ftheme\u002Futilities\u002Finteractivity","docs\u002Ftheme\u002Futilities\u002F09.interactivity",{"title":519,"path":603,"stem":604,"icon":520},"\u002Fdocs\u002Ftheme\u002Futilities\u002Flayout","docs\u002Ftheme\u002Futilities\u002F10.layout",{"title":606,"path":607,"stem":608,"icon":609},"Sizing","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsizing","docs\u002Ftheme\u002Futilities\u002F11.sizing","i-lucide-scaling",{"title":229,"path":611,"stem":612,"icon":232},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fspacing","docs\u002Ftheme\u002Futilities\u002F12.spacing",{"title":614,"path":615,"stem":616,"icon":617},"SVG","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsvg","docs\u002Ftheme\u002Futilities\u002F13.svg","i-lucide-pen-tool",{"title":619,"path":620,"stem":621,"icon":315},"Tables","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftables","docs\u002Ftheme\u002Futilities\u002F14.tables",{"title":623,"path":624,"stem":625,"icon":626},"Transforms","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransforms","docs\u002Ftheme\u002Futilities\u002F15.transforms","i-lucide-rotate-3d",{"title":628,"path":629,"stem":630,"icon":631},"Transitions","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransitions","docs\u002Ftheme\u002Futilities\u002F16.transitions","i-lucide-arrow-left-right",{"title":234,"path":633,"stem":634,"icon":237},"\u002Fdocs\u002Ftheme\u002Futilities\u002Ftypography","docs\u002Ftheme\u002Futilities\u002F17.typography",{"title":636,"path":637,"stem":638,"children":639,"icon":7},"Modifiers","\u002Fdocs\u002Ftheme\u002Fmodifiers","docs\u002Ftheme\u002Fmodifiers\u002F00.index",[640,641,644,648,653,657,662,667,672,677],{"title":78,"path":637,"stem":638,"icon":79},{"title":564,"path":642,"stem":643,"icon":173},"\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpreset","docs\u002Ftheme\u002Fmodifiers\u002F01.preset",{"title":645,"path":646,"stem":647,"icon":571},"ARIA State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Faria-state","docs\u002Ftheme\u002Fmodifiers\u002F02.aria-state",{"title":649,"path":650,"stem":651,"icon":652},"Directional","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fdirectional","docs\u002Ftheme\u002Fmodifiers\u002F03.directional","i-lucide-flip-horizontal",{"title":654,"path":655,"stem":656,"icon":429},"Form State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fform-state","docs\u002Ftheme\u002Fmodifiers\u002F04.form-state",{"title":658,"path":659,"stem":660,"icon":661},"Media & Preferences","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fmedia-preferences","docs\u002Ftheme\u002Fmodifiers\u002F05.media-preferences","i-lucide-sun-moon",{"title":663,"path":664,"stem":665,"icon":666},"Other State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fother-state","docs\u002Ftheme\u002Fmodifiers\u002F06.other-state","i-lucide-toggle-left",{"title":668,"path":669,"stem":670,"icon":671},"Pseudo-Elements","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-elements","docs\u002Ftheme\u002Fmodifiers\u002F07.pseudo-elements","i-lucide-box-select",{"title":673,"path":674,"stem":675,"icon":676},"Pseudo-State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-state","docs\u002Ftheme\u002Fmodifiers\u002F08.pseudo-state","i-lucide-pointer",{"title":678,"path":679,"stem":680,"icon":681},"Structural","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fstructural","docs\u002Ftheme\u002Fmodifiers\u002F09.structural","i-lucide-list-ordered",{"id":683,"title":684,"body":685,"description":3438,"extension":3439,"links":3440,"meta":3441,"navigation":3442,"path":620,"seo":3443,"stem":621,"__hash__":3444},"docs_theme\u002Fdocs\u002Ftheme\u002Futilities\u002F14.tables.md","Tables Utilities",{"type":686,"value":687,"toc":3420},"minimark",[688,706,710,714,718,721,749,755,762,1089,1094,1131,1137,1143,1885,1898,1904,1910,2152,2156,2186,2192,2198,2486,2490,2494,2686,2689,2962,2966,3162,3164,3336,3340,3372,3376,3416],[689,690,691,695,696,700,701,705],"note",{"icon":173},[692,693,694],"strong",{},"Part of the Utilities Preset:"," The utilities on this page are registered by the ",[697,698,699],"a",{"href":565},"Utilities Preset"," (",[702,703,704],"code",{},"useUtilitiesPreset","). For most projects, applying them via the preset is the recommended approach.",[707,708,78],"h2",{"id":709},"overview",[711,712,713],"p",{},"Table utilities help you control the layout and styling of HTML tables including border behavior, cell spacing, layout algorithm, and caption positioning.",[707,715,717],{"id":716},"why-use-table-utilities","Why Use Table Utilities?",[711,719,720],{},"Table utilities help you:",[722,723,724,731,737,743],"ul",{},[725,726,727,730],"li",{},[692,728,729],{},"Control border behavior",": Choose between collapsed or separate borders",[725,732,733,736],{},[692,734,735],{},"Manage cell spacing",": Set consistent spacing between table cells",[725,738,739,742],{},[692,740,741],{},"Optimize layout",": Choose between auto or fixed table layout algorithms",[725,744,745,748],{},[692,746,747],{},"Position captions",": Control where table captions appear",[707,750,752],{"id":751},"usebordercollapseutility",[702,753,754],{},"useBorderCollapseUtility",[711,756,757,758,761],{},"The ",[702,759,760],{},"useBorderCollapseUtility()"," function creates utility classes for controlling how table borders interact.",[763,764,765,953,1017],"tabs",{},[766,767,769],"tabs-item",{"icon":768,"label":290},"i-lucide-code",[770,771,777],"pre",{"className":772,"code":773,"filename":774,"language":775,"meta":776,"style":776},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, {\n    collapse: 'collapse',\n    separate: 'separate',\n});\n\nexport default s;\n","styleframe.config.ts","ts","",[702,778,779,815,838,844,865,870,884,906,923,934,939],{"__ignoreMap":776},[780,781,784,788,792,796,799,802,805,809,812],"span",{"class":782,"line":783},"line",1,[780,785,787],{"class":786},"s7zQu","import",[780,789,791],{"class":790},"sMK4o"," {",[780,793,795],{"class":794},"sTEyZ"," styleframe",[780,797,798],{"class":790}," }",[780,800,801],{"class":786}," from",[780,803,804],{"class":790}," \"",[780,806,808],{"class":807},"sfazB","styleframe",[780,810,811],{"class":790},"\"",[780,813,814],{"class":790},";\n",[780,816,818,820,822,825,827,829,831,834,836],{"class":782,"line":817},2,[780,819,787],{"class":786},[780,821,791],{"class":790},[780,823,824],{"class":794}," useBorderCollapseUtility",[780,826,798],{"class":790},[780,828,801],{"class":786},[780,830,804],{"class":790},[780,832,833],{"class":807},"@styleframe\u002Ftheme",[780,835,811],{"class":790},[780,837,814],{"class":790},[780,839,841],{"class":782,"line":840},3,[780,842,843],{"emptyLinePlaceholder":223},"\n",[780,845,847,851,854,857,860,863],{"class":782,"line":846},4,[780,848,850],{"class":849},"spNyl","const",[780,852,853],{"class":794}," s ",[780,855,856],{"class":790},"=",[780,858,795],{"class":859},"s2Zo4",[780,861,862],{"class":794},"()",[780,864,814],{"class":790},[780,866,868],{"class":782,"line":867},5,[780,869,843],{"emptyLinePlaceholder":223},[780,871,873,875,878,881],{"class":782,"line":872},6,[780,874,754],{"class":859},[780,876,877],{"class":794},"(s",[780,879,880],{"class":790},",",[780,882,883],{"class":790}," {\n",[780,885,887,891,894,897,900,903],{"class":782,"line":886},7,[780,888,890],{"class":889},"swJcz","    collapse",[780,892,893],{"class":790},":",[780,895,896],{"class":790}," '",[780,898,899],{"class":807},"collapse",[780,901,902],{"class":790},"'",[780,904,905],{"class":790},",\n",[780,907,909,912,914,916,919,921],{"class":782,"line":908},8,[780,910,911],{"class":889},"    separate",[780,913,893],{"class":790},[780,915,896],{"class":790},[780,917,918],{"class":807},"separate",[780,920,902],{"class":790},[780,922,905],{"class":790},[780,924,926,929,932],{"class":782,"line":925},9,[780,927,928],{"class":790},"}",[780,930,931],{"class":794},")",[780,933,814],{"class":790},[780,935,937],{"class":782,"line":936},10,[780,938,843],{"emptyLinePlaceholder":223},[780,940,942,945,948,951],{"class":782,"line":941},11,[780,943,944],{"class":786},"export",[780,946,947],{"class":786}," default",[780,949,950],{"class":794}," s",[780,952,814],{"class":790},[766,954,955],{"icon":154,"label":326},[770,956,961],{"className":957,"code":958,"filename":959,"language":960,"meta":776,"style":776},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","._border-collapse\\:collapse { border-collapse: collapse; }\n._border-collapse\\:separate { border-collapse: separate; }\n","styleframe\u002Findex.css","css",[702,962,963,994],{"__ignoreMap":776},[780,964,965,968,972,975,977,979,983,985,988,991],{"class":782,"line":783},[780,966,967],{"class":790},".",[780,969,971],{"class":970},"sBMFI","_border-collapse",[780,973,974],{"class":794},"\\:",[780,976,899],{"class":970},[780,978,791],{"class":790},[780,980,982],{"class":981},"sqsOY"," border-collapse",[780,984,893],{"class":790},[780,986,987],{"class":794}," collapse",[780,989,990],{"class":790},";",[780,992,993],{"class":790}," }\n",[780,995,996,998,1000,1002,1004,1006,1008,1010,1013,1015],{"class":782,"line":817},[780,997,967],{"class":790},[780,999,971],{"class":970},[780,1001,974],{"class":794},[780,1003,918],{"class":970},[780,1005,791],{"class":790},[780,1007,982],{"class":981},[780,1009,893],{"class":790},[780,1011,1012],{"class":794}," separate",[780,1014,990],{"class":790},[780,1016,993],{"class":790},[766,1018,1020],{"icon":520,"label":1019},"Usage",[770,1021,1025],{"className":1022,"code":1023,"language":1024,"meta":776,"style":776},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctable class=\"_border-collapse:collapse\">Merged borders\u003C\u002Ftable>\n\u003Ctable class=\"_border-collapse:separate\">Separate borders\u003C\u002Ftable>\n","html",[702,1026,1027,1061],{"__ignoreMap":776},[780,1028,1029,1032,1035,1038,1040,1042,1045,1047,1050,1053,1056,1058],{"class":782,"line":783},[780,1030,1031],{"class":790},"\u003C",[780,1033,1034],{"class":889},"table",[780,1036,1037],{"class":849}," class",[780,1039,856],{"class":790},[780,1041,811],{"class":790},[780,1043,1044],{"class":807},"_border-collapse:collapse",[780,1046,811],{"class":790},[780,1048,1049],{"class":790},">",[780,1051,1052],{"class":794},"Merged borders",[780,1054,1055],{"class":790},"\u003C\u002F",[780,1057,1034],{"class":889},[780,1059,1060],{"class":790},">\n",[780,1062,1063,1065,1067,1069,1071,1073,1076,1078,1080,1083,1085,1087],{"class":782,"line":817},[780,1064,1031],{"class":790},[780,1066,1034],{"class":889},[780,1068,1037],{"class":849},[780,1070,856],{"class":790},[780,1072,811],{"class":790},[780,1074,1075],{"class":807},"_border-collapse:separate",[780,1077,811],{"class":790},[780,1079,1049],{"class":790},[780,1081,1082],{"class":794},"Separate borders",[780,1084,1055],{"class":790},[780,1086,1034],{"class":889},[780,1088,1060],{"class":790},[1090,1091,1093],"h3",{"id":1092},"border-collapse-values","Border Collapse Values",[1034,1095,1096,1109],{},[1097,1098,1099],"thead",{},[1100,1101,1102,1106],"tr",{},[1103,1104,1105],"th",{},"Value",[1103,1107,1108],{},"Description",[1110,1111,1112,1122],"tbody",{},[1100,1113,1114,1119],{},[1115,1116,1117],"td",{},[702,1118,899],{},[1115,1120,1121],{},"Adjacent cell borders merge into a single border",[1100,1123,1124,1128],{},[1115,1125,1126],{},[702,1127,918],{},[1115,1129,1130],{},"Each cell has its own distinct borders",[707,1132,1134],{"id":1133},"useborderspacingutility",[702,1135,1136],{},"useBorderSpacingUtility",[711,1138,757,1139,1142],{},[702,1140,1141],{},"useBorderSpacingUtility()"," function creates utility classes for setting the spacing between table cell borders.",[763,1144,1145,1505,1846],{},[766,1146,1147],{"icon":768,"label":290},[770,1148,1150],{"className":772,"code":1149,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBorderSpacingUtility, useBorderSpacingXUtility, useBorderSpacingYUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBorderSpacingUtility(s, {\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '4': '1rem',\n});\n\nuseBorderSpacingXUtility(s, {\n    '0': '0',\n    '2': '0.5rem',\n    '4': '1rem',\n});\n\nuseBorderSpacingYUtility(s, {\n    '0': '0',\n    '2': '0.5rem',\n    '4': '1rem',\n});\n\nexport default s;\n",[702,1151,1152,1172,1203,1207,1221,1225,1235,1255,1275,1295,1315,1323,1328,1340,1359,1378,1397,1406,1411,1423,1442,1461,1480,1489,1494],{"__ignoreMap":776},[780,1153,1154,1156,1158,1160,1162,1164,1166,1168,1170],{"class":782,"line":783},[780,1155,787],{"class":786},[780,1157,791],{"class":790},[780,1159,795],{"class":794},[780,1161,798],{"class":790},[780,1163,801],{"class":786},[780,1165,804],{"class":790},[780,1167,808],{"class":807},[780,1169,811],{"class":790},[780,1171,814],{"class":790},[780,1173,1174,1176,1178,1181,1183,1186,1188,1191,1193,1195,1197,1199,1201],{"class":782,"line":817},[780,1175,787],{"class":786},[780,1177,791],{"class":790},[780,1179,1180],{"class":794}," useBorderSpacingUtility",[780,1182,880],{"class":790},[780,1184,1185],{"class":794}," useBorderSpacingXUtility",[780,1187,880],{"class":790},[780,1189,1190],{"class":794}," useBorderSpacingYUtility",[780,1192,798],{"class":790},[780,1194,801],{"class":786},[780,1196,804],{"class":790},[780,1198,833],{"class":807},[780,1200,811],{"class":790},[780,1202,814],{"class":790},[780,1204,1205],{"class":782,"line":840},[780,1206,843],{"emptyLinePlaceholder":223},[780,1208,1209,1211,1213,1215,1217,1219],{"class":782,"line":846},[780,1210,850],{"class":849},[780,1212,853],{"class":794},[780,1214,856],{"class":790},[780,1216,795],{"class":859},[780,1218,862],{"class":794},[780,1220,814],{"class":790},[780,1222,1223],{"class":782,"line":867},[780,1224,843],{"emptyLinePlaceholder":223},[780,1226,1227,1229,1231,1233],{"class":782,"line":872},[780,1228,1136],{"class":859},[780,1230,877],{"class":794},[780,1232,880],{"class":790},[780,1234,883],{"class":790},[780,1236,1237,1240,1243,1245,1247,1249,1251,1253],{"class":782,"line":886},[780,1238,1239],{"class":790},"    '",[780,1241,1242],{"class":889},"0",[780,1244,902],{"class":790},[780,1246,893],{"class":790},[780,1248,896],{"class":790},[780,1250,1242],{"class":807},[780,1252,902],{"class":790},[780,1254,905],{"class":790},[780,1256,1257,1259,1262,1264,1266,1268,1271,1273],{"class":782,"line":908},[780,1258,1239],{"class":790},[780,1260,1261],{"class":889},"1",[780,1263,902],{"class":790},[780,1265,893],{"class":790},[780,1267,896],{"class":790},[780,1269,1270],{"class":807},"0.25rem",[780,1272,902],{"class":790},[780,1274,905],{"class":790},[780,1276,1277,1279,1282,1284,1286,1288,1291,1293],{"class":782,"line":925},[780,1278,1239],{"class":790},[780,1280,1281],{"class":889},"2",[780,1283,902],{"class":790},[780,1285,893],{"class":790},[780,1287,896],{"class":790},[780,1289,1290],{"class":807},"0.5rem",[780,1292,902],{"class":790},[780,1294,905],{"class":790},[780,1296,1297,1299,1302,1304,1306,1308,1311,1313],{"class":782,"line":936},[780,1298,1239],{"class":790},[780,1300,1301],{"class":889},"4",[780,1303,902],{"class":790},[780,1305,893],{"class":790},[780,1307,896],{"class":790},[780,1309,1310],{"class":807},"1rem",[780,1312,902],{"class":790},[780,1314,905],{"class":790},[780,1316,1317,1319,1321],{"class":782,"line":941},[780,1318,928],{"class":790},[780,1320,931],{"class":794},[780,1322,814],{"class":790},[780,1324,1326],{"class":782,"line":1325},12,[780,1327,843],{"emptyLinePlaceholder":223},[780,1329,1331,1334,1336,1338],{"class":782,"line":1330},13,[780,1332,1333],{"class":859},"useBorderSpacingXUtility",[780,1335,877],{"class":794},[780,1337,880],{"class":790},[780,1339,883],{"class":790},[780,1341,1343,1345,1347,1349,1351,1353,1355,1357],{"class":782,"line":1342},14,[780,1344,1239],{"class":790},[780,1346,1242],{"class":889},[780,1348,902],{"class":790},[780,1350,893],{"class":790},[780,1352,896],{"class":790},[780,1354,1242],{"class":807},[780,1356,902],{"class":790},[780,1358,905],{"class":790},[780,1360,1362,1364,1366,1368,1370,1372,1374,1376],{"class":782,"line":1361},15,[780,1363,1239],{"class":790},[780,1365,1281],{"class":889},[780,1367,902],{"class":790},[780,1369,893],{"class":790},[780,1371,896],{"class":790},[780,1373,1290],{"class":807},[780,1375,902],{"class":790},[780,1377,905],{"class":790},[780,1379,1381,1383,1385,1387,1389,1391,1393,1395],{"class":782,"line":1380},16,[780,1382,1239],{"class":790},[780,1384,1301],{"class":889},[780,1386,902],{"class":790},[780,1388,893],{"class":790},[780,1390,896],{"class":790},[780,1392,1310],{"class":807},[780,1394,902],{"class":790},[780,1396,905],{"class":790},[780,1398,1400,1402,1404],{"class":782,"line":1399},17,[780,1401,928],{"class":790},[780,1403,931],{"class":794},[780,1405,814],{"class":790},[780,1407,1409],{"class":782,"line":1408},18,[780,1410,843],{"emptyLinePlaceholder":223},[780,1412,1414,1417,1419,1421],{"class":782,"line":1413},19,[780,1415,1416],{"class":859},"useBorderSpacingYUtility",[780,1418,877],{"class":794},[780,1420,880],{"class":790},[780,1422,883],{"class":790},[780,1424,1426,1428,1430,1432,1434,1436,1438,1440],{"class":782,"line":1425},20,[780,1427,1239],{"class":790},[780,1429,1242],{"class":889},[780,1431,902],{"class":790},[780,1433,893],{"class":790},[780,1435,896],{"class":790},[780,1437,1242],{"class":807},[780,1439,902],{"class":790},[780,1441,905],{"class":790},[780,1443,1445,1447,1449,1451,1453,1455,1457,1459],{"class":782,"line":1444},21,[780,1446,1239],{"class":790},[780,1448,1281],{"class":889},[780,1450,902],{"class":790},[780,1452,893],{"class":790},[780,1454,896],{"class":790},[780,1456,1290],{"class":807},[780,1458,902],{"class":790},[780,1460,905],{"class":790},[780,1462,1464,1466,1468,1470,1472,1474,1476,1478],{"class":782,"line":1463},22,[780,1465,1239],{"class":790},[780,1467,1301],{"class":889},[780,1469,902],{"class":790},[780,1471,893],{"class":790},[780,1473,896],{"class":790},[780,1475,1310],{"class":807},[780,1477,902],{"class":790},[780,1479,905],{"class":790},[780,1481,1483,1485,1487],{"class":782,"line":1482},23,[780,1484,928],{"class":790},[780,1486,931],{"class":794},[780,1488,814],{"class":790},[780,1490,1492],{"class":782,"line":1491},24,[780,1493,843],{"emptyLinePlaceholder":223},[780,1495,1497,1499,1501,1503],{"class":782,"line":1496},25,[780,1498,944],{"class":786},[780,1500,947],{"class":786},[780,1502,950],{"class":794},[780,1504,814],{"class":790},[766,1506,1507],{"icon":154,"label":326},[770,1508,1510],{"className":957,"code":1509,"filename":959,"language":960,"meta":776,"style":776},"._border-spacing\\:0 { border-spacing: 0; }\n._border-spacing\\:1 { border-spacing: 0.25rem; }\n._border-spacing\\:2 { border-spacing: 0.5rem; }\n._border-spacing\\:4 { border-spacing: 1rem; }\n\n._border-spacing-x\\:0 { --tw-border-spacing-y: 0; border-spacing: 0 var(--tw-border-spacing-y); }\n._border-spacing-x\\:2 { --tw-border-spacing-y: 0; border-spacing: 0.5rem var(--tw-border-spacing-y); }\n._border-spacing-x\\:4 { --tw-border-spacing-y: 0; border-spacing: 1rem var(--tw-border-spacing-y); }\n\n._border-spacing-y\\:0 { --tw-border-spacing-x: 0; border-spacing: var(--tw-border-spacing-x) 0; }\n._border-spacing-y\\:2 { --tw-border-spacing-x: 0; border-spacing: var(--tw-border-spacing-x) 0.5rem; }\n._border-spacing-y\\:4 { --tw-border-spacing-x: 0; border-spacing: var(--tw-border-spacing-x) 1rem; }\n",[702,1511,1512,1538,1561,1584,1607,1611,1653,1689,1725,1729,1770,1808],{"__ignoreMap":776},[780,1513,1514,1516,1519,1521,1523,1525,1528,1530,1534,1536],{"class":782,"line":783},[780,1515,967],{"class":790},[780,1517,1518],{"class":970},"_border-spacing",[780,1520,974],{"class":794},[780,1522,1242],{"class":970},[780,1524,791],{"class":790},[780,1526,1527],{"class":981}," border-spacing",[780,1529,893],{"class":790},[780,1531,1533],{"class":1532},"sbssI"," 0",[780,1535,990],{"class":790},[780,1537,993],{"class":790},[780,1539,1540,1542,1544,1546,1548,1550,1552,1554,1557,1559],{"class":782,"line":817},[780,1541,967],{"class":790},[780,1543,1518],{"class":970},[780,1545,974],{"class":794},[780,1547,1261],{"class":970},[780,1549,791],{"class":790},[780,1551,1527],{"class":981},[780,1553,893],{"class":790},[780,1555,1556],{"class":1532}," 0.25rem",[780,1558,990],{"class":790},[780,1560,993],{"class":790},[780,1562,1563,1565,1567,1569,1571,1573,1575,1577,1580,1582],{"class":782,"line":840},[780,1564,967],{"class":790},[780,1566,1518],{"class":970},[780,1568,974],{"class":794},[780,1570,1281],{"class":970},[780,1572,791],{"class":790},[780,1574,1527],{"class":981},[780,1576,893],{"class":790},[780,1578,1579],{"class":1532}," 0.5rem",[780,1581,990],{"class":790},[780,1583,993],{"class":790},[780,1585,1586,1588,1590,1592,1594,1596,1598,1600,1603,1605],{"class":782,"line":846},[780,1587,967],{"class":790},[780,1589,1518],{"class":970},[780,1591,974],{"class":794},[780,1593,1301],{"class":970},[780,1595,791],{"class":790},[780,1597,1527],{"class":981},[780,1599,893],{"class":790},[780,1601,1602],{"class":1532}," 1rem",[780,1604,990],{"class":790},[780,1606,993],{"class":790},[780,1608,1609],{"class":782,"line":867},[780,1610,843],{"emptyLinePlaceholder":223},[780,1612,1613,1615,1618,1620,1622,1624,1627,1629,1631,1633,1635,1637,1639,1642,1645,1648,1651],{"class":782,"line":872},[780,1614,967],{"class":790},[780,1616,1617],{"class":970},"_border-spacing-x",[780,1619,974],{"class":794},[780,1621,1242],{"class":970},[780,1623,791],{"class":790},[780,1625,1626],{"class":794}," --tw-border-spacing-y",[780,1628,893],{"class":790},[780,1630,1533],{"class":1532},[780,1632,990],{"class":790},[780,1634,1527],{"class":981},[780,1636,893],{"class":790},[780,1638,1533],{"class":1532},[780,1640,1641],{"class":859}," var",[780,1643,1644],{"class":790},"(",[780,1646,1647],{"class":794},"--tw-border-spacing-y",[780,1649,1650],{"class":790},");",[780,1652,993],{"class":790},[780,1654,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687],{"class":782,"line":886},[780,1656,967],{"class":790},[780,1658,1617],{"class":970},[780,1660,974],{"class":794},[780,1662,1281],{"class":970},[780,1664,791],{"class":790},[780,1666,1626],{"class":794},[780,1668,893],{"class":790},[780,1670,1533],{"class":1532},[780,1672,990],{"class":790},[780,1674,1527],{"class":981},[780,1676,893],{"class":790},[780,1678,1579],{"class":1532},[780,1680,1641],{"class":859},[780,1682,1644],{"class":790},[780,1684,1647],{"class":794},[780,1686,1650],{"class":790},[780,1688,993],{"class":790},[780,1690,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719,1721,1723],{"class":782,"line":908},[780,1692,967],{"class":790},[780,1694,1617],{"class":970},[780,1696,974],{"class":794},[780,1698,1301],{"class":970},[780,1700,791],{"class":790},[780,1702,1626],{"class":794},[780,1704,893],{"class":790},[780,1706,1533],{"class":1532},[780,1708,990],{"class":790},[780,1710,1527],{"class":981},[780,1712,893],{"class":790},[780,1714,1602],{"class":1532},[780,1716,1641],{"class":859},[780,1718,1644],{"class":790},[780,1720,1647],{"class":794},[780,1722,1650],{"class":790},[780,1724,993],{"class":790},[780,1726,1727],{"class":782,"line":925},[780,1728,843],{"emptyLinePlaceholder":223},[780,1730,1731,1733,1736,1738,1740,1742,1745,1747,1749,1751,1753,1755,1757,1759,1762,1764,1766,1768],{"class":782,"line":936},[780,1732,967],{"class":790},[780,1734,1735],{"class":970},"_border-spacing-y",[780,1737,974],{"class":794},[780,1739,1242],{"class":970},[780,1741,791],{"class":790},[780,1743,1744],{"class":794}," --tw-border-spacing-x",[780,1746,893],{"class":790},[780,1748,1533],{"class":1532},[780,1750,990],{"class":790},[780,1752,1527],{"class":981},[780,1754,893],{"class":790},[780,1756,1641],{"class":859},[780,1758,1644],{"class":790},[780,1760,1761],{"class":794},"--tw-border-spacing-x",[780,1763,931],{"class":790},[780,1765,1533],{"class":1532},[780,1767,990],{"class":790},[780,1769,993],{"class":790},[780,1771,1772,1774,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796,1798,1800,1802,1804,1806],{"class":782,"line":941},[780,1773,967],{"class":790},[780,1775,1735],{"class":970},[780,1777,974],{"class":794},[780,1779,1281],{"class":970},[780,1781,791],{"class":790},[780,1783,1744],{"class":794},[780,1785,893],{"class":790},[780,1787,1533],{"class":1532},[780,1789,990],{"class":790},[780,1791,1527],{"class":981},[780,1793,893],{"class":790},[780,1795,1641],{"class":859},[780,1797,1644],{"class":790},[780,1799,1761],{"class":794},[780,1801,931],{"class":790},[780,1803,1579],{"class":1532},[780,1805,990],{"class":790},[780,1807,993],{"class":790},[780,1809,1810,1812,1814,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1836,1838,1840,1842,1844],{"class":782,"line":1325},[780,1811,967],{"class":790},[780,1813,1735],{"class":970},[780,1815,974],{"class":794},[780,1817,1301],{"class":970},[780,1819,791],{"class":790},[780,1821,1744],{"class":794},[780,1823,893],{"class":790},[780,1825,1533],{"class":1532},[780,1827,990],{"class":790},[780,1829,1527],{"class":981},[780,1831,893],{"class":790},[780,1833,1641],{"class":859},[780,1835,1644],{"class":790},[780,1837,1761],{"class":794},[780,1839,931],{"class":790},[780,1841,1602],{"class":1532},[780,1843,990],{"class":790},[780,1845,993],{"class":790},[766,1847,1848],{"icon":520,"label":1019},[770,1849,1851],{"className":1022,"code":1850,"language":1024,"meta":776,"style":776},"\u003Ctable class=\"_border-collapse:separate _border-spacing:2\">\n    Spaced cells\n\u003C\u002Ftable>\n",[702,1852,1853,1872,1877],{"__ignoreMap":776},[780,1854,1855,1857,1859,1861,1863,1865,1868,1870],{"class":782,"line":783},[780,1856,1031],{"class":790},[780,1858,1034],{"class":889},[780,1860,1037],{"class":849},[780,1862,856],{"class":790},[780,1864,811],{"class":790},[780,1866,1867],{"class":807},"_border-collapse:separate _border-spacing:2",[780,1869,811],{"class":790},[780,1871,1060],{"class":790},[780,1873,1874],{"class":782,"line":817},[780,1875,1876],{"class":794},"    Spaced cells\n",[780,1878,1879,1881,1883],{"class":782,"line":840},[780,1880,1055],{"class":790},[780,1882,1034],{"class":889},[780,1884,1060],{"class":790},[1886,1887,1888,1891,1892,1895,1896,967],"tip",{},[692,1889,1890],{},"Note",": Border spacing only works when ",[702,1893,1894],{},"border-collapse"," is set to ",[702,1897,918],{},[707,1899,1901],{"id":1900},"usetablelayoututility",[702,1902,1903],{},"useTableLayoutUtility",[711,1905,757,1906,1909],{},[702,1907,1908],{},"useTableLayoutUtility()"," function creates utility classes for controlling the table layout algorithm.",[763,1911,1912,2046,2101],{},[766,1913,1914],{"icon":768,"label":290},[770,1915,1917],{"className":772,"code":1916,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useTableLayoutUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseTableLayoutUtility(s, {\n    auto: 'auto',\n    fixed: 'fixed',\n});\n\nexport default s;\n",[702,1918,1919,1939,1960,1964,1978,1982,1992,2008,2024,2032,2036],{"__ignoreMap":776},[780,1920,1921,1923,1925,1927,1929,1931,1933,1935,1937],{"class":782,"line":783},[780,1922,787],{"class":786},[780,1924,791],{"class":790},[780,1926,795],{"class":794},[780,1928,798],{"class":790},[780,1930,801],{"class":786},[780,1932,804],{"class":790},[780,1934,808],{"class":807},[780,1936,811],{"class":790},[780,1938,814],{"class":790},[780,1940,1941,1943,1945,1948,1950,1952,1954,1956,1958],{"class":782,"line":817},[780,1942,787],{"class":786},[780,1944,791],{"class":790},[780,1946,1947],{"class":794}," useTableLayoutUtility",[780,1949,798],{"class":790},[780,1951,801],{"class":786},[780,1953,804],{"class":790},[780,1955,833],{"class":807},[780,1957,811],{"class":790},[780,1959,814],{"class":790},[780,1961,1962],{"class":782,"line":840},[780,1963,843],{"emptyLinePlaceholder":223},[780,1965,1966,1968,1970,1972,1974,1976],{"class":782,"line":846},[780,1967,850],{"class":849},[780,1969,853],{"class":794},[780,1971,856],{"class":790},[780,1973,795],{"class":859},[780,1975,862],{"class":794},[780,1977,814],{"class":790},[780,1979,1980],{"class":782,"line":867},[780,1981,843],{"emptyLinePlaceholder":223},[780,1983,1984,1986,1988,1990],{"class":782,"line":872},[780,1985,1903],{"class":859},[780,1987,877],{"class":794},[780,1989,880],{"class":790},[780,1991,883],{"class":790},[780,1993,1994,1997,1999,2001,2004,2006],{"class":782,"line":886},[780,1995,1996],{"class":889},"    auto",[780,1998,893],{"class":790},[780,2000,896],{"class":790},[780,2002,2003],{"class":807},"auto",[780,2005,902],{"class":790},[780,2007,905],{"class":790},[780,2009,2010,2013,2015,2017,2020,2022],{"class":782,"line":908},[780,2011,2012],{"class":889},"    fixed",[780,2014,893],{"class":790},[780,2016,896],{"class":790},[780,2018,2019],{"class":807},"fixed",[780,2021,902],{"class":790},[780,2023,905],{"class":790},[780,2025,2026,2028,2030],{"class":782,"line":925},[780,2027,928],{"class":790},[780,2029,931],{"class":794},[780,2031,814],{"class":790},[780,2033,2034],{"class":782,"line":936},[780,2035,843],{"emptyLinePlaceholder":223},[780,2037,2038,2040,2042,2044],{"class":782,"line":941},[780,2039,944],{"class":786},[780,2041,947],{"class":786},[780,2043,950],{"class":794},[780,2045,814],{"class":790},[766,2047,2048],{"icon":154,"label":326},[770,2049,2051],{"className":957,"code":2050,"filename":959,"language":960,"meta":776,"style":776},"._table-layout\\:auto { table-layout: auto; }\n._table-layout\\:fixed { table-layout: fixed; }\n",[702,2052,2053,2078],{"__ignoreMap":776},[780,2054,2055,2057,2060,2062,2064,2066,2069,2071,2074,2076],{"class":782,"line":783},[780,2056,967],{"class":790},[780,2058,2059],{"class":970},"_table-layout",[780,2061,974],{"class":794},[780,2063,2003],{"class":970},[780,2065,791],{"class":790},[780,2067,2068],{"class":981}," table-layout",[780,2070,893],{"class":790},[780,2072,2073],{"class":794}," auto",[780,2075,990],{"class":790},[780,2077,993],{"class":790},[780,2079,2080,2082,2084,2086,2088,2090,2092,2094,2097,2099],{"class":782,"line":817},[780,2081,967],{"class":790},[780,2083,2059],{"class":970},[780,2085,974],{"class":794},[780,2087,2019],{"class":970},[780,2089,791],{"class":790},[780,2091,2068],{"class":981},[780,2093,893],{"class":790},[780,2095,2096],{"class":794}," fixed",[780,2098,990],{"class":790},[780,2100,993],{"class":790},[766,2102,2103],{"icon":520,"label":1019},[770,2104,2106],{"className":1022,"code":2105,"language":1024,"meta":776,"style":776},"\u003Ctable class=\"_table-layout:fixed\" style=\"width: 100%;\">\n    Fixed column widths\n\u003C\u002Ftable>\n",[702,2107,2108,2139,2144],{"__ignoreMap":776},[780,2109,2110,2112,2114,2116,2118,2120,2123,2125,2128,2130,2132,2135,2137],{"class":782,"line":783},[780,2111,1031],{"class":790},[780,2113,1034],{"class":889},[780,2115,1037],{"class":849},[780,2117,856],{"class":790},[780,2119,811],{"class":790},[780,2121,2122],{"class":807},"_table-layout:fixed",[780,2124,811],{"class":790},[780,2126,2127],{"class":849}," style",[780,2129,856],{"class":790},[780,2131,811],{"class":790},[780,2133,2134],{"class":807},"width: 100%;",[780,2136,811],{"class":790},[780,2138,1060],{"class":790},[780,2140,2141],{"class":782,"line":817},[780,2142,2143],{"class":794},"    Fixed column widths\n",[780,2145,2146,2148,2150],{"class":782,"line":840},[780,2147,1055],{"class":790},[780,2149,1034],{"class":889},[780,2151,1060],{"class":790},[1090,2153,2155],{"id":2154},"table-layout-values","Table Layout Values",[1034,2157,2158,2166],{},[1097,2159,2160],{},[1100,2161,2162,2164],{},[1103,2163,1105],{},[1103,2165,1108],{},[1110,2167,2168,2177],{},[1100,2169,2170,2174],{},[1115,2171,2172],{},[702,2173,2003],{},[1115,2175,2176],{},"Column widths determined by content (default)",[1100,2178,2179,2183],{},[1115,2180,2181],{},[702,2182,2019],{},[1115,2184,2185],{},"Column widths determined by first row or explicit widths; faster rendering",[707,2187,2189],{"id":2188},"usecaptionsideutility",[702,2190,2191],{},"useCaptionSideUtility",[711,2193,757,2194,2197],{},[702,2195,2196],{},"useCaptionSideUtility()"," function creates utility classes for positioning table captions.",[763,2199,2200,2334,2389],{},[766,2201,2202],{"icon":768,"label":290},[770,2203,2205],{"className":772,"code":2204,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useCaptionSideUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseCaptionSideUtility(s, {\n    top: 'top',\n    bottom: 'bottom',\n});\n\nexport default s;\n",[702,2206,2207,2227,2248,2252,2266,2270,2280,2296,2312,2320,2324],{"__ignoreMap":776},[780,2208,2209,2211,2213,2215,2217,2219,2221,2223,2225],{"class":782,"line":783},[780,2210,787],{"class":786},[780,2212,791],{"class":790},[780,2214,795],{"class":794},[780,2216,798],{"class":790},[780,2218,801],{"class":786},[780,2220,804],{"class":790},[780,2222,808],{"class":807},[780,2224,811],{"class":790},[780,2226,814],{"class":790},[780,2228,2229,2231,2233,2236,2238,2240,2242,2244,2246],{"class":782,"line":817},[780,2230,787],{"class":786},[780,2232,791],{"class":790},[780,2234,2235],{"class":794}," useCaptionSideUtility",[780,2237,798],{"class":790},[780,2239,801],{"class":786},[780,2241,804],{"class":790},[780,2243,833],{"class":807},[780,2245,811],{"class":790},[780,2247,814],{"class":790},[780,2249,2250],{"class":782,"line":840},[780,2251,843],{"emptyLinePlaceholder":223},[780,2253,2254,2256,2258,2260,2262,2264],{"class":782,"line":846},[780,2255,850],{"class":849},[780,2257,853],{"class":794},[780,2259,856],{"class":790},[780,2261,795],{"class":859},[780,2263,862],{"class":794},[780,2265,814],{"class":790},[780,2267,2268],{"class":782,"line":867},[780,2269,843],{"emptyLinePlaceholder":223},[780,2271,2272,2274,2276,2278],{"class":782,"line":872},[780,2273,2191],{"class":859},[780,2275,877],{"class":794},[780,2277,880],{"class":790},[780,2279,883],{"class":790},[780,2281,2282,2285,2287,2289,2292,2294],{"class":782,"line":886},[780,2283,2284],{"class":889},"    top",[780,2286,893],{"class":790},[780,2288,896],{"class":790},[780,2290,2291],{"class":807},"top",[780,2293,902],{"class":790},[780,2295,905],{"class":790},[780,2297,2298,2301,2303,2305,2308,2310],{"class":782,"line":908},[780,2299,2300],{"class":889},"    bottom",[780,2302,893],{"class":790},[780,2304,896],{"class":790},[780,2306,2307],{"class":807},"bottom",[780,2309,902],{"class":790},[780,2311,905],{"class":790},[780,2313,2314,2316,2318],{"class":782,"line":925},[780,2315,928],{"class":790},[780,2317,931],{"class":794},[780,2319,814],{"class":790},[780,2321,2322],{"class":782,"line":936},[780,2323,843],{"emptyLinePlaceholder":223},[780,2325,2326,2328,2330,2332],{"class":782,"line":941},[780,2327,944],{"class":786},[780,2329,947],{"class":786},[780,2331,950],{"class":794},[780,2333,814],{"class":790},[766,2335,2336],{"icon":154,"label":326},[770,2337,2339],{"className":957,"code":2338,"filename":959,"language":960,"meta":776,"style":776},"._caption-side\\:top { caption-side: top; }\n._caption-side\\:bottom { caption-side: bottom; }\n",[702,2340,2341,2366],{"__ignoreMap":776},[780,2342,2343,2345,2348,2350,2352,2354,2357,2359,2362,2364],{"class":782,"line":783},[780,2344,967],{"class":790},[780,2346,2347],{"class":970},"_caption-side",[780,2349,974],{"class":794},[780,2351,2291],{"class":970},[780,2353,791],{"class":790},[780,2355,2356],{"class":981}," caption-side",[780,2358,893],{"class":790},[780,2360,2361],{"class":794}," top",[780,2363,990],{"class":790},[780,2365,993],{"class":790},[780,2367,2368,2370,2372,2374,2376,2378,2380,2382,2385,2387],{"class":782,"line":817},[780,2369,967],{"class":790},[780,2371,2347],{"class":970},[780,2373,974],{"class":794},[780,2375,2307],{"class":970},[780,2377,791],{"class":790},[780,2379,2356],{"class":981},[780,2381,893],{"class":790},[780,2383,2384],{"class":794}," bottom",[780,2386,990],{"class":790},[780,2388,993],{"class":790},[766,2390,2391],{"icon":520,"label":1019},[770,2392,2394],{"className":1022,"code":2393,"language":1024,"meta":776,"style":776},"\u003Ctable class=\"_caption-side:top\">\n    \u003Ccaption>Table title at top\u003C\u002Fcaption>\n\u003C\u002Ftable>\n\u003Ctable class=\"_caption-side:bottom\">\n    \u003Ccaption>Table title at bottom\u003C\u002Fcaption>\n\u003C\u002Ftable>\n",[702,2395,2396,2415,2434,2442,2461,2478],{"__ignoreMap":776},[780,2397,2398,2400,2402,2404,2406,2408,2411,2413],{"class":782,"line":783},[780,2399,1031],{"class":790},[780,2401,1034],{"class":889},[780,2403,1037],{"class":849},[780,2405,856],{"class":790},[780,2407,811],{"class":790},[780,2409,2410],{"class":807},"_caption-side:top",[780,2412,811],{"class":790},[780,2414,1060],{"class":790},[780,2416,2417,2420,2423,2425,2428,2430,2432],{"class":782,"line":817},[780,2418,2419],{"class":790},"    \u003C",[780,2421,2422],{"class":889},"caption",[780,2424,1049],{"class":790},[780,2426,2427],{"class":794},"Table title at top",[780,2429,1055],{"class":790},[780,2431,2422],{"class":889},[780,2433,1060],{"class":790},[780,2435,2436,2438,2440],{"class":782,"line":840},[780,2437,1055],{"class":790},[780,2439,1034],{"class":889},[780,2441,1060],{"class":790},[780,2443,2444,2446,2448,2450,2452,2454,2457,2459],{"class":782,"line":846},[780,2445,1031],{"class":790},[780,2447,1034],{"class":889},[780,2449,1037],{"class":849},[780,2451,856],{"class":790},[780,2453,811],{"class":790},[780,2455,2456],{"class":807},"_caption-side:bottom",[780,2458,811],{"class":790},[780,2460,1060],{"class":790},[780,2462,2463,2465,2467,2469,2472,2474,2476],{"class":782,"line":867},[780,2464,2419],{"class":790},[780,2466,2422],{"class":889},[780,2468,1049],{"class":790},[780,2470,2471],{"class":794},"Table title at bottom",[780,2473,1055],{"class":790},[780,2475,2422],{"class":889},[780,2477,1060],{"class":790},[780,2479,2480,2482,2484],{"class":782,"line":872},[780,2481,1055],{"class":790},[780,2483,1034],{"class":889},[780,2485,1060],{"class":790},[707,2487,2489],{"id":2488},"examples","Examples",[1090,2491,2493],{"id":2492},"data-table-with-collapsed-borders","Data Table with Collapsed Borders",[763,2495,2496,2635],{},[766,2497,2498],{"icon":768,"label":290},[770,2499,2501],{"className":772,"code":2500,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility, useTableLayoutUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, { collapse: 'collapse' });\nuseTableLayoutUtility(s, { fixed: 'fixed' });\n\nexport default s;\n",[702,2502,2503,2523,2547,2551,2565,2569,2595,2621,2625],{"__ignoreMap":776},[780,2504,2505,2507,2509,2511,2513,2515,2517,2519,2521],{"class":782,"line":783},[780,2506,787],{"class":786},[780,2508,791],{"class":790},[780,2510,795],{"class":794},[780,2512,798],{"class":790},[780,2514,801],{"class":786},[780,2516,804],{"class":790},[780,2518,808],{"class":807},[780,2520,811],{"class":790},[780,2522,814],{"class":790},[780,2524,2525,2527,2529,2531,2533,2535,2537,2539,2541,2543,2545],{"class":782,"line":817},[780,2526,787],{"class":786},[780,2528,791],{"class":790},[780,2530,824],{"class":794},[780,2532,880],{"class":790},[780,2534,1947],{"class":794},[780,2536,798],{"class":790},[780,2538,801],{"class":786},[780,2540,804],{"class":790},[780,2542,833],{"class":807},[780,2544,811],{"class":790},[780,2546,814],{"class":790},[780,2548,2549],{"class":782,"line":840},[780,2550,843],{"emptyLinePlaceholder":223},[780,2552,2553,2555,2557,2559,2561,2563],{"class":782,"line":846},[780,2554,850],{"class":849},[780,2556,853],{"class":794},[780,2558,856],{"class":790},[780,2560,795],{"class":859},[780,2562,862],{"class":794},[780,2564,814],{"class":790},[780,2566,2567],{"class":782,"line":867},[780,2568,843],{"emptyLinePlaceholder":223},[780,2570,2571,2573,2575,2577,2579,2581,2583,2585,2587,2589,2591,2593],{"class":782,"line":872},[780,2572,754],{"class":859},[780,2574,877],{"class":794},[780,2576,880],{"class":790},[780,2578,791],{"class":790},[780,2580,987],{"class":889},[780,2582,893],{"class":790},[780,2584,896],{"class":790},[780,2586,899],{"class":807},[780,2588,902],{"class":790},[780,2590,798],{"class":790},[780,2592,931],{"class":794},[780,2594,814],{"class":790},[780,2596,2597,2599,2601,2603,2605,2607,2609,2611,2613,2615,2617,2619],{"class":782,"line":886},[780,2598,1903],{"class":859},[780,2600,877],{"class":794},[780,2602,880],{"class":790},[780,2604,791],{"class":790},[780,2606,2096],{"class":889},[780,2608,893],{"class":790},[780,2610,896],{"class":790},[780,2612,2019],{"class":807},[780,2614,902],{"class":790},[780,2616,798],{"class":790},[780,2618,931],{"class":794},[780,2620,814],{"class":790},[780,2622,2623],{"class":782,"line":908},[780,2624,843],{"emptyLinePlaceholder":223},[780,2626,2627,2629,2631,2633],{"class":782,"line":925},[780,2628,944],{"class":786},[780,2630,947],{"class":786},[780,2632,950],{"class":794},[780,2634,814],{"class":790},[766,2636,2637],{"icon":154,"label":326},[770,2638,2640],{"className":957,"code":2639,"filename":959,"language":960,"meta":776,"style":776},"._border-collapse\\:collapse { border-collapse: collapse; }\n._table-layout\\:fixed { table-layout: fixed; }\n",[702,2641,2642,2664],{"__ignoreMap":776},[780,2643,2644,2646,2648,2650,2652,2654,2656,2658,2660,2662],{"class":782,"line":783},[780,2645,967],{"class":790},[780,2647,971],{"class":970},[780,2649,974],{"class":794},[780,2651,899],{"class":970},[780,2653,791],{"class":790},[780,2655,982],{"class":981},[780,2657,893],{"class":790},[780,2659,987],{"class":794},[780,2661,990],{"class":790},[780,2663,993],{"class":790},[780,2665,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684],{"class":782,"line":817},[780,2667,967],{"class":790},[780,2669,2059],{"class":970},[780,2671,974],{"class":794},[780,2673,2019],{"class":970},[780,2675,791],{"class":790},[780,2677,2068],{"class":981},[780,2679,893],{"class":790},[780,2681,2096],{"class":794},[780,2683,990],{"class":790},[780,2685,993],{"class":790},[711,2687,2688],{},"Usage in HTML:",[770,2690,2692],{"className":1022,"code":2691,"language":1024,"meta":776,"style":776},"\u003Ctable class=\"_border-collapse:collapse _table-layout:fixed\" style=\"width: 100%;\">\n    \u003Cthead>\n        \u003Ctr>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Name\u003C\u002Fth>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Status\u003C\u002Fth>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Role\u003C\u002Fth>\n        \u003C\u002Ftr>\n    \u003C\u002Fthead>\n    \u003Ctbody>\n        \u003Ctr>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">John Doe\u003C\u002Ftd>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">Active\u003C\u002Ftd>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">Admin\u003C\u002Ftd>\n        \u003C\u002Ftr>\n    \u003C\u002Ftbody>\n\u003C\u002Ftable>\n",[702,2693,2694,2723,2731,2740,2769,2796,2823,2832,2841,2849,2857,2884,2911,2938,2946,2954],{"__ignoreMap":776},[780,2695,2696,2698,2700,2702,2704,2706,2709,2711,2713,2715,2717,2719,2721],{"class":782,"line":783},[780,2697,1031],{"class":790},[780,2699,1034],{"class":889},[780,2701,1037],{"class":849},[780,2703,856],{"class":790},[780,2705,811],{"class":790},[780,2707,2708],{"class":807},"_border-collapse:collapse _table-layout:fixed",[780,2710,811],{"class":790},[780,2712,2127],{"class":849},[780,2714,856],{"class":790},[780,2716,811],{"class":790},[780,2718,2134],{"class":807},[780,2720,811],{"class":790},[780,2722,1060],{"class":790},[780,2724,2725,2727,2729],{"class":782,"line":817},[780,2726,2419],{"class":790},[780,2728,1097],{"class":889},[780,2730,1060],{"class":790},[780,2732,2733,2736,2738],{"class":782,"line":840},[780,2734,2735],{"class":790},"        \u003C",[780,2737,1100],{"class":889},[780,2739,1060],{"class":790},[780,2741,2742,2745,2747,2749,2751,2753,2756,2758,2760,2763,2765,2767],{"class":782,"line":846},[780,2743,2744],{"class":790},"            \u003C",[780,2746,1103],{"class":889},[780,2748,2127],{"class":849},[780,2750,856],{"class":790},[780,2752,811],{"class":790},[780,2754,2755],{"class":807},"border: 1px solid #e5e7eb;",[780,2757,811],{"class":790},[780,2759,1049],{"class":790},[780,2761,2762],{"class":794},"Name",[780,2764,1055],{"class":790},[780,2766,1103],{"class":889},[780,2768,1060],{"class":790},[780,2770,2771,2773,2775,2777,2779,2781,2783,2785,2787,2790,2792,2794],{"class":782,"line":867},[780,2772,2744],{"class":790},[780,2774,1103],{"class":889},[780,2776,2127],{"class":849},[780,2778,856],{"class":790},[780,2780,811],{"class":790},[780,2782,2755],{"class":807},[780,2784,811],{"class":790},[780,2786,1049],{"class":790},[780,2788,2789],{"class":794},"Status",[780,2791,1055],{"class":790},[780,2793,1103],{"class":889},[780,2795,1060],{"class":790},[780,2797,2798,2800,2802,2804,2806,2808,2810,2812,2814,2817,2819,2821],{"class":782,"line":872},[780,2799,2744],{"class":790},[780,2801,1103],{"class":889},[780,2803,2127],{"class":849},[780,2805,856],{"class":790},[780,2807,811],{"class":790},[780,2809,2755],{"class":807},[780,2811,811],{"class":790},[780,2813,1049],{"class":790},[780,2815,2816],{"class":794},"Role",[780,2818,1055],{"class":790},[780,2820,1103],{"class":889},[780,2822,1060],{"class":790},[780,2824,2825,2828,2830],{"class":782,"line":886},[780,2826,2827],{"class":790},"        \u003C\u002F",[780,2829,1100],{"class":889},[780,2831,1060],{"class":790},[780,2833,2834,2837,2839],{"class":782,"line":908},[780,2835,2836],{"class":790},"    \u003C\u002F",[780,2838,1097],{"class":889},[780,2840,1060],{"class":790},[780,2842,2843,2845,2847],{"class":782,"line":925},[780,2844,2419],{"class":790},[780,2846,1110],{"class":889},[780,2848,1060],{"class":790},[780,2850,2851,2853,2855],{"class":782,"line":936},[780,2852,2735],{"class":790},[780,2854,1100],{"class":889},[780,2856,1060],{"class":790},[780,2858,2859,2861,2863,2865,2867,2869,2871,2873,2875,2878,2880,2882],{"class":782,"line":941},[780,2860,2744],{"class":790},[780,2862,1115],{"class":889},[780,2864,2127],{"class":849},[780,2866,856],{"class":790},[780,2868,811],{"class":790},[780,2870,2755],{"class":807},[780,2872,811],{"class":790},[780,2874,1049],{"class":790},[780,2876,2877],{"class":794},"John Doe",[780,2879,1055],{"class":790},[780,2881,1115],{"class":889},[780,2883,1060],{"class":790},[780,2885,2886,2888,2890,2892,2894,2896,2898,2900,2902,2905,2907,2909],{"class":782,"line":1325},[780,2887,2744],{"class":790},[780,2889,1115],{"class":889},[780,2891,2127],{"class":849},[780,2893,856],{"class":790},[780,2895,811],{"class":790},[780,2897,2755],{"class":807},[780,2899,811],{"class":790},[780,2901,1049],{"class":790},[780,2903,2904],{"class":794},"Active",[780,2906,1055],{"class":790},[780,2908,1115],{"class":889},[780,2910,1060],{"class":790},[780,2912,2913,2915,2917,2919,2921,2923,2925,2927,2929,2932,2934,2936],{"class":782,"line":1330},[780,2914,2744],{"class":790},[780,2916,1115],{"class":889},[780,2918,2127],{"class":849},[780,2920,856],{"class":790},[780,2922,811],{"class":790},[780,2924,2755],{"class":807},[780,2926,811],{"class":790},[780,2928,1049],{"class":790},[780,2930,2931],{"class":794},"Admin",[780,2933,1055],{"class":790},[780,2935,1115],{"class":889},[780,2937,1060],{"class":790},[780,2939,2940,2942,2944],{"class":782,"line":1342},[780,2941,2827],{"class":790},[780,2943,1100],{"class":889},[780,2945,1060],{"class":790},[780,2947,2948,2950,2952],{"class":782,"line":1361},[780,2949,2836],{"class":790},[780,2951,1110],{"class":889},[780,2953,1060],{"class":790},[780,2955,2956,2958,2960],{"class":782,"line":1380},[780,2957,1055],{"class":790},[780,2959,1034],{"class":889},[780,2961,1060],{"class":790},[1090,2963,2965],{"id":2964},"spaced-table-cells","Spaced Table Cells",[763,2967,2968,3111],{},[766,2969,2970],{"icon":768,"label":290},[770,2971,2973],{"className":772,"code":2972,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility, useBorderSpacingUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, { separate: 'separate' });\nuseBorderSpacingUtility(s, { '2': '0.5rem' });\n\nexport default s;\n",[702,2974,2975,2995,3019,3023,3037,3041,3067,3097,3101],{"__ignoreMap":776},[780,2976,2977,2979,2981,2983,2985,2987,2989,2991,2993],{"class":782,"line":783},[780,2978,787],{"class":786},[780,2980,791],{"class":790},[780,2982,795],{"class":794},[780,2984,798],{"class":790},[780,2986,801],{"class":786},[780,2988,804],{"class":790},[780,2990,808],{"class":807},[780,2992,811],{"class":790},[780,2994,814],{"class":790},[780,2996,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017],{"class":782,"line":817},[780,2998,787],{"class":786},[780,3000,791],{"class":790},[780,3002,824],{"class":794},[780,3004,880],{"class":790},[780,3006,1180],{"class":794},[780,3008,798],{"class":790},[780,3010,801],{"class":786},[780,3012,804],{"class":790},[780,3014,833],{"class":807},[780,3016,811],{"class":790},[780,3018,814],{"class":790},[780,3020,3021],{"class":782,"line":840},[780,3022,843],{"emptyLinePlaceholder":223},[780,3024,3025,3027,3029,3031,3033,3035],{"class":782,"line":846},[780,3026,850],{"class":849},[780,3028,853],{"class":794},[780,3030,856],{"class":790},[780,3032,795],{"class":859},[780,3034,862],{"class":794},[780,3036,814],{"class":790},[780,3038,3039],{"class":782,"line":867},[780,3040,843],{"emptyLinePlaceholder":223},[780,3042,3043,3045,3047,3049,3051,3053,3055,3057,3059,3061,3063,3065],{"class":782,"line":872},[780,3044,754],{"class":859},[780,3046,877],{"class":794},[780,3048,880],{"class":790},[780,3050,791],{"class":790},[780,3052,1012],{"class":889},[780,3054,893],{"class":790},[780,3056,896],{"class":790},[780,3058,918],{"class":807},[780,3060,902],{"class":790},[780,3062,798],{"class":790},[780,3064,931],{"class":794},[780,3066,814],{"class":790},[780,3068,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095],{"class":782,"line":886},[780,3070,1136],{"class":859},[780,3072,877],{"class":794},[780,3074,880],{"class":790},[780,3076,791],{"class":790},[780,3078,896],{"class":790},[780,3080,1281],{"class":889},[780,3082,902],{"class":790},[780,3084,893],{"class":790},[780,3086,896],{"class":790},[780,3088,1290],{"class":807},[780,3090,902],{"class":790},[780,3092,798],{"class":790},[780,3094,931],{"class":794},[780,3096,814],{"class":790},[780,3098,3099],{"class":782,"line":908},[780,3100,843],{"emptyLinePlaceholder":223},[780,3102,3103,3105,3107,3109],{"class":782,"line":925},[780,3104,944],{"class":786},[780,3106,947],{"class":786},[780,3108,950],{"class":794},[780,3110,814],{"class":790},[766,3112,3113],{"icon":154,"label":326},[770,3114,3116],{"className":957,"code":3115,"filename":959,"language":960,"meta":776,"style":776},"._border-collapse\\:separate { border-collapse: separate; }\n._border-spacing\\:2 { border-spacing: 0.5rem; }\n",[702,3117,3118,3140],{"__ignoreMap":776},[780,3119,3120,3122,3124,3126,3128,3130,3132,3134,3136,3138],{"class":782,"line":783},[780,3121,967],{"class":790},[780,3123,971],{"class":970},[780,3125,974],{"class":794},[780,3127,918],{"class":970},[780,3129,791],{"class":790},[780,3131,982],{"class":981},[780,3133,893],{"class":790},[780,3135,1012],{"class":794},[780,3137,990],{"class":790},[780,3139,993],{"class":790},[780,3141,3142,3144,3146,3148,3150,3152,3154,3156,3158,3160],{"class":782,"line":817},[780,3143,967],{"class":790},[780,3145,1518],{"class":970},[780,3147,974],{"class":794},[780,3149,1281],{"class":970},[780,3151,791],{"class":790},[780,3153,1527],{"class":981},[780,3155,893],{"class":790},[780,3157,1579],{"class":1532},[780,3159,990],{"class":790},[780,3161,993],{"class":790},[711,3163,2688],{},[770,3165,3167],{"className":1022,"code":3166,"language":1024,"meta":776,"style":776},"\u003Ctable class=\"_border-collapse:separate _border-spacing:2\">\n    \u003Ctr>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 1\u003C\u002Ftd>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 2\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 3\u003C\u002Ftd>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 4\u003C\u002Ftd>\n    \u003C\u002Ftr>\n\u003C\u002Ftable>\n",[702,3168,3169,3187,3195,3223,3250,3258,3266,3293,3320,3328],{"__ignoreMap":776},[780,3170,3171,3173,3175,3177,3179,3181,3183,3185],{"class":782,"line":783},[780,3172,1031],{"class":790},[780,3174,1034],{"class":889},[780,3176,1037],{"class":849},[780,3178,856],{"class":790},[780,3180,811],{"class":790},[780,3182,1867],{"class":807},[780,3184,811],{"class":790},[780,3186,1060],{"class":790},[780,3188,3189,3191,3193],{"class":782,"line":817},[780,3190,2419],{"class":790},[780,3192,1100],{"class":889},[780,3194,1060],{"class":790},[780,3196,3197,3199,3201,3203,3205,3207,3210,3212,3214,3217,3219,3221],{"class":782,"line":840},[780,3198,2735],{"class":790},[780,3200,1115],{"class":889},[780,3202,2127],{"class":849},[780,3204,856],{"class":790},[780,3206,811],{"class":790},[780,3208,3209],{"class":807},"background: #f3f4f6; padding: 1rem;",[780,3211,811],{"class":790},[780,3213,1049],{"class":790},[780,3215,3216],{"class":794},"Cell 1",[780,3218,1055],{"class":790},[780,3220,1115],{"class":889},[780,3222,1060],{"class":790},[780,3224,3225,3227,3229,3231,3233,3235,3237,3239,3241,3244,3246,3248],{"class":782,"line":846},[780,3226,2735],{"class":790},[780,3228,1115],{"class":889},[780,3230,2127],{"class":849},[780,3232,856],{"class":790},[780,3234,811],{"class":790},[780,3236,3209],{"class":807},[780,3238,811],{"class":790},[780,3240,1049],{"class":790},[780,3242,3243],{"class":794},"Cell 2",[780,3245,1055],{"class":790},[780,3247,1115],{"class":889},[780,3249,1060],{"class":790},[780,3251,3252,3254,3256],{"class":782,"line":867},[780,3253,2836],{"class":790},[780,3255,1100],{"class":889},[780,3257,1060],{"class":790},[780,3259,3260,3262,3264],{"class":782,"line":872},[780,3261,2419],{"class":790},[780,3263,1100],{"class":889},[780,3265,1060],{"class":790},[780,3267,3268,3270,3272,3274,3276,3278,3280,3282,3284,3287,3289,3291],{"class":782,"line":886},[780,3269,2735],{"class":790},[780,3271,1115],{"class":889},[780,3273,2127],{"class":849},[780,3275,856],{"class":790},[780,3277,811],{"class":790},[780,3279,3209],{"class":807},[780,3281,811],{"class":790},[780,3283,1049],{"class":790},[780,3285,3286],{"class":794},"Cell 3",[780,3288,1055],{"class":790},[780,3290,1115],{"class":889},[780,3292,1060],{"class":790},[780,3294,3295,3297,3299,3301,3303,3305,3307,3309,3311,3314,3316,3318],{"class":782,"line":908},[780,3296,2735],{"class":790},[780,3298,1115],{"class":889},[780,3300,2127],{"class":849},[780,3302,856],{"class":790},[780,3304,811],{"class":790},[780,3306,3209],{"class":807},[780,3308,811],{"class":790},[780,3310,1049],{"class":790},[780,3312,3313],{"class":794},"Cell 4",[780,3315,1055],{"class":790},[780,3317,1115],{"class":889},[780,3319,1060],{"class":790},[780,3321,3322,3324,3326],{"class":782,"line":925},[780,3323,2836],{"class":790},[780,3325,1100],{"class":889},[780,3327,1060],{"class":790},[780,3329,3330,3332,3334],{"class":782,"line":936},[780,3331,1055],{"class":790},[780,3333,1034],{"class":889},[780,3335,1060],{"class":790},[707,3337,3339],{"id":3338},"best-practices","Best Practices",[722,3341,3342,3348,3354,3360,3366],{},[725,3343,3344,3347],{},[692,3345,3346],{},"Use table-layout: fixed for performance",": Fixed layout renders faster and more predictably with large tables",[725,3349,3350,3353],{},[692,3351,3352],{},"Choose border-collapse carefully",": Collapsed borders are simpler but separate allows for spacing",[725,3355,3356,3359],{},[692,3357,3358],{},"Use border-spacing with separate borders",": Border spacing only works when borders are not collapsed",[725,3361,3362,3365],{},[692,3363,3364],{},"Consider accessibility",": Ensure tables have proper headers and captions for screen readers",[725,3367,3368,3371],{},[692,3369,3370],{},"Responsive tables",": For responsive designs, consider alternative layouts for mobile",[707,3373,3375],{"id":3374},"faq","FAQ",[3377,3378,3379,3388,3404,3408],"accordion",{},[3380,3381,3384,3385,3387],"accordion-item",{"icon":3382,"label":3383},"i-lucide-circle-help","When should I use table-layout: fixed?","Use ",[702,3386,2019],{}," when you have tables with many rows and want faster rendering, or when you need predictable column widths. The browser doesn't need to scan the entire table to calculate column widths, so it renders faster.",[3380,3389,3391,3392,1895,3394,3396,3397,3399,3400,3403],{"icon":3382,"label":3390},"Why isn't border-spacing working?","Border spacing only works when ",[702,3393,1894],{},[702,3395,918],{},". If you're using ",[702,3398,899],{},", borders merge and there's no space between them. Set ",[702,3401,3402],{},"border-collapse: separate"," first.",[3380,3405,3407],{"icon":3382,"label":3406},"Should I use HTML tables for layout?","No, HTML tables should only be used for tabular data. For layout purposes, use CSS Grid or Flexbox. Tables have semantic meaning for screen readers and using them for layout can cause accessibility issues.",[3380,3409,3411,3412,3415],{"icon":3382,"label":3410},"How do I make tables responsive?","For simple responsive tables, allow horizontal scrolling with ",[702,3413,3414],{},"overflow-x: auto"," on a wrapper. For more complex needs, consider restructuring data on small screens using CSS Grid or displaying as cards.",[3417,3418,3419],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":776,"searchDepth":817,"depth":817,"links":3421},[3422,3423,3424,3427,3428,3431,3432,3436,3437],{"id":709,"depth":817,"text":78},{"id":716,"depth":817,"text":717},{"id":751,"depth":817,"text":754,"children":3425},[3426],{"id":1092,"depth":840,"text":1093},{"id":1133,"depth":817,"text":1136},{"id":1900,"depth":817,"text":1903,"children":3429},[3430],{"id":2154,"depth":840,"text":2155},{"id":2188,"depth":817,"text":2191},{"id":2488,"depth":817,"text":2489,"children":3433},[3434,3435],{"id":2492,"depth":840,"text":2493},{"id":2964,"depth":840,"text":2965},{"id":3338,"depth":817,"text":3339},{"id":3374,"depth":817,"text":3375},"Create table utilities for border collapse, spacing, layout, and caption positioning with full type safety.","md",null,{},{"title":619,"icon":315},{"title":684,"description":3438},"tKbOlmmw2x6NdRmRPSZLn7y8eHVagxSQVnI3JZeZwDU",[3446,3448],{"title":614,"path":615,"stem":616,"description":3447,"icon":617,"children":-1},"Create SVG utilities for fill, stroke, and stroke-width with full type safety.",{"title":623,"path":624,"stem":625,"description":3449,"icon":626,"children":-1},"Create transform utilities for rotate, scale, translate, skew, and perspective with full type safety.",1781596353769]