[{"data":1,"prerenderedAt":588},["ShallowReactive",2],{"navigation":3,"/getting-started/installation":272,"/getting-started/installation-surround":583},[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":15,"body":274,"description":577,"extension":578,"links":579,"meta":580,"navigation":469,"path":16,"seo":581,"stem":17,"__hash__":582},"docs/01.getting-started/2.installation.md",{"type":275,"value":276,"toc":571},"minimark",[277,282,286,373,376,402,410,414,426,430,433,530,534,557,567],[278,279,281],"h2",{"id":280},"package-manager","Package manager",[283,284,285],"p",{},"Install the package using your preferred package manager:",[287,288,290,321,339,356],"tabs",{"variant":289},"link",[291,292,295],"tabs-item",{"icon":293,"label":294},"i-simple-icons-npm","npm",[296,297,303],"pre",{"className":298,"code":299,"filename":300,"language":301,"meta":302,"style":302},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @retoo/borda\n","Terminal","bash","",[304,305,306],"code",{"__ignoreMap":302},[307,308,311,314,318],"span",{"class":309,"line":310},"line",1,[307,312,294],{"class":313},"sBMFI",[307,315,317],{"class":316},"sfazB"," install",[307,319,320],{"class":316}," @retoo/borda\n",[291,322,325],{"icon":323,"label":324},"i-simple-icons-pnpm","pnpm",[296,326,328],{"className":298,"code":327,"filename":300,"language":301,"meta":302,"style":302},"pnpm add @retoo/borda\n",[304,329,330],{"__ignoreMap":302},[307,331,332,334,337],{"class":309,"line":310},[307,333,324],{"class":313},[307,335,336],{"class":316}," add",[307,338,320],{"class":316},[291,340,343],{"icon":341,"label":342},"i-simple-icons-yarn","yarn",[296,344,346],{"className":298,"code":345,"filename":300,"language":301,"meta":302,"style":302},"yarn add @retoo/borda\n",[304,347,348],{"__ignoreMap":302},[307,349,350,352,354],{"class":309,"line":310},[307,351,342],{"class":313},[307,353,336],{"class":316},[307,355,320],{"class":316},[291,357,360],{"icon":358,"label":359},"i-simple-icons-bun","bun",[296,361,363],{"className":298,"code":362,"filename":300,"language":301,"meta":302,"style":302},"bun add @retoo/borda\n",[304,364,365],{"__ignoreMap":302},[307,366,367,369,371],{"class":309,"line":310},[307,368,359],{"class":313},[307,370,336],{"class":316},[307,372,320],{"class":316},[283,374,375],{},"The stylesheet must be imported separately — without it the widget mounts into the DOM but renders without any visual styling:",[296,377,381],{"className":378,"code":379,"language":380,"meta":302,"style":302},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import '@retoo/borda/styles';\n","ts",[304,382,383],{"__ignoreMap":302},[307,384,385,389,393,396,399],{"class":309,"line":310},[307,386,388],{"class":387},"s7zQu","import",[307,390,392],{"class":391},"sMK4o"," '",[307,394,395],{"class":316},"@retoo/borda/styles",[307,397,398],{"class":391},"'",[307,400,401],{"class":391},";\n",[403,404,407],"callout",{"icon":405,"color":406},"i-lucide-alert-triangle","warning",[283,408,409],{},"Missing the CSS import is the most common setup issue. If the widget mounts but appears invisible or unstyled, check this import first.",[278,411,413],{"id":412},"cdn","CDN",[283,415,416,417,420,421,425],{},"For environments without a bundler (static HTML, WordPress, Webflow), load Borda via a ",[304,418,419],{},"\u003Cscript>"," tag. See the ",[422,423,249],"a",{"href":424},"/distribution/formats#umd"," page for full CDN setup instructions.",[278,427,429],{"id":428},"verify-installation","Verify installation",[283,431,432],{},"Confirm that the package is resolved correctly by checking the exported metadata:",[296,434,436],{"className":378,"code":435,"language":380,"meta":302,"style":302},"import { useBorda } from '@retoo/borda';\n\nconst { NAME, VERSION } = useBorda();\n\nconsole.log(NAME, VERSION);\n",[304,437,438,464,471,503,508],{"__ignoreMap":302},[307,439,440,442,445,449,452,455,457,460,462],{"class":309,"line":310},[307,441,388],{"class":387},[307,443,444],{"class":391}," {",[307,446,448],{"class":447},"sTEyZ"," useBorda",[307,450,451],{"class":391}," }",[307,453,454],{"class":387}," from",[307,456,392],{"class":391},[307,458,459],{"class":316},"@retoo/borda",[307,461,398],{"class":391},[307,463,401],{"class":391},[307,465,467],{"class":309,"line":466},2,[307,468,470],{"emptyLinePlaceholder":469},true,"\n",[307,472,474,478,480,483,486,489,492,495,498,501],{"class":309,"line":473},3,[307,475,477],{"class":476},"spNyl","const",[307,479,444],{"class":391},[307,481,482],{"class":447}," NAME",[307,484,485],{"class":391},",",[307,487,488],{"class":447}," VERSION ",[307,490,491],{"class":391},"}",[307,493,494],{"class":391}," =",[307,496,448],{"class":497},"s2Zo4",[307,499,500],{"class":447},"()",[307,502,401],{"class":391},[307,504,506],{"class":309,"line":505},4,[307,507,470],{"emptyLinePlaceholder":469},[307,509,511,514,517,520,523,525,528],{"class":309,"line":510},5,[307,512,513],{"class":447},"console",[307,515,516],{"class":391},".",[307,518,519],{"class":497},"log",[307,521,522],{"class":447},"(NAME",[307,524,485],{"class":391},[307,526,527],{"class":447}," VERSION)",[307,529,401],{"class":391},[278,531,533],{"id":532},"requirements","Requirements",[535,536,537,545,551],"field-group",{},[538,539,542],"field",{"name":540,"type":541},"Browser","string",[283,543,544],{},"Any modern browser supporting ES2020+ (Chrome 80+, Firefox 80+, Safari 14+, Edge 80+).",[538,546,548],{"name":547,"type":541},"Node.js",[283,549,550],{},"16.0 or later (for SSR / CommonJS usage).",[538,552,554],{"name":553,"type":541},"Bundler",[283,555,556],{},"Any bundler with ES Module support — Vite, Webpack 5+, Rollup, esbuild.",[403,558,560],{"icon":559,"to":20},"i-lucide-arrow-right",[283,561,562,563,566],{},"Package installed? Let's build your first onboarding flow in the ",[564,565,19],"strong",{}," guide.",[568,569,570],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":302,"searchDepth":310,"depth":466,"links":572},[573,574,575,576],{"id":280,"depth":466,"text":281},{"id":412,"depth":466,"text":413},{"id":428,"depth":466,"text":429},{"id":532,"depth":466,"text":533},"Install @retoo/borda via npm, pnpm, yarn, or connect via CDN.","md",null,{},{"title":15,"description":577},"NG9HkqoIetg0LLrpMg3lzfouJZG2uMSzh98_gCwhC8E",[584,586],{"title":11,"path":12,"stem":13,"description":585,"children":-1},"Embeddable onboarding widget for any website. Framework-agnostic, SSR-safe.",{"title":19,"path":20,"stem":21,"description":587,"children":-1},"Set up your first onboarding in under 5 minutes.",1784550673913]