[{"data":1,"prerenderedAt":1901},["ShallowReactive",2],{"navigation":3,"/configuration/overview":272,"/configuration/overview-surround":1896},[4,22,59,95,120,161,183,200,243,264],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51,55],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Steps","/configuration/steps","02.configuration/3.steps",{"title":40,"path":41,"stem":42},"Placement","/configuration/placement","02.configuration/4.placement",{"title":44,"path":45,"stem":46},"Animation","/configuration/animation","02.configuration/5.animation",{"title":48,"path":49,"stem":50},"Scroll","/configuration/scroll","02.configuration/6.scroll",{"title":52,"path":53,"stem":54},"Skip","/configuration/skip","02.configuration/7.skip",{"title":56,"path":57,"stem":58},"Styles","/configuration/styles","02.configuration/8.styles",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Components","/components","03.components",[64,68,72,76,80,84,88,91],{"title":65,"path":66,"stem":67},"Container","/components/container","03.components/1.container",{"title":69,"path":70,"stem":71},"Overlay","/components/overlay","03.components/2.overlay",{"title":73,"path":74,"stem":75},"Tooltip","/components/tooltip","03.components/3.tooltip",{"title":77,"path":78,"stem":79},"Image","/components/image","03.components/4.image",{"title":81,"path":82,"stem":83},"Buttons","/components/buttons","03.components/5.buttons",{"title":85,"path":86,"stem":87},"Progress","/components/progress","03.components/6.progress",{"title":52,"path":89,"stem":90},"/components/skip","03.components/7.skip",{"title":92,"path":93,"stem":94},"Close Button","/components/close-button","03.components/8.close-button",{"title":96,"path":97,"stem":98,"children":99,"page":6},"Features","/features","04.features",[100,104,108,112,116],{"title":101,"path":102,"stem":103},"Visibility","/features/visibility","04.features/1.visibility",{"title":105,"path":106,"stem":107},"Responsive","/features/responsive","04.features/2.responsive",{"title":109,"path":110,"stem":111},"Keyboard","/features/keyboard","04.features/3.keyboard",{"title":113,"path":114,"stem":115},"Highlight","/features/highlight","04.features/4.highlight",{"title":117,"path":118,"stem":119},"Overrides","/features/overrides","04.features/5.overrides",{"title":121,"path":122,"stem":123,"children":124,"page":6},"API Reference","/api-reference","05.api-reference",[125,129,133,137,141,145,149,153,157],{"title":126,"path":127,"stem":128},"useBorda","/api-reference/use-borda","05.api-reference/1.use-borda",{"title":130,"path":131,"stem":132},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":134,"path":135,"stem":136},"useHighlight","/api-reference/use-highlight","05.api-reference/3.use-highlight",{"title":138,"path":139,"stem":140},"Borda Instance","/api-reference/borda-instance","05.api-reference/4.borda-instance",{"title":142,"path":143,"stem":144},"Controller API","/api-reference/controller-api","05.api-reference/5.controller-api",{"title":146,"path":147,"stem":148},"Events API","/api-reference/events-api","05.api-reference/6.events-api",{"title":150,"path":151,"stem":152},"Visibility API","/api-reference/visibility-api","05.api-reference/7.visibility-api",{"title":154,"path":155,"stem":156},"Skip API","/api-reference/skip-api","05.api-reference/8.skip-api",{"title":158,"path":159,"stem":160},"Scroll API","/api-reference/scroll-api","05.api-reference/9.scroll-api",{"title":162,"path":163,"stem":164,"children":165,"page":6},"Events","/events","06.events",[166,170,174,177,180],{"title":167,"path":168,"stem":169},"Tour","/events/tour","06.events/1.tour",{"title":171,"path":172,"stem":173},"Widget","/events/widget","06.events/2.widget",{"title":52,"path":175,"stem":176},"/events/skip","06.events/3.skip",{"title":101,"path":178,"stem":179},"/events/visibility","06.events/4.visibility",{"title":109,"path":181,"stem":182},"/events/keyboard","06.events/5.keyboard",{"title":184,"path":185,"stem":186,"children":187,"page":6},"Custom Element","/custom-element","07.custom-element",[188,192,196],{"title":189,"path":190,"stem":191},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":193,"path":194,"stem":195},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":197,"path":198,"stem":199},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":201,"path":202,"stem":203,"children":204,"page":6},"Examples","/examples","08.examples",[205,209,213,217,220,223,226,229,233,236,240],{"title":206,"path":207,"stem":208},"Basic Setup","/examples/basic-setup","08.examples/01.basic-setup",{"title":210,"path":211,"stem":212},"Multi-step","/examples/multi-step","08.examples/02.multi-step",{"title":214,"path":215,"stem":216},"Custom Styling","/examples/custom-styling","08.examples/03.custom-styling",{"title":113,"path":218,"stem":219},"/examples/highlight","08.examples/04.highlight",{"title":105,"path":221,"stem":222},"/examples/responsive","08.examples/05.responsive",{"title":117,"path":224,"stem":225},"/examples/overrides","08.examples/06.overrides",{"title":109,"path":227,"stem":228},"/examples/keyboard","08.examples/07.keyboard",{"title":230,"path":231,"stem":232},"Don't Show Again","/examples/skip","08.examples/08.skip",{"title":44,"path":234,"stem":235},"/examples/animation","08.examples/09.animation",{"title":237,"path":238,"stem":239},"Transition","/examples/transition","08.examples/10.transition",{"title":85,"path":241,"stem":242},"/examples/progress","08.examples/11.progress",{"title":244,"path":245,"stem":246,"children":247,"page":6},"Distribution","/distribution","09.distribution",[248,252,256,260],{"title":249,"path":250,"stem":251},"Formats","/distribution/formats","09.distribution/1.formats",{"title":253,"path":254,"stem":255},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":257,"path":258,"stem":259},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":261,"path":262,"stem":263},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"title":265,"path":266,"stem":267,"children":268,"page":6},"Accessibility","/accessibility","10.accessibility",[269],{"title":28,"path":270,"stem":271},"/accessibility/overview","10.accessibility/1.overview",{"id":273,"title":28,"body":274,"description":1891,"extension":872,"links":1892,"meta":1893,"navigation":366,"path":29,"seo":1894,"stem":30,"__hash__":1895},"docs/02.configuration/1.overview.md",{"type":275,"value":276,"toc":1885},"minimark",[277,298,305,810,815,820,1066,1070,1076,1081,1084,1238,1241,1245,1248,1619,1622,1626,1637,1642,1881],[278,279,281],"div",{"id":280},"overview-description",[282,283,284,285,289,290,293,294,297],"p",{},"Every aspect of the tour — from step definitions to the appearance of each UI element — is controlled through a single configuration object, ",[286,287,288],"code",{},"BordaConfig",", passed to ",[286,291,292],{},"borda.mount()",". The only required field is ",[286,295,296],{},"steps","; everything else has a sensible default or can be disabled entirely.",[299,300,301],"borda-container",{},[302,303],"borda-component",{":config":304},"{\"steps\":[{\"target\":\"#overview-description\",\"title\":\"Description\",\"description\":\"The intro paragraph explains what this page covers.\",\"placement\":\"bottom-start\"},{\"target\":\"#config-structure\",\"title\":\"Config structure\",\"description\":\"The table lists every BordaConfig key — steps, size, shape, components, and feature flags.\",\"placement\":\"middle-end\"},{\"target\":\"#disabling-components\",\"title\":\"Disabling components\",\"description\":\"Pass false to any component key to remove it from the tour entirely.\",\"placement\":\"top-end\"}],\"tourProgress\":{\"variant\":\"dots\"}}",[306,307,312],"pre",{"className":308,"code":309,"language":310,"meta":311,"style":311},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useBorda, ComponentPlacement, BordaTourProgressVariant } from '@retoo/borda';\n\nimport '@retoo/borda/styles';\n\nconst borda = useBorda();\n\nconst instance = await borda.mount({\n  steps: [\n    {\n      target: '#nav-sidebar',\n      title: 'Navigation',\n      description: 'Every section is one click away.',\n      placement: ComponentPlacement.MIDDLE_END,\n    },\n    {\n      target: '#search-bar',\n      title: 'Search',\n      description: 'Find any page or setting instantly.',\n      placement: ComponentPlacement.BOTTOM_CENTER,\n    },\n    {\n      target: '#main-content',\n      title: 'Main area',\n      description: 'Your primary content lives here.',\n      placement: ComponentPlacement.MIDDLE_START,\n    },\n    {\n      target: '#user-menu',\n      title: 'Account',\n      description: 'Manage your profile and preferences.',\n      placement: ComponentPlacement.BOTTOM_END,\n    },\n  ],\n  tourProgress: {\n    variant: BordaTourProgressVariant.DOTS,\n  },\n});\n","ts","",[286,313,314,361,368,382,387,408,413,441,454,460,478,495,512,529,535,540,556,572,588,604,609,614,630,646,662,678,683,688,704,720,736,752,757,765,776,793,799],{"__ignoreMap":311},[315,316,319,323,327,331,334,337,339,342,345,348,351,355,358],"span",{"class":317,"line":318},"line",1,[315,320,322],{"class":321},"s7zQu","import",[315,324,326],{"class":325},"sMK4o"," {",[315,328,330],{"class":329},"sTEyZ"," useBorda",[315,332,333],{"class":325},",",[315,335,336],{"class":329}," ComponentPlacement",[315,338,333],{"class":325},[315,340,341],{"class":329}," BordaTourProgressVariant",[315,343,344],{"class":325}," }",[315,346,347],{"class":321}," from",[315,349,350],{"class":325}," '",[315,352,354],{"class":353},"sfazB","@retoo/borda",[315,356,357],{"class":325},"'",[315,359,360],{"class":325},";\n",[315,362,364],{"class":317,"line":363},2,[315,365,367],{"emptyLinePlaceholder":366},true,"\n",[315,369,371,373,375,378,380],{"class":317,"line":370},3,[315,372,322],{"class":321},[315,374,350],{"class":325},[315,376,377],{"class":353},"@retoo/borda/styles",[315,379,357],{"class":325},[315,381,360],{"class":325},[315,383,385],{"class":317,"line":384},4,[315,386,367],{"emptyLinePlaceholder":366},[315,388,390,394,397,400,403,406],{"class":317,"line":389},5,[315,391,393],{"class":392},"spNyl","const",[315,395,396],{"class":329}," borda ",[315,398,399],{"class":325},"=",[315,401,330],{"class":402},"s2Zo4",[315,404,405],{"class":329},"()",[315,407,360],{"class":325},[315,409,411],{"class":317,"line":410},6,[315,412,367],{"emptyLinePlaceholder":366},[315,414,416,418,421,423,426,429,432,435,438],{"class":317,"line":415},7,[315,417,393],{"class":392},[315,419,420],{"class":329}," instance ",[315,422,399],{"class":325},[315,424,425],{"class":321}," await",[315,427,428],{"class":329}," borda",[315,430,431],{"class":325},".",[315,433,434],{"class":402},"mount",[315,436,437],{"class":329},"(",[315,439,440],{"class":325},"{\n",[315,442,444,448,451],{"class":317,"line":443},8,[315,445,447],{"class":446},"swJcz","  steps",[315,449,450],{"class":325},":",[315,452,453],{"class":329}," [\n",[315,455,457],{"class":317,"line":456},9,[315,458,459],{"class":325},"    {\n",[315,461,463,466,468,470,473,475],{"class":317,"line":462},10,[315,464,465],{"class":446},"      target",[315,467,450],{"class":325},[315,469,350],{"class":325},[315,471,472],{"class":353},"#nav-sidebar",[315,474,357],{"class":325},[315,476,477],{"class":325},",\n",[315,479,481,484,486,488,491,493],{"class":317,"line":480},11,[315,482,483],{"class":446},"      title",[315,485,450],{"class":325},[315,487,350],{"class":325},[315,489,490],{"class":353},"Navigation",[315,492,357],{"class":325},[315,494,477],{"class":325},[315,496,498,501,503,505,508,510],{"class":317,"line":497},12,[315,499,500],{"class":446},"      description",[315,502,450],{"class":325},[315,504,350],{"class":325},[315,506,507],{"class":353},"Every section is one click away.",[315,509,357],{"class":325},[315,511,477],{"class":325},[315,513,515,518,520,522,524,527],{"class":317,"line":514},13,[315,516,517],{"class":446},"      placement",[315,519,450],{"class":325},[315,521,336],{"class":329},[315,523,431],{"class":325},[315,525,526],{"class":329},"MIDDLE_END",[315,528,477],{"class":325},[315,530,532],{"class":317,"line":531},14,[315,533,534],{"class":325},"    },\n",[315,536,538],{"class":317,"line":537},15,[315,539,459],{"class":325},[315,541,543,545,547,549,552,554],{"class":317,"line":542},16,[315,544,465],{"class":446},[315,546,450],{"class":325},[315,548,350],{"class":325},[315,550,551],{"class":353},"#search-bar",[315,553,357],{"class":325},[315,555,477],{"class":325},[315,557,559,561,563,565,568,570],{"class":317,"line":558},17,[315,560,483],{"class":446},[315,562,450],{"class":325},[315,564,350],{"class":325},[315,566,567],{"class":353},"Search",[315,569,357],{"class":325},[315,571,477],{"class":325},[315,573,575,577,579,581,584,586],{"class":317,"line":574},18,[315,576,500],{"class":446},[315,578,450],{"class":325},[315,580,350],{"class":325},[315,582,583],{"class":353},"Find any page or setting instantly.",[315,585,357],{"class":325},[315,587,477],{"class":325},[315,589,591,593,595,597,599,602],{"class":317,"line":590},19,[315,592,517],{"class":446},[315,594,450],{"class":325},[315,596,336],{"class":329},[315,598,431],{"class":325},[315,600,601],{"class":329},"BOTTOM_CENTER",[315,603,477],{"class":325},[315,605,607],{"class":317,"line":606},20,[315,608,534],{"class":325},[315,610,612],{"class":317,"line":611},21,[315,613,459],{"class":325},[315,615,617,619,621,623,626,628],{"class":317,"line":616},22,[315,618,465],{"class":446},[315,620,450],{"class":325},[315,622,350],{"class":325},[315,624,625],{"class":353},"#main-content",[315,627,357],{"class":325},[315,629,477],{"class":325},[315,631,633,635,637,639,642,644],{"class":317,"line":632},23,[315,634,483],{"class":446},[315,636,450],{"class":325},[315,638,350],{"class":325},[315,640,641],{"class":353},"Main area",[315,643,357],{"class":325},[315,645,477],{"class":325},[315,647,649,651,653,655,658,660],{"class":317,"line":648},24,[315,650,500],{"class":446},[315,652,450],{"class":325},[315,654,350],{"class":325},[315,656,657],{"class":353},"Your primary content lives here.",[315,659,357],{"class":325},[315,661,477],{"class":325},[315,663,665,667,669,671,673,676],{"class":317,"line":664},25,[315,666,517],{"class":446},[315,668,450],{"class":325},[315,670,336],{"class":329},[315,672,431],{"class":325},[315,674,675],{"class":329},"MIDDLE_START",[315,677,477],{"class":325},[315,679,681],{"class":317,"line":680},26,[315,682,534],{"class":325},[315,684,686],{"class":317,"line":685},27,[315,687,459],{"class":325},[315,689,691,693,695,697,700,702],{"class":317,"line":690},28,[315,692,465],{"class":446},[315,694,450],{"class":325},[315,696,350],{"class":325},[315,698,699],{"class":353},"#user-menu",[315,701,357],{"class":325},[315,703,477],{"class":325},[315,705,707,709,711,713,716,718],{"class":317,"line":706},29,[315,708,483],{"class":446},[315,710,450],{"class":325},[315,712,350],{"class":325},[315,714,715],{"class":353},"Account",[315,717,357],{"class":325},[315,719,477],{"class":325},[315,721,723,725,727,729,732,734],{"class":317,"line":722},30,[315,724,500],{"class":446},[315,726,450],{"class":325},[315,728,350],{"class":325},[315,730,731],{"class":353},"Manage your profile and preferences.",[315,733,357],{"class":325},[315,735,477],{"class":325},[315,737,739,741,743,745,747,750],{"class":317,"line":738},31,[315,740,517],{"class":446},[315,742,450],{"class":325},[315,744,336],{"class":329},[315,746,431],{"class":325},[315,748,749],{"class":329},"BOTTOM_END",[315,751,477],{"class":325},[315,753,755],{"class":317,"line":754},32,[315,756,534],{"class":325},[315,758,760,763],{"class":317,"line":759},33,[315,761,762],{"class":329},"  ]",[315,764,477],{"class":325},[315,766,768,771,773],{"class":317,"line":767},34,[315,769,770],{"class":446},"  tourProgress",[315,772,450],{"class":325},[315,774,775],{"class":325}," {\n",[315,777,779,782,784,786,788,791],{"class":317,"line":778},35,[315,780,781],{"class":446},"    variant",[315,783,450],{"class":325},[315,785,341],{"class":329},[315,787,431],{"class":325},[315,789,790],{"class":329},"DOTS",[315,792,477],{"class":325},[315,794,796],{"class":317,"line":795},36,[315,797,798],{"class":325},"  },\n",[315,800,802,805,808],{"class":317,"line":801},37,[315,803,804],{"class":325},"}",[315,806,807],{"class":329},")",[315,809,360],{"class":325},[811,812,814],"h2",{"id":813},"config-structure","Config structure",[282,816,817,819],{},[286,818,288],{}," combines component overrides and feature configs:",[821,822,823,836],"table",{},[824,825,826],"thead",{},[827,828,829,833],"tr",{},[830,831,832],"th",{},"Key",[830,834,835],{},"Description",[837,838,839,853,882,904,914,928,940,952,964,976,988,1000,1010,1020,1030,1042,1054],"tbody",{},[827,840,841,846],{},[842,843,844],"td",{},[286,845,296],{},[842,847,848,849],{},"Array of step definitions. ",[850,851,852],"strong",{},"Required.",[827,854,855,860],{},[842,856,857],{},[286,858,859],{},"size",[842,861,862,863,866,867,866,870,866,873,866,876,866,879],{},"Widget size — ",[286,864,865],{},"xs",", ",[286,868,869],{},"sm",[286,871,872],{},"md",[286,874,875],{},"lg",[286,877,878],{},"xl",[286,880,881],{},"xxl",[827,883,884,889],{},[842,885,886],{},[286,887,888],{},"shape",[842,890,891,892,866,895,866,898,866,901],{},"Widget shape — ",[286,893,894],{},"circle",[286,896,897],{},"square",[286,899,900],{},"portrait",[286,902,903],{},"landscape",[827,905,906,911],{},[842,907,908],{},[286,909,910],{},"container",[842,912,913],{},"Outer container props — custom classes/styles",[827,915,916,921],{},[842,917,918],{},[286,919,920],{},"tourOverlay",[842,922,923,924,927],{},"Spotlight overlay. Pass ",[286,925,926],{},"false"," to disable.",[827,929,930,935],{},[842,931,932],{},[286,933,934],{},"tourTooltip",[842,936,937,938,927],{},"Tooltip with title/description. Pass ",[286,939,926],{},[827,941,942,947],{},[842,943,944],{},[286,945,946],{},"tourImage",[842,948,949,950,927],{},"Image inside the tooltip. Pass ",[286,951,926],{},[827,953,954,959],{},[842,955,956],{},[286,957,958],{},"tourButtons",[842,960,961,962,927],{},"Prev/next/finish/skip buttons. Pass ",[286,963,926],{},[827,965,966,971],{},[842,967,968],{},[286,969,970],{},"tourProgress",[842,972,973,974,927],{},"Progress indicator. Pass ",[286,975,926],{},[827,977,978,983],{},[842,979,980],{},[286,981,982],{},"tourSkip",[842,984,985,986,927],{},"\"Don't show again\" checkbox. Pass ",[286,987,926],{},[827,989,990,995],{},[842,991,992],{},[286,993,994],{},"closeButton",[842,996,997,998,927],{},"Close button. Pass ",[286,999,926],{},[827,1001,1002,1007],{},[842,1003,1004],{},[286,1005,1006],{},"tour",[842,1008,1009],{},"Tour behavior — startStep, lifecycle callbacks, keyboard control",[827,1011,1012,1017],{},[842,1013,1014],{},[286,1015,1016],{},"visibility",[842,1018,1019],{},"Initial visibility state and animation",[827,1021,1022,1027],{},[842,1023,1024],{},[286,1025,1026],{},"responsive",[842,1028,1029],{},"Breakpoint-specific overrides",[827,1031,1032,1037],{},[842,1033,1034],{},[286,1035,1036],{},"scroll",[842,1038,1039,1040,927],{},"Smooth scroll to target. Pass ",[286,1041,926],{},[827,1043,1044,1049],{},[842,1045,1046],{},[286,1047,1048],{},"skip",[842,1050,1051,1052,927],{},"Skip feature persistence. Pass ",[286,1053,926],{},[827,1055,1056,1061],{},[842,1057,1058],{},[286,1059,1060],{},"animation",[842,1062,1063,1064,927],{},"Tooltip/overlay animations. Pass ",[286,1065,926],{},[811,1067,1069],{"id":1068},"disabling-components","Disabling components",[282,1071,1072,1073,1075],{},"Pass ",[286,1074,926],{}," to any component key to remove it from the tour entirely:",[299,1077,1078],{},[302,1079],{":config":1080},"{\"steps\":[{\"target\":\"#disabling-components\",\"title\":\"Quiet mode\",\"description\":\"No buttons, no progress dots, no skip checkbox, no close button — just the spotlight and this card.\",\"placement\":\"bottom-start\"},{\"target\":\"#config-structure\",\"title\":\"Minimal config\",\"description\":\"With all components disabled, the only required field left is steps.\",\"placement\":\"middle-end\"}],\"tourSkip\":false,\"tourButtons\":false,\"tourProgress\":false,\"closeButton\":false}",[282,1082,1083],{},"Compare this to the live demo above the fold: that one shows every component enabled with progress dots; this one strips them all down to the spotlight and tooltip text.",[306,1085,1087],{"className":308,"code":1086,"language":310,"meta":311,"style":311},"await borda.mount({\n  steps: [\n    {\n      target: '#announcement-banner',\n      title: 'New feature available',\n      description: 'A one-off spotlight with no navigation chrome — pair it with your own dismiss logic.',\n      placement: ComponentPlacement.BOTTOM_CENTER,\n    },\n  ],\n  tourSkip: false,\n  tourButtons: false,\n  tourProgress: false,\n  closeButton: false,\n});\n",[286,1088,1089,1104,1112,1116,1131,1146,1161,1175,1179,1185,1198,1209,1219,1230],{"__ignoreMap":311},[315,1090,1091,1094,1096,1098,1100,1102],{"class":317,"line":318},[315,1092,1093],{"class":321},"await",[315,1095,428],{"class":329},[315,1097,431],{"class":325},[315,1099,434],{"class":402},[315,1101,437],{"class":329},[315,1103,440],{"class":325},[315,1105,1106,1108,1110],{"class":317,"line":363},[315,1107,447],{"class":446},[315,1109,450],{"class":325},[315,1111,453],{"class":329},[315,1113,1114],{"class":317,"line":370},[315,1115,459],{"class":325},[315,1117,1118,1120,1122,1124,1127,1129],{"class":317,"line":384},[315,1119,465],{"class":446},[315,1121,450],{"class":325},[315,1123,350],{"class":325},[315,1125,1126],{"class":353},"#announcement-banner",[315,1128,357],{"class":325},[315,1130,477],{"class":325},[315,1132,1133,1135,1137,1139,1142,1144],{"class":317,"line":389},[315,1134,483],{"class":446},[315,1136,450],{"class":325},[315,1138,350],{"class":325},[315,1140,1141],{"class":353},"New feature available",[315,1143,357],{"class":325},[315,1145,477],{"class":325},[315,1147,1148,1150,1152,1154,1157,1159],{"class":317,"line":410},[315,1149,500],{"class":446},[315,1151,450],{"class":325},[315,1153,350],{"class":325},[315,1155,1156],{"class":353},"A one-off spotlight with no navigation chrome — pair it with your own dismiss logic.",[315,1158,357],{"class":325},[315,1160,477],{"class":325},[315,1162,1163,1165,1167,1169,1171,1173],{"class":317,"line":415},[315,1164,517],{"class":446},[315,1166,450],{"class":325},[315,1168,336],{"class":329},[315,1170,431],{"class":325},[315,1172,601],{"class":329},[315,1174,477],{"class":325},[315,1176,1177],{"class":317,"line":443},[315,1178,534],{"class":325},[315,1180,1181,1183],{"class":317,"line":456},[315,1182,762],{"class":329},[315,1184,477],{"class":325},[315,1186,1187,1190,1192,1196],{"class":317,"line":462},[315,1188,1189],{"class":446},"  tourSkip",[315,1191,450],{"class":325},[315,1193,1195],{"class":1194},"sfNiH"," false",[315,1197,477],{"class":325},[315,1199,1200,1203,1205,1207],{"class":317,"line":480},[315,1201,1202],{"class":446},"  tourButtons",[315,1204,450],{"class":325},[315,1206,1195],{"class":1194},[315,1208,477],{"class":325},[315,1210,1211,1213,1215,1217],{"class":317,"line":497},[315,1212,770],{"class":446},[315,1214,450],{"class":325},[315,1216,1195],{"class":1194},[315,1218,477],{"class":325},[315,1220,1221,1224,1226,1228],{"class":317,"line":514},[315,1222,1223],{"class":446},"  closeButton",[315,1225,450],{"class":325},[315,1227,1195],{"class":1194},[315,1229,477],{"class":325},[315,1231,1232,1234,1236],{"class":317,"line":531},[315,1233,804],{"class":325},[315,1235,807],{"class":329},[315,1237,360],{"class":325},[282,1239,1240],{},"This is different from hiding — a disabled component is never rendered in the DOM.",[811,1242,1244],{"id":1243},"runtime-updates","Runtime updates",[282,1246,1247],{},"After mount, modify any config property through the instance — useful for reacting to screen size, user plan, or A/B test variant without unmounting:",[306,1249,1251],{"className":308,"code":1250,"language":310,"meta":311,"style":311},"import { useBorda, ComponentSize } from '@retoo/borda';\n\nimport '@retoo/borda/styles';\n\nconst borda = useBorda();\n\nconst instance = await borda.mount({\n  steps: [\n    {\n      target: '#trial-banner',\n      title: \"You're on a free trial\",\n      description: 'Upgrade any time from account settings.',\n      placement: 'bottom-center',\n    },\n  ],\n});\n\n// Deep merge — only the specified fields are updated\n// e.g. enlarge the widget and hide skip once the user is on their 3rd session\ninstance.config.mergeConfig({\n  size: ComponentSize.LG,\n  tourButtons: { skip: false },\n});\n\n// Full replacement — e.g. switch to a different flow after the user upgrades\ninstance.config.setConfig({\n  steps: [\n    {\n      target: '#billing-section',\n      title: \"You're on the Pro plan\",\n      description: 'Manage your subscription and invoices here.',\n      placement: 'bottom-center',\n    },\n  ],\n});\n",[286,1252,1253,1278,1282,1294,1298,1312,1316,1336,1344,1348,1363,1380,1395,1410,1414,1420,1428,1432,1438,1443,1462,1478,1496,1504,1508,1513,1530,1538,1542,1557,1572,1587,1601,1605,1611],{"__ignoreMap":311},[315,1254,1255,1257,1259,1261,1263,1266,1268,1270,1272,1274,1276],{"class":317,"line":318},[315,1256,322],{"class":321},[315,1258,326],{"class":325},[315,1260,330],{"class":329},[315,1262,333],{"class":325},[315,1264,1265],{"class":329}," ComponentSize",[315,1267,344],{"class":325},[315,1269,347],{"class":321},[315,1271,350],{"class":325},[315,1273,354],{"class":353},[315,1275,357],{"class":325},[315,1277,360],{"class":325},[315,1279,1280],{"class":317,"line":363},[315,1281,367],{"emptyLinePlaceholder":366},[315,1283,1284,1286,1288,1290,1292],{"class":317,"line":370},[315,1285,322],{"class":321},[315,1287,350],{"class":325},[315,1289,377],{"class":353},[315,1291,357],{"class":325},[315,1293,360],{"class":325},[315,1295,1296],{"class":317,"line":384},[315,1297,367],{"emptyLinePlaceholder":366},[315,1299,1300,1302,1304,1306,1308,1310],{"class":317,"line":389},[315,1301,393],{"class":392},[315,1303,396],{"class":329},[315,1305,399],{"class":325},[315,1307,330],{"class":402},[315,1309,405],{"class":329},[315,1311,360],{"class":325},[315,1313,1314],{"class":317,"line":410},[315,1315,367],{"emptyLinePlaceholder":366},[315,1317,1318,1320,1322,1324,1326,1328,1330,1332,1334],{"class":317,"line":415},[315,1319,393],{"class":392},[315,1321,420],{"class":329},[315,1323,399],{"class":325},[315,1325,425],{"class":321},[315,1327,428],{"class":329},[315,1329,431],{"class":325},[315,1331,434],{"class":402},[315,1333,437],{"class":329},[315,1335,440],{"class":325},[315,1337,1338,1340,1342],{"class":317,"line":443},[315,1339,447],{"class":446},[315,1341,450],{"class":325},[315,1343,453],{"class":329},[315,1345,1346],{"class":317,"line":456},[315,1347,459],{"class":325},[315,1349,1350,1352,1354,1356,1359,1361],{"class":317,"line":462},[315,1351,465],{"class":446},[315,1353,450],{"class":325},[315,1355,350],{"class":325},[315,1357,1358],{"class":353},"#trial-banner",[315,1360,357],{"class":325},[315,1362,477],{"class":325},[315,1364,1365,1367,1369,1372,1375,1378],{"class":317,"line":480},[315,1366,483],{"class":446},[315,1368,450],{"class":325},[315,1370,1371],{"class":325}," \"",[315,1373,1374],{"class":353},"You're on a free trial",[315,1376,1377],{"class":325},"\"",[315,1379,477],{"class":325},[315,1381,1382,1384,1386,1388,1391,1393],{"class":317,"line":497},[315,1383,500],{"class":446},[315,1385,450],{"class":325},[315,1387,350],{"class":325},[315,1389,1390],{"class":353},"Upgrade any time from account settings.",[315,1392,357],{"class":325},[315,1394,477],{"class":325},[315,1396,1397,1399,1401,1403,1406,1408],{"class":317,"line":514},[315,1398,517],{"class":446},[315,1400,450],{"class":325},[315,1402,350],{"class":325},[315,1404,1405],{"class":353},"bottom-center",[315,1407,357],{"class":325},[315,1409,477],{"class":325},[315,1411,1412],{"class":317,"line":531},[315,1413,534],{"class":325},[315,1415,1416,1418],{"class":317,"line":537},[315,1417,762],{"class":329},[315,1419,477],{"class":325},[315,1421,1422,1424,1426],{"class":317,"line":542},[315,1423,804],{"class":325},[315,1425,807],{"class":329},[315,1427,360],{"class":325},[315,1429,1430],{"class":317,"line":558},[315,1431,367],{"emptyLinePlaceholder":366},[315,1433,1434],{"class":317,"line":574},[315,1435,1437],{"class":1436},"sHwdD","// Deep merge — only the specified fields are updated\n",[315,1439,1440],{"class":317,"line":590},[315,1441,1442],{"class":1436},"// e.g. enlarge the widget and hide skip once the user is on their 3rd session\n",[315,1444,1445,1448,1450,1453,1455,1458,1460],{"class":317,"line":606},[315,1446,1447],{"class":329},"instance",[315,1449,431],{"class":325},[315,1451,1452],{"class":329},"config",[315,1454,431],{"class":325},[315,1456,1457],{"class":402},"mergeConfig",[315,1459,437],{"class":329},[315,1461,440],{"class":325},[315,1463,1464,1467,1469,1471,1473,1476],{"class":317,"line":611},[315,1465,1466],{"class":446},"  size",[315,1468,450],{"class":325},[315,1470,1265],{"class":329},[315,1472,431],{"class":325},[315,1474,1475],{"class":329},"LG",[315,1477,477],{"class":325},[315,1479,1480,1482,1484,1486,1489,1491,1493],{"class":317,"line":616},[315,1481,1202],{"class":446},[315,1483,450],{"class":325},[315,1485,326],{"class":325},[315,1487,1488],{"class":446}," skip",[315,1490,450],{"class":325},[315,1492,1195],{"class":1194},[315,1494,1495],{"class":325}," },\n",[315,1497,1498,1500,1502],{"class":317,"line":632},[315,1499,804],{"class":325},[315,1501,807],{"class":329},[315,1503,360],{"class":325},[315,1505,1506],{"class":317,"line":648},[315,1507,367],{"emptyLinePlaceholder":366},[315,1509,1510],{"class":317,"line":664},[315,1511,1512],{"class":1436},"// Full replacement — e.g. switch to a different flow after the user upgrades\n",[315,1514,1515,1517,1519,1521,1523,1526,1528],{"class":317,"line":680},[315,1516,1447],{"class":329},[315,1518,431],{"class":325},[315,1520,1452],{"class":329},[315,1522,431],{"class":325},[315,1524,1525],{"class":402},"setConfig",[315,1527,437],{"class":329},[315,1529,440],{"class":325},[315,1531,1532,1534,1536],{"class":317,"line":685},[315,1533,447],{"class":446},[315,1535,450],{"class":325},[315,1537,453],{"class":329},[315,1539,1540],{"class":317,"line":690},[315,1541,459],{"class":325},[315,1543,1544,1546,1548,1550,1553,1555],{"class":317,"line":706},[315,1545,465],{"class":446},[315,1547,450],{"class":325},[315,1549,350],{"class":325},[315,1551,1552],{"class":353},"#billing-section",[315,1554,357],{"class":325},[315,1556,477],{"class":325},[315,1558,1559,1561,1563,1565,1568,1570],{"class":317,"line":722},[315,1560,483],{"class":446},[315,1562,450],{"class":325},[315,1564,1371],{"class":325},[315,1566,1567],{"class":353},"You're on the Pro plan",[315,1569,1377],{"class":325},[315,1571,477],{"class":325},[315,1573,1574,1576,1578,1580,1583,1585],{"class":317,"line":738},[315,1575,500],{"class":446},[315,1577,450],{"class":325},[315,1579,350],{"class":325},[315,1581,1582],{"class":353},"Manage your subscription and invoices here.",[315,1584,357],{"class":325},[315,1586,477],{"class":325},[315,1588,1589,1591,1593,1595,1597,1599],{"class":317,"line":754},[315,1590,517],{"class":446},[315,1592,450],{"class":325},[315,1594,350],{"class":325},[315,1596,1405],{"class":353},[315,1598,357],{"class":325},[315,1600,477],{"class":325},[315,1602,1603],{"class":317,"line":759},[315,1604,534],{"class":325},[315,1606,1607,1609],{"class":317,"line":767},[315,1608,762],{"class":329},[315,1610,477],{"class":325},[315,1612,1613,1615,1617],{"class":317,"line":778},[315,1614,804],{"class":325},[315,1616,807],{"class":329},[315,1618,360],{"class":325},[282,1620,1621],{},"Both methods trigger a reactive update — the widget re-renders immediately without remounting.",[811,1623,1625],{"id":1624},"customization","Customization",[282,1627,1628,1629,1632,1633,1636],{},"Most components accept ",[286,1630,1631],{},"customClasses"," and ",[286,1634,1635],{},"customStyles"," for visual overrides without modifying the source. Classes are merged with the defaults; styles are applied as inline CSS.",[299,1638,1639],{},[302,1640],{":config":1641},"{\"steps\":[{\"target\":\"#runtime-updates\",\"title\":\"Runtime updates\",\"description\":\"Modify any config property after mount through mergeConfig or setConfig — no need to remount.\",\"placement\":\"bottom-start\"},{\"target\":\"#customization\",\"title\":\"Custom classes\",\"description\":\"Most components accept customClasses and customStyles for visual overrides.\",\"placement\":\"middle-end\"}],\"tourTooltip\":{\"customStyles\":{\"root\":{\"borderRadius\":\"4px\",\"background\":\"#fafaf9\",\"border\":\"2px solid\"}}}}",[306,1643,1645],{"className":308,"code":1644,"language":310,"meta":311,"style":311},"await borda.mount({\n  steps: [\n    {\n      target: '#cta-button',\n      title: 'Branded tooltip',\n      description: 'Custom classes and inline styles, no source modification required.',\n      placement: ComponentPlacement.BOTTOM_CENTER,\n    },\n  ],\n  tourTooltip: {\n    customClasses: {\n      root: 'my-tooltip',\n      title: 'text-lg font-bold',\n    },\n    customStyles: {\n      root: {\n        borderRadius: '4px',\n        background: '#fafaf9',\n        border: '2px solid #18181b',\n      },\n    },\n  },\n});\n",[286,1646,1647,1661,1669,1673,1688,1703,1718,1732,1736,1742,1751,1760,1776,1791,1795,1804,1812,1828,1844,1860,1865,1869,1873],{"__ignoreMap":311},[315,1648,1649,1651,1653,1655,1657,1659],{"class":317,"line":318},[315,1650,1093],{"class":321},[315,1652,428],{"class":329},[315,1654,431],{"class":325},[315,1656,434],{"class":402},[315,1658,437],{"class":329},[315,1660,440],{"class":325},[315,1662,1663,1665,1667],{"class":317,"line":363},[315,1664,447],{"class":446},[315,1666,450],{"class":325},[315,1668,453],{"class":329},[315,1670,1671],{"class":317,"line":370},[315,1672,459],{"class":325},[315,1674,1675,1677,1679,1681,1684,1686],{"class":317,"line":384},[315,1676,465],{"class":446},[315,1678,450],{"class":325},[315,1680,350],{"class":325},[315,1682,1683],{"class":353},"#cta-button",[315,1685,357],{"class":325},[315,1687,477],{"class":325},[315,1689,1690,1692,1694,1696,1699,1701],{"class":317,"line":389},[315,1691,483],{"class":446},[315,1693,450],{"class":325},[315,1695,350],{"class":325},[315,1697,1698],{"class":353},"Branded tooltip",[315,1700,357],{"class":325},[315,1702,477],{"class":325},[315,1704,1705,1707,1709,1711,1714,1716],{"class":317,"line":410},[315,1706,500],{"class":446},[315,1708,450],{"class":325},[315,1710,350],{"class":325},[315,1712,1713],{"class":353},"Custom classes and inline styles, no source modification required.",[315,1715,357],{"class":325},[315,1717,477],{"class":325},[315,1719,1720,1722,1724,1726,1728,1730],{"class":317,"line":415},[315,1721,517],{"class":446},[315,1723,450],{"class":325},[315,1725,336],{"class":329},[315,1727,431],{"class":325},[315,1729,601],{"class":329},[315,1731,477],{"class":325},[315,1733,1734],{"class":317,"line":443},[315,1735,534],{"class":325},[315,1737,1738,1740],{"class":317,"line":456},[315,1739,762],{"class":329},[315,1741,477],{"class":325},[315,1743,1744,1747,1749],{"class":317,"line":462},[315,1745,1746],{"class":446},"  tourTooltip",[315,1748,450],{"class":325},[315,1750,775],{"class":325},[315,1752,1753,1756,1758],{"class":317,"line":480},[315,1754,1755],{"class":446},"    customClasses",[315,1757,450],{"class":325},[315,1759,775],{"class":325},[315,1761,1762,1765,1767,1769,1772,1774],{"class":317,"line":497},[315,1763,1764],{"class":446},"      root",[315,1766,450],{"class":325},[315,1768,350],{"class":325},[315,1770,1771],{"class":353},"my-tooltip",[315,1773,357],{"class":325},[315,1775,477],{"class":325},[315,1777,1778,1780,1782,1784,1787,1789],{"class":317,"line":514},[315,1779,483],{"class":446},[315,1781,450],{"class":325},[315,1783,350],{"class":325},[315,1785,1786],{"class":353},"text-lg font-bold",[315,1788,357],{"class":325},[315,1790,477],{"class":325},[315,1792,1793],{"class":317,"line":531},[315,1794,534],{"class":325},[315,1796,1797,1800,1802],{"class":317,"line":537},[315,1798,1799],{"class":446},"    customStyles",[315,1801,450],{"class":325},[315,1803,775],{"class":325},[315,1805,1806,1808,1810],{"class":317,"line":542},[315,1807,1764],{"class":446},[315,1809,450],{"class":325},[315,1811,775],{"class":325},[315,1813,1814,1817,1819,1821,1824,1826],{"class":317,"line":558},[315,1815,1816],{"class":446},"        borderRadius",[315,1818,450],{"class":325},[315,1820,350],{"class":325},[315,1822,1823],{"class":353},"4px",[315,1825,357],{"class":325},[315,1827,477],{"class":325},[315,1829,1830,1833,1835,1837,1840,1842],{"class":317,"line":574},[315,1831,1832],{"class":446},"        background",[315,1834,450],{"class":325},[315,1836,350],{"class":325},[315,1838,1839],{"class":353},"#fafaf9",[315,1841,357],{"class":325},[315,1843,477],{"class":325},[315,1845,1846,1849,1851,1853,1856,1858],{"class":317,"line":590},[315,1847,1848],{"class":446},"        border",[315,1850,450],{"class":325},[315,1852,350],{"class":325},[315,1854,1855],{"class":353},"2px solid #18181b",[315,1857,357],{"class":325},[315,1859,477],{"class":325},[315,1861,1862],{"class":317,"line":606},[315,1863,1864],{"class":325},"      },\n",[315,1866,1867],{"class":317,"line":611},[315,1868,534],{"class":325},[315,1870,1871],{"class":317,"line":616},[315,1872,798],{"class":325},[315,1874,1875,1877,1879],{"class":317,"line":632},[315,1876,804],{"class":325},[315,1878,807],{"class":329},[315,1880,360],{"class":325},[1882,1883,1884],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":311,"searchDepth":318,"depth":363,"links":1886},[1887,1888,1889,1890],{"id":813,"depth":363,"text":814},{"id":1068,"depth":363,"text":1069},{"id":1243,"depth":363,"text":1244},{"id":1624,"depth":363,"text":1625},"Structure of BordaConfig and the principle of disabling components with false.",null,{},{"title":28,"description":1891},"5t50zXJilvNDyzFmLffFXAnDZNJWimpG73LbqJhEcLc",[1897,1899],{"title":19,"path":20,"stem":21,"description":1898,"children":-1},"Set up your first onboarding in under 5 minutes.",{"title":32,"path":33,"stem":34,"description":1900,"children":-1},"Configure widget dimensions with ComponentSize — xs, sm, md, lg, xl, xxl.",1784550670486]