[{"data":1,"prerenderedAt":3163},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-utilities-composables-tables":407,"-docs-theme-utilities-composables-tables-surround":3158},{"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":3150,"extension":3151,"links":3152,"meta":3153,"navigation":3154,"path":349,"seo":3155,"sitemap":3156,"stem":350,"__hash__":3157},"docs_theme/docs/theme/utilities/02.composables/12.tables.md","Tables Utilities",{"type":411,"value":412,"toc":3132},"minimark",[413,417,421,425,428,457,464,471,801,806,843,849,855,1597,1610,1616,1622,1864,1868,1898,1904,1910,2198,2202,2206,2398,2401,2674,2678,2874,2876,3048,3052,3084,3088,3128],[414,415,64],"h2",{"id":416},"overview",[418,419,420],"p",{},"Table utilities help you control the layout and styling of HTML tables including border behavior, cell spacing, layout algorithm, and caption positioning.",[414,422,424],{"id":423},"why-use-table-utilities","Why Use Table Utilities?",[418,426,427],{},"Table utilities help you:",[429,430,431,439,445,451],"ul",{},[432,433,434,438],"li",{},[435,436,437],"strong",{},"Control border behavior",": Choose between collapsed or separate borders",[432,440,441,444],{},[435,442,443],{},"Manage cell spacing",": Set consistent spacing between table cells",[432,446,447,450],{},[435,448,449],{},"Optimize layout",": Choose between auto or fixed table layout algorithms",[432,452,453,456],{},[435,454,455],{},"Position captions",": Control where table captions appear",[414,458,460],{"id":459},"usebordercollapseutility",[461,462,463],"code",{},"useBorderCollapseUtility",[418,465,466,467,470],{},"The ",[461,468,469],{},"useBorderCollapseUtility()"," function creates utility classes for controlling how table borders interact.",[472,473,474,663,728],"tabs",{},[475,476,479],"tabs-item",{"icon":477,"label":478},"i-lucide-code","Code",[480,481,487],"pre",{"className":482,"code":483,"filename":484,"language":485,"meta":486,"style":486},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility } from \"@styleframe/theme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, {\n    collapse: 'collapse',\n    separate: 'separate',\n});\n\nexport default s;\n","styleframe.config.ts","ts","",[461,488,489,525,548,554,575,580,594,616,633,644,649],{"__ignoreMap":486},[490,491,494,498,502,506,509,512,515,519,522],"span",{"class":492,"line":493},"line",1,[490,495,497],{"class":496},"s7zQu","import",[490,499,501],{"class":500},"sMK4o"," {",[490,503,505],{"class":504},"sTEyZ"," styleframe",[490,507,508],{"class":500}," }",[490,510,511],{"class":496}," from",[490,513,514],{"class":500}," \"",[490,516,518],{"class":517},"sfazB","styleframe",[490,520,521],{"class":500},"\"",[490,523,524],{"class":500},";\n",[490,526,528,530,532,535,537,539,541,544,546],{"class":492,"line":527},2,[490,529,497],{"class":496},[490,531,501],{"class":500},[490,533,534],{"class":504}," useBorderCollapseUtility",[490,536,508],{"class":500},[490,538,511],{"class":496},[490,540,514],{"class":500},[490,542,543],{"class":517},"@styleframe/theme",[490,545,521],{"class":500},[490,547,524],{"class":500},[490,549,551],{"class":492,"line":550},3,[490,552,553],{"emptyLinePlaceholder":206},"\n",[490,555,557,561,564,567,570,573],{"class":492,"line":556},4,[490,558,560],{"class":559},"spNyl","const",[490,562,563],{"class":504}," s ",[490,565,566],{"class":500},"=",[490,568,505],{"class":569},"s2Zo4",[490,571,572],{"class":504},"()",[490,574,524],{"class":500},[490,576,578],{"class":492,"line":577},5,[490,579,553],{"emptyLinePlaceholder":206},[490,581,583,585,588,591],{"class":492,"line":582},6,[490,584,463],{"class":569},[490,586,587],{"class":504},"(s",[490,589,590],{"class":500},",",[490,592,593],{"class":500}," {\n",[490,595,597,601,604,607,610,613],{"class":492,"line":596},7,[490,598,600],{"class":599},"swJcz","    collapse",[490,602,603],{"class":500},":",[490,605,606],{"class":500}," '",[490,608,609],{"class":517},"collapse",[490,611,612],{"class":500},"'",[490,614,615],{"class":500},",\n",[490,617,619,622,624,626,629,631],{"class":492,"line":618},8,[490,620,621],{"class":599},"    separate",[490,623,603],{"class":500},[490,625,606],{"class":500},[490,627,628],{"class":517},"separate",[490,630,612],{"class":500},[490,632,615],{"class":500},[490,634,636,639,642],{"class":492,"line":635},9,[490,637,638],{"class":500},"}",[490,640,641],{"class":504},")",[490,643,524],{"class":500},[490,645,647],{"class":492,"line":646},10,[490,648,553],{"emptyLinePlaceholder":206},[490,650,652,655,658,661],{"class":492,"line":651},11,[490,653,654],{"class":496},"export",[490,656,657],{"class":496}," default",[490,659,660],{"class":504}," s",[490,662,524],{"class":500},[475,664,666],{"icon":140,"label":665},"Output",[480,667,672],{"className":668,"code":669,"filename":670,"language":671,"meta":486,"style":486},"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/index.css","css",[461,673,674,705],{"__ignoreMap":486},[490,675,676,679,683,686,688,690,694,696,699,702],{"class":492,"line":493},[490,677,678],{"class":500},".",[490,680,682],{"class":681},"sBMFI","_border-collapse",[490,684,685],{"class":504},"\\:",[490,687,609],{"class":681},[490,689,501],{"class":500},[490,691,693],{"class":692},"sqsOY"," border-collapse",[490,695,603],{"class":500},[490,697,698],{"class":504}," collapse",[490,700,701],{"class":500},";",[490,703,704],{"class":500}," }\n",[490,706,707,709,711,713,715,717,719,721,724,726],{"class":492,"line":527},[490,708,678],{"class":500},[490,710,682],{"class":681},[490,712,685],{"class":504},[490,714,628],{"class":681},[490,716,501],{"class":500},[490,718,693],{"class":692},[490,720,603],{"class":500},[490,722,723],{"class":504}," separate",[490,725,701],{"class":500},[490,727,704],{"class":500},[475,729,732],{"icon":730,"label":731},"i-lucide-layout","Usage",[480,733,737],{"className":734,"code":735,"language":736,"meta":486,"style":486},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctable class=\"_border-collapse:collapse\">Merged borders\u003C/table>\n\u003Ctable class=\"_border-collapse:separate\">Separate borders\u003C/table>\n","html",[461,738,739,773],{"__ignoreMap":486},[490,740,741,744,747,750,752,754,757,759,762,765,768,770],{"class":492,"line":493},[490,742,743],{"class":500},"\u003C",[490,745,746],{"class":599},"table",[490,748,749],{"class":559}," class",[490,751,566],{"class":500},[490,753,521],{"class":500},[490,755,756],{"class":517},"_border-collapse:collapse",[490,758,521],{"class":500},[490,760,761],{"class":500},">",[490,763,764],{"class":504},"Merged borders",[490,766,767],{"class":500},"\u003C/",[490,769,746],{"class":599},[490,771,772],{"class":500},">\n",[490,774,775,777,779,781,783,785,788,790,792,795,797,799],{"class":492,"line":527},[490,776,743],{"class":500},[490,778,746],{"class":599},[490,780,749],{"class":559},[490,782,566],{"class":500},[490,784,521],{"class":500},[490,786,787],{"class":517},"_border-collapse:separate",[490,789,521],{"class":500},[490,791,761],{"class":500},[490,793,794],{"class":504},"Separate borders",[490,796,767],{"class":500},[490,798,746],{"class":599},[490,800,772],{"class":500},[802,803,805],"h3",{"id":804},"border-collapse-values","Border Collapse Values",[746,807,808,821],{},[809,810,811],"thead",{},[812,813,814,818],"tr",{},[815,816,817],"th",{},"Value",[815,819,820],{},"Description",[822,823,824,834],"tbody",{},[812,825,826,831],{},[827,828,829],"td",{},[461,830,609],{},[827,832,833],{},"Adjacent cell borders merge into a single border",[812,835,836,840],{},[827,837,838],{},[461,839,628],{},[827,841,842],{},"Each cell has its own distinct borders",[414,844,846],{"id":845},"useborderspacingutility",[461,847,848],{},"useBorderSpacingUtility",[418,850,466,851,854],{},[461,852,853],{},"useBorderSpacingUtility()"," function creates utility classes for setting the spacing between table cell borders.",[472,856,857,1217,1558],{},[475,858,859],{"icon":477,"label":478},[480,860,862],{"className":482,"code":861,"filename":484,"language":485,"meta":486,"style":486},"import { styleframe } from \"styleframe\";\nimport { useBorderSpacingUtility, useBorderSpacingXUtility, useBorderSpacingYUtility } from \"@styleframe/theme\";\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",[461,863,864,884,915,919,933,937,947,967,987,1007,1027,1035,1040,1052,1071,1090,1109,1118,1123,1135,1154,1173,1192,1201,1206],{"__ignoreMap":486},[490,865,866,868,870,872,874,876,878,880,882],{"class":492,"line":493},[490,867,497],{"class":496},[490,869,501],{"class":500},[490,871,505],{"class":504},[490,873,508],{"class":500},[490,875,511],{"class":496},[490,877,514],{"class":500},[490,879,518],{"class":517},[490,881,521],{"class":500},[490,883,524],{"class":500},[490,885,886,888,890,893,895,898,900,903,905,907,909,911,913],{"class":492,"line":527},[490,887,497],{"class":496},[490,889,501],{"class":500},[490,891,892],{"class":504}," useBorderSpacingUtility",[490,894,590],{"class":500},[490,896,897],{"class":504}," useBorderSpacingXUtility",[490,899,590],{"class":500},[490,901,902],{"class":504}," useBorderSpacingYUtility",[490,904,508],{"class":500},[490,906,511],{"class":496},[490,908,514],{"class":500},[490,910,543],{"class":517},[490,912,521],{"class":500},[490,914,524],{"class":500},[490,916,917],{"class":492,"line":550},[490,918,553],{"emptyLinePlaceholder":206},[490,920,921,923,925,927,929,931],{"class":492,"line":556},[490,922,560],{"class":559},[490,924,563],{"class":504},[490,926,566],{"class":500},[490,928,505],{"class":569},[490,930,572],{"class":504},[490,932,524],{"class":500},[490,934,935],{"class":492,"line":577},[490,936,553],{"emptyLinePlaceholder":206},[490,938,939,941,943,945],{"class":492,"line":582},[490,940,848],{"class":569},[490,942,587],{"class":504},[490,944,590],{"class":500},[490,946,593],{"class":500},[490,948,949,952,955,957,959,961,963,965],{"class":492,"line":596},[490,950,951],{"class":500},"    '",[490,953,954],{"class":599},"0",[490,956,612],{"class":500},[490,958,603],{"class":500},[490,960,606],{"class":500},[490,962,954],{"class":517},[490,964,612],{"class":500},[490,966,615],{"class":500},[490,968,969,971,974,976,978,980,983,985],{"class":492,"line":618},[490,970,951],{"class":500},[490,972,973],{"class":599},"1",[490,975,612],{"class":500},[490,977,603],{"class":500},[490,979,606],{"class":500},[490,981,982],{"class":517},"0.25rem",[490,984,612],{"class":500},[490,986,615],{"class":500},[490,988,989,991,994,996,998,1000,1003,1005],{"class":492,"line":635},[490,990,951],{"class":500},[490,992,993],{"class":599},"2",[490,995,612],{"class":500},[490,997,603],{"class":500},[490,999,606],{"class":500},[490,1001,1002],{"class":517},"0.5rem",[490,1004,612],{"class":500},[490,1006,615],{"class":500},[490,1008,1009,1011,1014,1016,1018,1020,1023,1025],{"class":492,"line":646},[490,1010,951],{"class":500},[490,1012,1013],{"class":599},"4",[490,1015,612],{"class":500},[490,1017,603],{"class":500},[490,1019,606],{"class":500},[490,1021,1022],{"class":517},"1rem",[490,1024,612],{"class":500},[490,1026,615],{"class":500},[490,1028,1029,1031,1033],{"class":492,"line":651},[490,1030,638],{"class":500},[490,1032,641],{"class":504},[490,1034,524],{"class":500},[490,1036,1038],{"class":492,"line":1037},12,[490,1039,553],{"emptyLinePlaceholder":206},[490,1041,1043,1046,1048,1050],{"class":492,"line":1042},13,[490,1044,1045],{"class":569},"useBorderSpacingXUtility",[490,1047,587],{"class":504},[490,1049,590],{"class":500},[490,1051,593],{"class":500},[490,1053,1055,1057,1059,1061,1063,1065,1067,1069],{"class":492,"line":1054},14,[490,1056,951],{"class":500},[490,1058,954],{"class":599},[490,1060,612],{"class":500},[490,1062,603],{"class":500},[490,1064,606],{"class":500},[490,1066,954],{"class":517},[490,1068,612],{"class":500},[490,1070,615],{"class":500},[490,1072,1074,1076,1078,1080,1082,1084,1086,1088],{"class":492,"line":1073},15,[490,1075,951],{"class":500},[490,1077,993],{"class":599},[490,1079,612],{"class":500},[490,1081,603],{"class":500},[490,1083,606],{"class":500},[490,1085,1002],{"class":517},[490,1087,612],{"class":500},[490,1089,615],{"class":500},[490,1091,1093,1095,1097,1099,1101,1103,1105,1107],{"class":492,"line":1092},16,[490,1094,951],{"class":500},[490,1096,1013],{"class":599},[490,1098,612],{"class":500},[490,1100,603],{"class":500},[490,1102,606],{"class":500},[490,1104,1022],{"class":517},[490,1106,612],{"class":500},[490,1108,615],{"class":500},[490,1110,1112,1114,1116],{"class":492,"line":1111},17,[490,1113,638],{"class":500},[490,1115,641],{"class":504},[490,1117,524],{"class":500},[490,1119,1121],{"class":492,"line":1120},18,[490,1122,553],{"emptyLinePlaceholder":206},[490,1124,1126,1129,1131,1133],{"class":492,"line":1125},19,[490,1127,1128],{"class":569},"useBorderSpacingYUtility",[490,1130,587],{"class":504},[490,1132,590],{"class":500},[490,1134,593],{"class":500},[490,1136,1138,1140,1142,1144,1146,1148,1150,1152],{"class":492,"line":1137},20,[490,1139,951],{"class":500},[490,1141,954],{"class":599},[490,1143,612],{"class":500},[490,1145,603],{"class":500},[490,1147,606],{"class":500},[490,1149,954],{"class":517},[490,1151,612],{"class":500},[490,1153,615],{"class":500},[490,1155,1157,1159,1161,1163,1165,1167,1169,1171],{"class":492,"line":1156},21,[490,1158,951],{"class":500},[490,1160,993],{"class":599},[490,1162,612],{"class":500},[490,1164,603],{"class":500},[490,1166,606],{"class":500},[490,1168,1002],{"class":517},[490,1170,612],{"class":500},[490,1172,615],{"class":500},[490,1174,1176,1178,1180,1182,1184,1186,1188,1190],{"class":492,"line":1175},22,[490,1177,951],{"class":500},[490,1179,1013],{"class":599},[490,1181,612],{"class":500},[490,1183,603],{"class":500},[490,1185,606],{"class":500},[490,1187,1022],{"class":517},[490,1189,612],{"class":500},[490,1191,615],{"class":500},[490,1193,1195,1197,1199],{"class":492,"line":1194},23,[490,1196,638],{"class":500},[490,1198,641],{"class":504},[490,1200,524],{"class":500},[490,1202,1204],{"class":492,"line":1203},24,[490,1205,553],{"emptyLinePlaceholder":206},[490,1207,1209,1211,1213,1215],{"class":492,"line":1208},25,[490,1210,654],{"class":496},[490,1212,657],{"class":496},[490,1214,660],{"class":504},[490,1216,524],{"class":500},[475,1218,1219],{"icon":140,"label":665},[480,1220,1222],{"className":668,"code":1221,"filename":670,"language":671,"meta":486,"style":486},"._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",[461,1223,1224,1250,1273,1296,1319,1323,1365,1401,1437,1441,1482,1520],{"__ignoreMap":486},[490,1225,1226,1228,1231,1233,1235,1237,1240,1242,1246,1248],{"class":492,"line":493},[490,1227,678],{"class":500},[490,1229,1230],{"class":681},"_border-spacing",[490,1232,685],{"class":504},[490,1234,954],{"class":681},[490,1236,501],{"class":500},[490,1238,1239],{"class":692}," border-spacing",[490,1241,603],{"class":500},[490,1243,1245],{"class":1244},"sbssI"," 0",[490,1247,701],{"class":500},[490,1249,704],{"class":500},[490,1251,1252,1254,1256,1258,1260,1262,1264,1266,1269,1271],{"class":492,"line":527},[490,1253,678],{"class":500},[490,1255,1230],{"class":681},[490,1257,685],{"class":504},[490,1259,973],{"class":681},[490,1261,501],{"class":500},[490,1263,1239],{"class":692},[490,1265,603],{"class":500},[490,1267,1268],{"class":1244}," 0.25rem",[490,1270,701],{"class":500},[490,1272,704],{"class":500},[490,1274,1275,1277,1279,1281,1283,1285,1287,1289,1292,1294],{"class":492,"line":550},[490,1276,678],{"class":500},[490,1278,1230],{"class":681},[490,1280,685],{"class":504},[490,1282,993],{"class":681},[490,1284,501],{"class":500},[490,1286,1239],{"class":692},[490,1288,603],{"class":500},[490,1290,1291],{"class":1244}," 0.5rem",[490,1293,701],{"class":500},[490,1295,704],{"class":500},[490,1297,1298,1300,1302,1304,1306,1308,1310,1312,1315,1317],{"class":492,"line":556},[490,1299,678],{"class":500},[490,1301,1230],{"class":681},[490,1303,685],{"class":504},[490,1305,1013],{"class":681},[490,1307,501],{"class":500},[490,1309,1239],{"class":692},[490,1311,603],{"class":500},[490,1313,1314],{"class":1244}," 1rem",[490,1316,701],{"class":500},[490,1318,704],{"class":500},[490,1320,1321],{"class":492,"line":577},[490,1322,553],{"emptyLinePlaceholder":206},[490,1324,1325,1327,1330,1332,1334,1336,1339,1341,1343,1345,1347,1349,1351,1354,1357,1360,1363],{"class":492,"line":582},[490,1326,678],{"class":500},[490,1328,1329],{"class":681},"_border-spacing-x",[490,1331,685],{"class":504},[490,1333,954],{"class":681},[490,1335,501],{"class":500},[490,1337,1338],{"class":504}," --tw-border-spacing-y",[490,1340,603],{"class":500},[490,1342,1245],{"class":1244},[490,1344,701],{"class":500},[490,1346,1239],{"class":692},[490,1348,603],{"class":500},[490,1350,1245],{"class":1244},[490,1352,1353],{"class":569}," var",[490,1355,1356],{"class":500},"(",[490,1358,1359],{"class":504},"--tw-border-spacing-y",[490,1361,1362],{"class":500},");",[490,1364,704],{"class":500},[490,1366,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399],{"class":492,"line":596},[490,1368,678],{"class":500},[490,1370,1329],{"class":681},[490,1372,685],{"class":504},[490,1374,993],{"class":681},[490,1376,501],{"class":500},[490,1378,1338],{"class":504},[490,1380,603],{"class":500},[490,1382,1245],{"class":1244},[490,1384,701],{"class":500},[490,1386,1239],{"class":692},[490,1388,603],{"class":500},[490,1390,1291],{"class":1244},[490,1392,1353],{"class":569},[490,1394,1356],{"class":500},[490,1396,1359],{"class":504},[490,1398,1362],{"class":500},[490,1400,704],{"class":500},[490,1402,1403,1405,1407,1409,1411,1413,1415,1417,1419,1421,1423,1425,1427,1429,1431,1433,1435],{"class":492,"line":618},[490,1404,678],{"class":500},[490,1406,1329],{"class":681},[490,1408,685],{"class":504},[490,1410,1013],{"class":681},[490,1412,501],{"class":500},[490,1414,1338],{"class":504},[490,1416,603],{"class":500},[490,1418,1245],{"class":1244},[490,1420,701],{"class":500},[490,1422,1239],{"class":692},[490,1424,603],{"class":500},[490,1426,1314],{"class":1244},[490,1428,1353],{"class":569},[490,1430,1356],{"class":500},[490,1432,1359],{"class":504},[490,1434,1362],{"class":500},[490,1436,704],{"class":500},[490,1438,1439],{"class":492,"line":635},[490,1440,553],{"emptyLinePlaceholder":206},[490,1442,1443,1445,1448,1450,1452,1454,1457,1459,1461,1463,1465,1467,1469,1471,1474,1476,1478,1480],{"class":492,"line":646},[490,1444,678],{"class":500},[490,1446,1447],{"class":681},"_border-spacing-y",[490,1449,685],{"class":504},[490,1451,954],{"class":681},[490,1453,501],{"class":500},[490,1455,1456],{"class":504}," --tw-border-spacing-x",[490,1458,603],{"class":500},[490,1460,1245],{"class":1244},[490,1462,701],{"class":500},[490,1464,1239],{"class":692},[490,1466,603],{"class":500},[490,1468,1353],{"class":569},[490,1470,1356],{"class":500},[490,1472,1473],{"class":504},"--tw-border-spacing-x",[490,1475,641],{"class":500},[490,1477,1245],{"class":1244},[490,1479,701],{"class":500},[490,1481,704],{"class":500},[490,1483,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516,1518],{"class":492,"line":651},[490,1485,678],{"class":500},[490,1487,1447],{"class":681},[490,1489,685],{"class":504},[490,1491,993],{"class":681},[490,1493,501],{"class":500},[490,1495,1456],{"class":504},[490,1497,603],{"class":500},[490,1499,1245],{"class":1244},[490,1501,701],{"class":500},[490,1503,1239],{"class":692},[490,1505,603],{"class":500},[490,1507,1353],{"class":569},[490,1509,1356],{"class":500},[490,1511,1473],{"class":504},[490,1513,641],{"class":500},[490,1515,1291],{"class":1244},[490,1517,701],{"class":500},[490,1519,704],{"class":500},[490,1521,1522,1524,1526,1528,1530,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550,1552,1554,1556],{"class":492,"line":1037},[490,1523,678],{"class":500},[490,1525,1447],{"class":681},[490,1527,685],{"class":504},[490,1529,1013],{"class":681},[490,1531,501],{"class":500},[490,1533,1456],{"class":504},[490,1535,603],{"class":500},[490,1537,1245],{"class":1244},[490,1539,701],{"class":500},[490,1541,1239],{"class":692},[490,1543,603],{"class":500},[490,1545,1353],{"class":569},[490,1547,1356],{"class":500},[490,1549,1473],{"class":504},[490,1551,641],{"class":500},[490,1553,1314],{"class":1244},[490,1555,701],{"class":500},[490,1557,704],{"class":500},[475,1559,1560],{"icon":730,"label":731},[480,1561,1563],{"className":734,"code":1562,"language":736,"meta":486,"style":486},"\u003Ctable class=\"_border-collapse:separate _border-spacing:2\">\n    Spaced cells\n\u003C/table>\n",[461,1564,1565,1584,1589],{"__ignoreMap":486},[490,1566,1567,1569,1571,1573,1575,1577,1580,1582],{"class":492,"line":493},[490,1568,743],{"class":500},[490,1570,746],{"class":599},[490,1572,749],{"class":559},[490,1574,566],{"class":500},[490,1576,521],{"class":500},[490,1578,1579],{"class":517},"_border-collapse:separate _border-spacing:2",[490,1581,521],{"class":500},[490,1583,772],{"class":500},[490,1585,1586],{"class":492,"line":527},[490,1587,1588],{"class":504},"    Spaced cells\n",[490,1590,1591,1593,1595],{"class":492,"line":550},[490,1592,767],{"class":500},[490,1594,746],{"class":599},[490,1596,772],{"class":500},[1598,1599,1600,1603,1604,1607,1608,678],"tip",{},[435,1601,1602],{},"Note",": Border spacing only works when ",[461,1605,1606],{},"border-collapse"," is set to ",[461,1609,628],{},[414,1611,1613],{"id":1612},"usetablelayoututility",[461,1614,1615],{},"useTableLayoutUtility",[418,1617,466,1618,1621],{},[461,1619,1620],{},"useTableLayoutUtility()"," function creates utility classes for controlling the table layout algorithm.",[472,1623,1624,1758,1813],{},[475,1625,1626],{"icon":477,"label":478},[480,1627,1629],{"className":482,"code":1628,"filename":484,"language":485,"meta":486,"style":486},"import { styleframe } from \"styleframe\";\nimport { useTableLayoutUtility } from \"@styleframe/theme\";\n\nconst s = styleframe();\n\nuseTableLayoutUtility(s, {\n    auto: 'auto',\n    fixed: 'fixed',\n});\n\nexport default s;\n",[461,1630,1631,1651,1672,1676,1690,1694,1704,1720,1736,1744,1748],{"__ignoreMap":486},[490,1632,1633,1635,1637,1639,1641,1643,1645,1647,1649],{"class":492,"line":493},[490,1634,497],{"class":496},[490,1636,501],{"class":500},[490,1638,505],{"class":504},[490,1640,508],{"class":500},[490,1642,511],{"class":496},[490,1644,514],{"class":500},[490,1646,518],{"class":517},[490,1648,521],{"class":500},[490,1650,524],{"class":500},[490,1652,1653,1655,1657,1660,1662,1664,1666,1668,1670],{"class":492,"line":527},[490,1654,497],{"class":496},[490,1656,501],{"class":500},[490,1658,1659],{"class":504}," useTableLayoutUtility",[490,1661,508],{"class":500},[490,1663,511],{"class":496},[490,1665,514],{"class":500},[490,1667,543],{"class":517},[490,1669,521],{"class":500},[490,1671,524],{"class":500},[490,1673,1674],{"class":492,"line":550},[490,1675,553],{"emptyLinePlaceholder":206},[490,1677,1678,1680,1682,1684,1686,1688],{"class":492,"line":556},[490,1679,560],{"class":559},[490,1681,563],{"class":504},[490,1683,566],{"class":500},[490,1685,505],{"class":569},[490,1687,572],{"class":504},[490,1689,524],{"class":500},[490,1691,1692],{"class":492,"line":577},[490,1693,553],{"emptyLinePlaceholder":206},[490,1695,1696,1698,1700,1702],{"class":492,"line":582},[490,1697,1615],{"class":569},[490,1699,587],{"class":504},[490,1701,590],{"class":500},[490,1703,593],{"class":500},[490,1705,1706,1709,1711,1713,1716,1718],{"class":492,"line":596},[490,1707,1708],{"class":599},"    auto",[490,1710,603],{"class":500},[490,1712,606],{"class":500},[490,1714,1715],{"class":517},"auto",[490,1717,612],{"class":500},[490,1719,615],{"class":500},[490,1721,1722,1725,1727,1729,1732,1734],{"class":492,"line":618},[490,1723,1724],{"class":599},"    fixed",[490,1726,603],{"class":500},[490,1728,606],{"class":500},[490,1730,1731],{"class":517},"fixed",[490,1733,612],{"class":500},[490,1735,615],{"class":500},[490,1737,1738,1740,1742],{"class":492,"line":635},[490,1739,638],{"class":500},[490,1741,641],{"class":504},[490,1743,524],{"class":500},[490,1745,1746],{"class":492,"line":646},[490,1747,553],{"emptyLinePlaceholder":206},[490,1749,1750,1752,1754,1756],{"class":492,"line":651},[490,1751,654],{"class":496},[490,1753,657],{"class":496},[490,1755,660],{"class":504},[490,1757,524],{"class":500},[475,1759,1760],{"icon":140,"label":665},[480,1761,1763],{"className":668,"code":1762,"filename":670,"language":671,"meta":486,"style":486},"._table-layout\\:auto { table-layout: auto; }\n._table-layout\\:fixed { table-layout: fixed; }\n",[461,1764,1765,1790],{"__ignoreMap":486},[490,1766,1767,1769,1772,1774,1776,1778,1781,1783,1786,1788],{"class":492,"line":493},[490,1768,678],{"class":500},[490,1770,1771],{"class":681},"_table-layout",[490,1773,685],{"class":504},[490,1775,1715],{"class":681},[490,1777,501],{"class":500},[490,1779,1780],{"class":692}," table-layout",[490,1782,603],{"class":500},[490,1784,1785],{"class":504}," auto",[490,1787,701],{"class":500},[490,1789,704],{"class":500},[490,1791,1792,1794,1796,1798,1800,1802,1804,1806,1809,1811],{"class":492,"line":527},[490,1793,678],{"class":500},[490,1795,1771],{"class":681},[490,1797,685],{"class":504},[490,1799,1731],{"class":681},[490,1801,501],{"class":500},[490,1803,1780],{"class":692},[490,1805,603],{"class":500},[490,1807,1808],{"class":504}," fixed",[490,1810,701],{"class":500},[490,1812,704],{"class":500},[475,1814,1815],{"icon":730,"label":731},[480,1816,1818],{"className":734,"code":1817,"language":736,"meta":486,"style":486},"\u003Ctable class=\"_table-layout:fixed\" style=\"width: 100%;\">\n    Fixed column widths\n\u003C/table>\n",[461,1819,1820,1851,1856],{"__ignoreMap":486},[490,1821,1822,1824,1826,1828,1830,1832,1835,1837,1840,1842,1844,1847,1849],{"class":492,"line":493},[490,1823,743],{"class":500},[490,1825,746],{"class":599},[490,1827,749],{"class":559},[490,1829,566],{"class":500},[490,1831,521],{"class":500},[490,1833,1834],{"class":517},"_table-layout:fixed",[490,1836,521],{"class":500},[490,1838,1839],{"class":559}," style",[490,1841,566],{"class":500},[490,1843,521],{"class":500},[490,1845,1846],{"class":517},"width: 100%;",[490,1848,521],{"class":500},[490,1850,772],{"class":500},[490,1852,1853],{"class":492,"line":527},[490,1854,1855],{"class":504},"    Fixed column widths\n",[490,1857,1858,1860,1862],{"class":492,"line":550},[490,1859,767],{"class":500},[490,1861,746],{"class":599},[490,1863,772],{"class":500},[802,1865,1867],{"id":1866},"table-layout-values","Table Layout Values",[746,1869,1870,1878],{},[809,1871,1872],{},[812,1873,1874,1876],{},[815,1875,817],{},[815,1877,820],{},[822,1879,1880,1889],{},[812,1881,1882,1886],{},[827,1883,1884],{},[461,1885,1715],{},[827,1887,1888],{},"Column widths determined by content (default)",[812,1890,1891,1895],{},[827,1892,1893],{},[461,1894,1731],{},[827,1896,1897],{},"Column widths determined by first row or explicit widths; faster rendering",[414,1899,1901],{"id":1900},"usecaptionsideutility",[461,1902,1903],{},"useCaptionSideUtility",[418,1905,466,1906,1909],{},[461,1907,1908],{},"useCaptionSideUtility()"," function creates utility classes for positioning table captions.",[472,1911,1912,2046,2101],{},[475,1913,1914],{"icon":477,"label":478},[480,1915,1917],{"className":482,"code":1916,"filename":484,"language":485,"meta":486,"style":486},"import { styleframe } from \"styleframe\";\nimport { useCaptionSideUtility } from \"@styleframe/theme\";\n\nconst s = styleframe();\n\nuseCaptionSideUtility(s, {\n    top: 'top',\n    bottom: 'bottom',\n});\n\nexport default s;\n",[461,1918,1919,1939,1960,1964,1978,1982,1992,2008,2024,2032,2036],{"__ignoreMap":486},[490,1920,1921,1923,1925,1927,1929,1931,1933,1935,1937],{"class":492,"line":493},[490,1922,497],{"class":496},[490,1924,501],{"class":500},[490,1926,505],{"class":504},[490,1928,508],{"class":500},[490,1930,511],{"class":496},[490,1932,514],{"class":500},[490,1934,518],{"class":517},[490,1936,521],{"class":500},[490,1938,524],{"class":500},[490,1940,1941,1943,1945,1948,1950,1952,1954,1956,1958],{"class":492,"line":527},[490,1942,497],{"class":496},[490,1944,501],{"class":500},[490,1946,1947],{"class":504}," useCaptionSideUtility",[490,1949,508],{"class":500},[490,1951,511],{"class":496},[490,1953,514],{"class":500},[490,1955,543],{"class":517},[490,1957,521],{"class":500},[490,1959,524],{"class":500},[490,1961,1962],{"class":492,"line":550},[490,1963,553],{"emptyLinePlaceholder":206},[490,1965,1966,1968,1970,1972,1974,1976],{"class":492,"line":556},[490,1967,560],{"class":559},[490,1969,563],{"class":504},[490,1971,566],{"class":500},[490,1973,505],{"class":569},[490,1975,572],{"class":504},[490,1977,524],{"class":500},[490,1979,1980],{"class":492,"line":577},[490,1981,553],{"emptyLinePlaceholder":206},[490,1983,1984,1986,1988,1990],{"class":492,"line":582},[490,1985,1903],{"class":569},[490,1987,587],{"class":504},[490,1989,590],{"class":500},[490,1991,593],{"class":500},[490,1993,1994,1997,1999,2001,2004,2006],{"class":492,"line":596},[490,1995,1996],{"class":599},"    top",[490,1998,603],{"class":500},[490,2000,606],{"class":500},[490,2002,2003],{"class":517},"top",[490,2005,612],{"class":500},[490,2007,615],{"class":500},[490,2009,2010,2013,2015,2017,2020,2022],{"class":492,"line":618},[490,2011,2012],{"class":599},"    bottom",[490,2014,603],{"class":500},[490,2016,606],{"class":500},[490,2018,2019],{"class":517},"bottom",[490,2021,612],{"class":500},[490,2023,615],{"class":500},[490,2025,2026,2028,2030],{"class":492,"line":635},[490,2027,638],{"class":500},[490,2029,641],{"class":504},[490,2031,524],{"class":500},[490,2033,2034],{"class":492,"line":646},[490,2035,553],{"emptyLinePlaceholder":206},[490,2037,2038,2040,2042,2044],{"class":492,"line":651},[490,2039,654],{"class":496},[490,2041,657],{"class":496},[490,2043,660],{"class":504},[490,2045,524],{"class":500},[475,2047,2048],{"icon":140,"label":665},[480,2049,2051],{"className":668,"code":2050,"filename":670,"language":671,"meta":486,"style":486},"._caption-side\\:top { caption-side: top; }\n._caption-side\\:bottom { caption-side: bottom; }\n",[461,2052,2053,2078],{"__ignoreMap":486},[490,2054,2055,2057,2060,2062,2064,2066,2069,2071,2074,2076],{"class":492,"line":493},[490,2056,678],{"class":500},[490,2058,2059],{"class":681},"_caption-side",[490,2061,685],{"class":504},[490,2063,2003],{"class":681},[490,2065,501],{"class":500},[490,2067,2068],{"class":692}," caption-side",[490,2070,603],{"class":500},[490,2072,2073],{"class":504}," top",[490,2075,701],{"class":500},[490,2077,704],{"class":500},[490,2079,2080,2082,2084,2086,2088,2090,2092,2094,2097,2099],{"class":492,"line":527},[490,2081,678],{"class":500},[490,2083,2059],{"class":681},[490,2085,685],{"class":504},[490,2087,2019],{"class":681},[490,2089,501],{"class":500},[490,2091,2068],{"class":692},[490,2093,603],{"class":500},[490,2095,2096],{"class":504}," bottom",[490,2098,701],{"class":500},[490,2100,704],{"class":500},[475,2102,2103],{"icon":730,"label":731},[480,2104,2106],{"className":734,"code":2105,"language":736,"meta":486,"style":486},"\u003Ctable class=\"_caption-side:top\">\n    \u003Ccaption>Table title at top\u003C/caption>\n\u003C/table>\n\u003Ctable class=\"_caption-side:bottom\">\n    \u003Ccaption>Table title at bottom\u003C/caption>\n\u003C/table>\n",[461,2107,2108,2127,2146,2154,2173,2190],{"__ignoreMap":486},[490,2109,2110,2112,2114,2116,2118,2120,2123,2125],{"class":492,"line":493},[490,2111,743],{"class":500},[490,2113,746],{"class":599},[490,2115,749],{"class":559},[490,2117,566],{"class":500},[490,2119,521],{"class":500},[490,2121,2122],{"class":517},"_caption-side:top",[490,2124,521],{"class":500},[490,2126,772],{"class":500},[490,2128,2129,2132,2135,2137,2140,2142,2144],{"class":492,"line":527},[490,2130,2131],{"class":500},"    \u003C",[490,2133,2134],{"class":599},"caption",[490,2136,761],{"class":500},[490,2138,2139],{"class":504},"Table title at top",[490,2141,767],{"class":500},[490,2143,2134],{"class":599},[490,2145,772],{"class":500},[490,2147,2148,2150,2152],{"class":492,"line":550},[490,2149,767],{"class":500},[490,2151,746],{"class":599},[490,2153,772],{"class":500},[490,2155,2156,2158,2160,2162,2164,2166,2169,2171],{"class":492,"line":556},[490,2157,743],{"class":500},[490,2159,746],{"class":599},[490,2161,749],{"class":559},[490,2163,566],{"class":500},[490,2165,521],{"class":500},[490,2167,2168],{"class":517},"_caption-side:bottom",[490,2170,521],{"class":500},[490,2172,772],{"class":500},[490,2174,2175,2177,2179,2181,2184,2186,2188],{"class":492,"line":577},[490,2176,2131],{"class":500},[490,2178,2134],{"class":599},[490,2180,761],{"class":500},[490,2182,2183],{"class":504},"Table title at bottom",[490,2185,767],{"class":500},[490,2187,2134],{"class":599},[490,2189,772],{"class":500},[490,2191,2192,2194,2196],{"class":492,"line":582},[490,2193,767],{"class":500},[490,2195,746],{"class":599},[490,2197,772],{"class":500},[414,2199,2201],{"id":2200},"examples","Examples",[802,2203,2205],{"id":2204},"data-table-with-collapsed-borders","Data Table with Collapsed Borders",[472,2207,2208,2347],{},[475,2209,2210],{"icon":477,"label":478},[480,2211,2213],{"className":482,"code":2212,"filename":484,"language":485,"meta":486,"style":486},"import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility, useTableLayoutUtility } from \"@styleframe/theme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, { collapse: 'collapse' });\nuseTableLayoutUtility(s, { fixed: 'fixed' });\n\nexport default s;\n",[461,2214,2215,2235,2259,2263,2277,2281,2307,2333,2337],{"__ignoreMap":486},[490,2216,2217,2219,2221,2223,2225,2227,2229,2231,2233],{"class":492,"line":493},[490,2218,497],{"class":496},[490,2220,501],{"class":500},[490,2222,505],{"class":504},[490,2224,508],{"class":500},[490,2226,511],{"class":496},[490,2228,514],{"class":500},[490,2230,518],{"class":517},[490,2232,521],{"class":500},[490,2234,524],{"class":500},[490,2236,2237,2239,2241,2243,2245,2247,2249,2251,2253,2255,2257],{"class":492,"line":527},[490,2238,497],{"class":496},[490,2240,501],{"class":500},[490,2242,534],{"class":504},[490,2244,590],{"class":500},[490,2246,1659],{"class":504},[490,2248,508],{"class":500},[490,2250,511],{"class":496},[490,2252,514],{"class":500},[490,2254,543],{"class":517},[490,2256,521],{"class":500},[490,2258,524],{"class":500},[490,2260,2261],{"class":492,"line":550},[490,2262,553],{"emptyLinePlaceholder":206},[490,2264,2265,2267,2269,2271,2273,2275],{"class":492,"line":556},[490,2266,560],{"class":559},[490,2268,563],{"class":504},[490,2270,566],{"class":500},[490,2272,505],{"class":569},[490,2274,572],{"class":504},[490,2276,524],{"class":500},[490,2278,2279],{"class":492,"line":577},[490,2280,553],{"emptyLinePlaceholder":206},[490,2282,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305],{"class":492,"line":582},[490,2284,463],{"class":569},[490,2286,587],{"class":504},[490,2288,590],{"class":500},[490,2290,501],{"class":500},[490,2292,698],{"class":599},[490,2294,603],{"class":500},[490,2296,606],{"class":500},[490,2298,609],{"class":517},[490,2300,612],{"class":500},[490,2302,508],{"class":500},[490,2304,641],{"class":504},[490,2306,524],{"class":500},[490,2308,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331],{"class":492,"line":596},[490,2310,1615],{"class":569},[490,2312,587],{"class":504},[490,2314,590],{"class":500},[490,2316,501],{"class":500},[490,2318,1808],{"class":599},[490,2320,603],{"class":500},[490,2322,606],{"class":500},[490,2324,1731],{"class":517},[490,2326,612],{"class":500},[490,2328,508],{"class":500},[490,2330,641],{"class":504},[490,2332,524],{"class":500},[490,2334,2335],{"class":492,"line":618},[490,2336,553],{"emptyLinePlaceholder":206},[490,2338,2339,2341,2343,2345],{"class":492,"line":635},[490,2340,654],{"class":496},[490,2342,657],{"class":496},[490,2344,660],{"class":504},[490,2346,524],{"class":500},[475,2348,2349],{"icon":140,"label":665},[480,2350,2352],{"className":668,"code":2351,"filename":670,"language":671,"meta":486,"style":486},"._border-collapse\\:collapse { border-collapse: collapse; }\n._table-layout\\:fixed { table-layout: fixed; }\n",[461,2353,2354,2376],{"__ignoreMap":486},[490,2355,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374],{"class":492,"line":493},[490,2357,678],{"class":500},[490,2359,682],{"class":681},[490,2361,685],{"class":504},[490,2363,609],{"class":681},[490,2365,501],{"class":500},[490,2367,693],{"class":692},[490,2369,603],{"class":500},[490,2371,698],{"class":504},[490,2373,701],{"class":500},[490,2375,704],{"class":500},[490,2377,2378,2380,2382,2384,2386,2388,2390,2392,2394,2396],{"class":492,"line":527},[490,2379,678],{"class":500},[490,2381,1771],{"class":681},[490,2383,685],{"class":504},[490,2385,1731],{"class":681},[490,2387,501],{"class":500},[490,2389,1780],{"class":692},[490,2391,603],{"class":500},[490,2393,1808],{"class":504},[490,2395,701],{"class":500},[490,2397,704],{"class":500},[418,2399,2400],{},"Usage in HTML:",[480,2402,2404],{"className":734,"code":2403,"language":736,"meta":486,"style":486},"\u003Ctable class=\"_border-collapse:collapse _table-layout:fixed\" style=\"width: 100%;\">\n    \u003Cthead>\n        \u003Ctr>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Name\u003C/th>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Status\u003C/th>\n            \u003Cth style=\"border: 1px solid #e5e7eb;\">Role\u003C/th>\n        \u003C/tr>\n    \u003C/thead>\n    \u003Ctbody>\n        \u003Ctr>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">John Doe\u003C/td>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">Active\u003C/td>\n            \u003Ctd style=\"border: 1px solid #e5e7eb;\">Admin\u003C/td>\n        \u003C/tr>\n    \u003C/tbody>\n\u003C/table>\n",[461,2405,2406,2435,2443,2452,2481,2508,2535,2544,2553,2561,2569,2596,2623,2650,2658,2666],{"__ignoreMap":486},[490,2407,2408,2410,2412,2414,2416,2418,2421,2423,2425,2427,2429,2431,2433],{"class":492,"line":493},[490,2409,743],{"class":500},[490,2411,746],{"class":599},[490,2413,749],{"class":559},[490,2415,566],{"class":500},[490,2417,521],{"class":500},[490,2419,2420],{"class":517},"_border-collapse:collapse _table-layout:fixed",[490,2422,521],{"class":500},[490,2424,1839],{"class":559},[490,2426,566],{"class":500},[490,2428,521],{"class":500},[490,2430,1846],{"class":517},[490,2432,521],{"class":500},[490,2434,772],{"class":500},[490,2436,2437,2439,2441],{"class":492,"line":527},[490,2438,2131],{"class":500},[490,2440,809],{"class":599},[490,2442,772],{"class":500},[490,2444,2445,2448,2450],{"class":492,"line":550},[490,2446,2447],{"class":500},"        \u003C",[490,2449,812],{"class":599},[490,2451,772],{"class":500},[490,2453,2454,2457,2459,2461,2463,2465,2468,2470,2472,2475,2477,2479],{"class":492,"line":556},[490,2455,2456],{"class":500},"            \u003C",[490,2458,815],{"class":599},[490,2460,1839],{"class":559},[490,2462,566],{"class":500},[490,2464,521],{"class":500},[490,2466,2467],{"class":517},"border: 1px solid #e5e7eb;",[490,2469,521],{"class":500},[490,2471,761],{"class":500},[490,2473,2474],{"class":504},"Name",[490,2476,767],{"class":500},[490,2478,815],{"class":599},[490,2480,772],{"class":500},[490,2482,2483,2485,2487,2489,2491,2493,2495,2497,2499,2502,2504,2506],{"class":492,"line":577},[490,2484,2456],{"class":500},[490,2486,815],{"class":599},[490,2488,1839],{"class":559},[490,2490,566],{"class":500},[490,2492,521],{"class":500},[490,2494,2467],{"class":517},[490,2496,521],{"class":500},[490,2498,761],{"class":500},[490,2500,2501],{"class":504},"Status",[490,2503,767],{"class":500},[490,2505,815],{"class":599},[490,2507,772],{"class":500},[490,2509,2510,2512,2514,2516,2518,2520,2522,2524,2526,2529,2531,2533],{"class":492,"line":582},[490,2511,2456],{"class":500},[490,2513,815],{"class":599},[490,2515,1839],{"class":559},[490,2517,566],{"class":500},[490,2519,521],{"class":500},[490,2521,2467],{"class":517},[490,2523,521],{"class":500},[490,2525,761],{"class":500},[490,2527,2528],{"class":504},"Role",[490,2530,767],{"class":500},[490,2532,815],{"class":599},[490,2534,772],{"class":500},[490,2536,2537,2540,2542],{"class":492,"line":596},[490,2538,2539],{"class":500},"        \u003C/",[490,2541,812],{"class":599},[490,2543,772],{"class":500},[490,2545,2546,2549,2551],{"class":492,"line":618},[490,2547,2548],{"class":500},"    \u003C/",[490,2550,809],{"class":599},[490,2552,772],{"class":500},[490,2554,2555,2557,2559],{"class":492,"line":635},[490,2556,2131],{"class":500},[490,2558,822],{"class":599},[490,2560,772],{"class":500},[490,2562,2563,2565,2567],{"class":492,"line":646},[490,2564,2447],{"class":500},[490,2566,812],{"class":599},[490,2568,772],{"class":500},[490,2570,2571,2573,2575,2577,2579,2581,2583,2585,2587,2590,2592,2594],{"class":492,"line":651},[490,2572,2456],{"class":500},[490,2574,827],{"class":599},[490,2576,1839],{"class":559},[490,2578,566],{"class":500},[490,2580,521],{"class":500},[490,2582,2467],{"class":517},[490,2584,521],{"class":500},[490,2586,761],{"class":500},[490,2588,2589],{"class":504},"John Doe",[490,2591,767],{"class":500},[490,2593,827],{"class":599},[490,2595,772],{"class":500},[490,2597,2598,2600,2602,2604,2606,2608,2610,2612,2614,2617,2619,2621],{"class":492,"line":1037},[490,2599,2456],{"class":500},[490,2601,827],{"class":599},[490,2603,1839],{"class":559},[490,2605,566],{"class":500},[490,2607,521],{"class":500},[490,2609,2467],{"class":517},[490,2611,521],{"class":500},[490,2613,761],{"class":500},[490,2615,2616],{"class":504},"Active",[490,2618,767],{"class":500},[490,2620,827],{"class":599},[490,2622,772],{"class":500},[490,2624,2625,2627,2629,2631,2633,2635,2637,2639,2641,2644,2646,2648],{"class":492,"line":1042},[490,2626,2456],{"class":500},[490,2628,827],{"class":599},[490,2630,1839],{"class":559},[490,2632,566],{"class":500},[490,2634,521],{"class":500},[490,2636,2467],{"class":517},[490,2638,521],{"class":500},[490,2640,761],{"class":500},[490,2642,2643],{"class":504},"Admin",[490,2645,767],{"class":500},[490,2647,827],{"class":599},[490,2649,772],{"class":500},[490,2651,2652,2654,2656],{"class":492,"line":1054},[490,2653,2539],{"class":500},[490,2655,812],{"class":599},[490,2657,772],{"class":500},[490,2659,2660,2662,2664],{"class":492,"line":1073},[490,2661,2548],{"class":500},[490,2663,822],{"class":599},[490,2665,772],{"class":500},[490,2667,2668,2670,2672],{"class":492,"line":1092},[490,2669,767],{"class":500},[490,2671,746],{"class":599},[490,2673,772],{"class":500},[802,2675,2677],{"id":2676},"spaced-table-cells","Spaced Table Cells",[472,2679,2680,2823],{},[475,2681,2682],{"icon":477,"label":478},[480,2683,2685],{"className":482,"code":2684,"filename":484,"language":485,"meta":486,"style":486},"import { styleframe } from \"styleframe\";\nimport { useBorderCollapseUtility, useBorderSpacingUtility } from \"@styleframe/theme\";\n\nconst s = styleframe();\n\nuseBorderCollapseUtility(s, { separate: 'separate' });\nuseBorderSpacingUtility(s, { '2': '0.5rem' });\n\nexport default s;\n",[461,2686,2687,2707,2731,2735,2749,2753,2779,2809,2813],{"__ignoreMap":486},[490,2688,2689,2691,2693,2695,2697,2699,2701,2703,2705],{"class":492,"line":493},[490,2690,497],{"class":496},[490,2692,501],{"class":500},[490,2694,505],{"class":504},[490,2696,508],{"class":500},[490,2698,511],{"class":496},[490,2700,514],{"class":500},[490,2702,518],{"class":517},[490,2704,521],{"class":500},[490,2706,524],{"class":500},[490,2708,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729],{"class":492,"line":527},[490,2710,497],{"class":496},[490,2712,501],{"class":500},[490,2714,534],{"class":504},[490,2716,590],{"class":500},[490,2718,892],{"class":504},[490,2720,508],{"class":500},[490,2722,511],{"class":496},[490,2724,514],{"class":500},[490,2726,543],{"class":517},[490,2728,521],{"class":500},[490,2730,524],{"class":500},[490,2732,2733],{"class":492,"line":550},[490,2734,553],{"emptyLinePlaceholder":206},[490,2736,2737,2739,2741,2743,2745,2747],{"class":492,"line":556},[490,2738,560],{"class":559},[490,2740,563],{"class":504},[490,2742,566],{"class":500},[490,2744,505],{"class":569},[490,2746,572],{"class":504},[490,2748,524],{"class":500},[490,2750,2751],{"class":492,"line":577},[490,2752,553],{"emptyLinePlaceholder":206},[490,2754,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777],{"class":492,"line":582},[490,2756,463],{"class":569},[490,2758,587],{"class":504},[490,2760,590],{"class":500},[490,2762,501],{"class":500},[490,2764,723],{"class":599},[490,2766,603],{"class":500},[490,2768,606],{"class":500},[490,2770,628],{"class":517},[490,2772,612],{"class":500},[490,2774,508],{"class":500},[490,2776,641],{"class":504},[490,2778,524],{"class":500},[490,2780,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807],{"class":492,"line":596},[490,2782,848],{"class":569},[490,2784,587],{"class":504},[490,2786,590],{"class":500},[490,2788,501],{"class":500},[490,2790,606],{"class":500},[490,2792,993],{"class":599},[490,2794,612],{"class":500},[490,2796,603],{"class":500},[490,2798,606],{"class":500},[490,2800,1002],{"class":517},[490,2802,612],{"class":500},[490,2804,508],{"class":500},[490,2806,641],{"class":504},[490,2808,524],{"class":500},[490,2810,2811],{"class":492,"line":618},[490,2812,553],{"emptyLinePlaceholder":206},[490,2814,2815,2817,2819,2821],{"class":492,"line":635},[490,2816,654],{"class":496},[490,2818,657],{"class":496},[490,2820,660],{"class":504},[490,2822,524],{"class":500},[475,2824,2825],{"icon":140,"label":665},[480,2826,2828],{"className":668,"code":2827,"filename":670,"language":671,"meta":486,"style":486},"._border-collapse\\:separate { border-collapse: separate; }\n._border-spacing\\:2 { border-spacing: 0.5rem; }\n",[461,2829,2830,2852],{"__ignoreMap":486},[490,2831,2832,2834,2836,2838,2840,2842,2844,2846,2848,2850],{"class":492,"line":493},[490,2833,678],{"class":500},[490,2835,682],{"class":681},[490,2837,685],{"class":504},[490,2839,628],{"class":681},[490,2841,501],{"class":500},[490,2843,693],{"class":692},[490,2845,603],{"class":500},[490,2847,723],{"class":504},[490,2849,701],{"class":500},[490,2851,704],{"class":500},[490,2853,2854,2856,2858,2860,2862,2864,2866,2868,2870,2872],{"class":492,"line":527},[490,2855,678],{"class":500},[490,2857,1230],{"class":681},[490,2859,685],{"class":504},[490,2861,993],{"class":681},[490,2863,501],{"class":500},[490,2865,1239],{"class":692},[490,2867,603],{"class":500},[490,2869,1291],{"class":1244},[490,2871,701],{"class":500},[490,2873,704],{"class":500},[418,2875,2400],{},[480,2877,2879],{"className":734,"code":2878,"language":736,"meta":486,"style":486},"\u003Ctable class=\"_border-collapse:separate _border-spacing:2\">\n    \u003Ctr>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 1\u003C/td>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 2\u003C/td>\n    \u003C/tr>\n    \u003Ctr>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 3\u003C/td>\n        \u003Ctd style=\"background: #f3f4f6; padding: 1rem;\">Cell 4\u003C/td>\n    \u003C/tr>\n\u003C/table>\n",[461,2880,2881,2899,2907,2935,2962,2970,2978,3005,3032,3040],{"__ignoreMap":486},[490,2882,2883,2885,2887,2889,2891,2893,2895,2897],{"class":492,"line":493},[490,2884,743],{"class":500},[490,2886,746],{"class":599},[490,2888,749],{"class":559},[490,2890,566],{"class":500},[490,2892,521],{"class":500},[490,2894,1579],{"class":517},[490,2896,521],{"class":500},[490,2898,772],{"class":500},[490,2900,2901,2903,2905],{"class":492,"line":527},[490,2902,2131],{"class":500},[490,2904,812],{"class":599},[490,2906,772],{"class":500},[490,2908,2909,2911,2913,2915,2917,2919,2922,2924,2926,2929,2931,2933],{"class":492,"line":550},[490,2910,2447],{"class":500},[490,2912,827],{"class":599},[490,2914,1839],{"class":559},[490,2916,566],{"class":500},[490,2918,521],{"class":500},[490,2920,2921],{"class":517},"background: #f3f4f6; padding: 1rem;",[490,2923,521],{"class":500},[490,2925,761],{"class":500},[490,2927,2928],{"class":504},"Cell 1",[490,2930,767],{"class":500},[490,2932,827],{"class":599},[490,2934,772],{"class":500},[490,2936,2937,2939,2941,2943,2945,2947,2949,2951,2953,2956,2958,2960],{"class":492,"line":556},[490,2938,2447],{"class":500},[490,2940,827],{"class":599},[490,2942,1839],{"class":559},[490,2944,566],{"class":500},[490,2946,521],{"class":500},[490,2948,2921],{"class":517},[490,2950,521],{"class":500},[490,2952,761],{"class":500},[490,2954,2955],{"class":504},"Cell 2",[490,2957,767],{"class":500},[490,2959,827],{"class":599},[490,2961,772],{"class":500},[490,2963,2964,2966,2968],{"class":492,"line":577},[490,2965,2548],{"class":500},[490,2967,812],{"class":599},[490,2969,772],{"class":500},[490,2971,2972,2974,2976],{"class":492,"line":582},[490,2973,2131],{"class":500},[490,2975,812],{"class":599},[490,2977,772],{"class":500},[490,2979,2980,2982,2984,2986,2988,2990,2992,2994,2996,2999,3001,3003],{"class":492,"line":596},[490,2981,2447],{"class":500},[490,2983,827],{"class":599},[490,2985,1839],{"class":559},[490,2987,566],{"class":500},[490,2989,521],{"class":500},[490,2991,2921],{"class":517},[490,2993,521],{"class":500},[490,2995,761],{"class":500},[490,2997,2998],{"class":504},"Cell 3",[490,3000,767],{"class":500},[490,3002,827],{"class":599},[490,3004,772],{"class":500},[490,3006,3007,3009,3011,3013,3015,3017,3019,3021,3023,3026,3028,3030],{"class":492,"line":618},[490,3008,2447],{"class":500},[490,3010,827],{"class":599},[490,3012,1839],{"class":559},[490,3014,566],{"class":500},[490,3016,521],{"class":500},[490,3018,2921],{"class":517},[490,3020,521],{"class":500},[490,3022,761],{"class":500},[490,3024,3025],{"class":504},"Cell 4",[490,3027,767],{"class":500},[490,3029,827],{"class":599},[490,3031,772],{"class":500},[490,3033,3034,3036,3038],{"class":492,"line":635},[490,3035,2548],{"class":500},[490,3037,812],{"class":599},[490,3039,772],{"class":500},[490,3041,3042,3044,3046],{"class":492,"line":646},[490,3043,767],{"class":500},[490,3045,746],{"class":599},[490,3047,772],{"class":500},[414,3049,3051],{"id":3050},"best-practices","Best Practices",[429,3053,3054,3060,3066,3072,3078],{},[432,3055,3056,3059],{},[435,3057,3058],{},"Use table-layout: fixed for performance",": Fixed layout renders faster and more predictably with large tables",[432,3061,3062,3065],{},[435,3063,3064],{},"Choose border-collapse carefully",": Collapsed borders are simpler but separate allows for spacing",[432,3067,3068,3071],{},[435,3069,3070],{},"Use border-spacing with separate borders",": Border spacing only works when borders are not collapsed",[432,3073,3074,3077],{},[435,3075,3076],{},"Consider accessibility",": Ensure tables have proper headers and captions for screen readers",[432,3079,3080,3083],{},[435,3081,3082],{},"Responsive tables",": For responsive designs, consider alternative layouts for mobile",[414,3085,3087],{"id":3086},"faq","FAQ",[3089,3090,3091,3100,3116,3120],"accordion",{},[3092,3093,3096,3097,3099],"accordion-item",{"icon":3094,"label":3095},"i-lucide-circle-help","When should I use table-layout: fixed?","Use ",[461,3098,1731],{}," 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.",[3092,3101,3103,3104,1607,3106,3108,3109,3111,3112,3115],{"icon":3094,"label":3102},"Why isn't border-spacing working?","Border spacing only works when ",[461,3105,1606],{},[461,3107,628],{},". If you're using ",[461,3110,609],{},", borders merge and there's no space between them. Set ",[461,3113,3114],{},"border-collapse: separate"," first.",[3092,3117,3119],{"icon":3094,"label":3118},"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.",[3092,3121,3123,3124,3127],{"icon":3094,"label":3122},"How do I make tables responsive?","For simple responsive tables, allow horizontal scrolling with ",[461,3125,3126],{},"overflow-x: auto"," on a wrapper. For more complex needs, consider restructuring data on small screens using CSS Grid or displaying as cards.",[3129,3130,3131],"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":486,"searchDepth":527,"depth":527,"links":3133},[3134,3135,3136,3139,3140,3143,3144,3148,3149],{"id":416,"depth":527,"text":64},{"id":423,"depth":527,"text":424},{"id":459,"depth":527,"text":463,"children":3137},[3138],{"id":804,"depth":550,"text":805},{"id":845,"depth":527,"text":848},{"id":1612,"depth":527,"text":1615,"children":3141},[3142],{"id":1866,"depth":550,"text":1867},{"id":1900,"depth":527,"text":1903},{"id":2200,"depth":527,"text":2201,"children":3145},[3146,3147],{"id":2204,"depth":550,"text":2205},{"id":2676,"depth":550,"text":2677},{"id":3050,"depth":527,"text":3051},{"id":3086,"depth":527,"text":3087},"Create table utilities for border collapse, spacing, layout, and caption positioning with full type safety.","md",null,{},{"title":348,"icon":7},{"title":409,"description":3150},{"loc":349},"XFprhEaA8aSniQ7ww5QQr-_2djPnN-ePeU3ZEpFuBaE",[3159,3161],{"title":344,"path":345,"stem":346,"description":3160,"icon":7,"children":-1},"Create SVG utilities for fill, stroke, and stroke-width with full type safety.",{"title":352,"path":353,"stem":354,"description":3162,"icon":7,"children":-1},"Create transform utilities for rotate, scale, translate, skew, and perspective with full type safety.",1776621149636]