0:["$","$L3",null,{"buildId":"62R-xzNgoWhL4oQH9k8aj","assetPrefix":"","urlParts":["","components","swiper"],"initialTree":["",{"children":["components",{"children":[["id","swiper","d"],{"children":["__PAGE__?{\"id\":\"swiper\"}",{}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["components",{"children":[["id","swiper","d"],{"children":["__PAGE__",{},[["$L4",[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ spaceBetween: 0 })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Swiper","pathToFile":"/Swiper/docs/examples/overview.tsx","withCodeEditor":true}]}],["$","$L7",null,{"packageName":"swiper","usage":"Swiper, useSwiper"}],["$","$L5",null,{"maxW":"100%","children":["$","$L8",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]}],["$","$L5",null,{"maxW":"100%","children":[["$","$L8",null,{"as":"h3","id":"slides-per-view","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#slides-per-view","textDecoration":{"hover":"underline"},"children":"Slides per view"}]}],"\n",["$","$L9","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Providing ","position":{"start":{"line":4,"column":1,"offset":22},"end":{"line":4,"column":11,"offset":32}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"slidesPerView","position":{"start":{"line":4,"column":11,"offset":32},"end":{"line":4,"column":26,"offset":47}}}],"position":{"start":{"line":4,"column":11,"offset":32},"end":{"line":4,"column":26,"offset":47}}},{"type":"text","value":" with ","position":{"start":{"line":4,"column":26,"offset":47},"end":{"line":4,"column":32,"offset":53}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"{ mobile: 1, tablet: 1, desktop: 2 }","position":{"start":{"line":4,"column":32,"offset":53},"end":{"line":4,"column":70,"offset":91}}}],"position":{"start":{"line":4,"column":32,"offset":53},"end":{"line":4,"column":70,"offset":91}}},{"type":"text","value":" will show 1 slide per view on mobile and tablet and 2 slides per view on desktop.","position":{"start":{"line":4,"column":70,"offset":91},"end":{"line":4,"column":152,"offset":173}}}],"position":{"start":{"line":4,"column":1,"offset":22},"end":{"line":4,"column":152,"offset":173}}},"children":["Providing ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"slidesPerView"}]," with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"{ mobile: 1, tablet: 1, desktop: 2 }"}]," will show 1 slide per view on mobile and tablet and 2 slides per view on desktop."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ slidesPerView: { mobile: 1, tablet: 1, desktop: 2 } })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/slides-per-view.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"first-slide-to-show","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#first-slide-to-show","textDecoration":{"hover":"underline"},"children":"First slide to show"}]}],"\n",["$","$L9","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By providing ","position":{"start":{"line":10,"column":1,"offset":275},"end":{"line":10,"column":14,"offset":288}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"firstSlideToShow","position":{"start":{"line":10,"column":14,"offset":288},"end":{"line":10,"column":32,"offset":306}}}],"position":{"start":{"line":10,"column":14,"offset":288},"end":{"line":10,"column":32,"offset":306}}},{"type":"text","value":" with ","position":{"start":{"line":10,"column":32,"offset":306},"end":{"line":10,"column":38,"offset":312}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"2","position":{"start":{"line":10,"column":38,"offset":312},"end":{"line":10,"column":41,"offset":315}}}],"position":{"start":{"line":10,"column":38,"offset":312},"end":{"line":10,"column":41,"offset":315}}},{"type":"text","value":", the swiper will begin on the second slide.","position":{"start":{"line":10,"column":41,"offset":315},"end":{"line":10,"column":85,"offset":359}}}],"position":{"start":{"line":10,"column":1,"offset":275},"end":{"line":10,"column":85,"offset":359}}},"children":["By providing ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"firstSlideToShow"}]," with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"2"}],", the swiper will begin on the second slide."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ firstSlideToShow: 2 })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/first.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"centered-slides","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#centered-slides","textDecoration":{"hover":"underline"},"children":"Centered slides"}]}],"\n",["$","$L9","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By providing ","position":{"start":{"line":16,"column":1,"offset":447},"end":{"line":16,"column":14,"offset":460}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"centeredSlides","position":{"start":{"line":16,"column":14,"offset":460},"end":{"line":16,"column":30,"offset":476}}}],"position":{"start":{"line":16,"column":14,"offset":460},"end":{"line":16,"column":30,"offset":476}}},{"type":"text","value":", the swiper will begin on the middle slide, ","position":{"start":{"line":16,"column":30,"offset":476},"end":{"line":16,"column":75,"offset":521}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"firstSlideToShow","position":{"start":{"line":16,"column":75,"offset":521},"end":{"line":16,"column":93,"offset":539}}}],"position":{"start":{"line":16,"column":75,"offset":521},"end":{"line":16,"column":93,"offset":539}}},{"type":"text","value":" won't be used in this case.","position":{"start":{"line":16,"column":93,"offset":539},"end":{"line":16,"column":121,"offset":567}}}],"position":{"start":{"line":16,"column":1,"offset":447},"end":{"line":16,"column":121,"offset":567}}},"children":["By providing ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"centeredSlides"}],", the swiper will begin on the middle slide, ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"firstSlideToShow"}]," won't be used in this case."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ firstSlideToShow: 2, centeredSlides: true })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/centered.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"autoplay","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#autoplay","textDecoration":{"hover":"underline"},"children":"Autoplay"}]}],"\n",["$","$L9","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Providing ","position":{"start":{"line":22,"column":1,"offset":651},"end":{"line":22,"column":11,"offset":661}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"autoplay","position":{"start":{"line":22,"column":11,"offset":661},"end":{"line":22,"column":21,"offset":671}}}],"position":{"start":{"line":22,"column":11,"offset":661},"end":{"line":22,"column":21,"offset":671}}},{"type":"text","value":" lets the slides advance automatically. Pass ","position":{"start":{"line":22,"column":21,"offset":671},"end":{"line":22,"column":66,"offset":716}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"duration","position":{"start":{"line":22,"column":66,"offset":716},"end":{"line":22,"column":76,"offset":726}}}],"position":{"start":{"line":22,"column":66,"offset":716},"end":{"line":22,"column":76,"offset":726}}},{"type":"text","value":" to control the amount of time each slide shows for.","position":{"start":{"line":22,"column":76,"offset":726},"end":{"line":22,"column":128,"offset":778}}}],"position":{"start":{"line":22,"column":1,"offset":651},"end":{"line":22,"column":128,"offset":778}}},"children":["Providing ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"autoplay"}]," lets the slides advance automatically. Pass ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"duration"}]," to control the amount of time each slide shows for."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ autoplay: true, loop: true })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/autoplay.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"with-pagination","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#with-pagination","textDecoration":{"hover":"underline"},"children":"With pagination"}]}],"\n",["$","$L9","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By providing the optional ","position":{"start":{"line":28,"column":1,"offset":869},"end":{"line":28,"column":27,"offset":895}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"withPagination","position":{"start":{"line":28,"column":27,"offset":895},"end":{"line":28,"column":43,"offset":911}}}],"position":{"start":{"line":28,"column":27,"offset":895},"end":{"line":28,"column":43,"offset":911}}},{"type":"text","value":" with ","position":{"start":{"line":28,"column":43,"offset":911},"end":{"line":28,"column":49,"offset":917}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"{ mobile: true, desktop: true }","position":{"start":{"line":28,"column":49,"offset":917},"end":{"line":28,"column":82,"offset":950}}}],"position":{"start":{"line":28,"column":49,"offset":917},"end":{"line":28,"column":82,"offset":950}}},{"type":"text","value":", you can activate the pagination on mobile/tablet and on desktop.","position":{"start":{"line":28,"column":82,"offset":950},"end":{"line":28,"column":148,"offset":1016}}}],"position":{"start":{"line":28,"column":1,"offset":869},"end":{"line":28,"column":148,"offset":1016}}},"children":["By providing the optional ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"withPagination"}]," with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"{ mobile: true, desktop: true }"}],", you can activate the pagination on mobile/tablet and on desktop."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ withPagination: { mobile: true, desktop: true } })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/pagination.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"without-navigation","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#without-navigation","textDecoration":{"hover":"underline"},"children":"Without navigation"}]}],"\n",["$","$L9","p-5",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By providing the optional ","position":{"start":{"line":34,"column":1,"offset":1112},"end":{"line":34,"column":27,"offset":1138}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"withNavigation","position":{"start":{"line":34,"column":27,"offset":1138},"end":{"line":34,"column":43,"offset":1154}}}],"position":{"start":{"line":34,"column":27,"offset":1138},"end":{"line":34,"column":43,"offset":1154}}},{"type":"text","value":" with ","position":{"start":{"line":34,"column":43,"offset":1154},"end":{"line":34,"column":49,"offset":1160}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"{ mobile: false, desktop: false }","position":{"start":{"line":34,"column":49,"offset":1160},"end":{"line":34,"column":84,"offset":1195}}}],"position":{"start":{"line":34,"column":49,"offset":1160},"end":{"line":34,"column":84,"offset":1195}}},{"type":"text","value":", you can hide the navigation arrows on mobile/tablet and desktop, you still can scroll between slides.","position":{"start":{"line":34,"column":84,"offset":1195},"end":{"line":34,"column":187,"offset":1298}}}],"position":{"start":{"line":34,"column":1,"offset":1112},"end":{"line":34,"column":187,"offset":1298}}},"children":["By providing the optional ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"withNavigation"}]," with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"{ mobile: false, desktop: false }"}],", you can hide the navigation arrows on mobile/tablet and desktop, you still can scroll between slides."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\n\nconst Example = () => {\n const swiper = useSwiper({ withNavigation: { mobile: false, desktop: false } })\n\n return (\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/no-navigation.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"with-dark-ui","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#with-dark-ui","textDecoration":{"hover":"underline"},"children":"With dark UI"}]}],"\n",["$","$L9","p-6",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use dark (black) colors for the pagination and arrows in case of slides too bright with ","position":{"start":{"line":40,"column":1,"offset":1391},"end":{"line":40,"column":89,"offset":1479}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"withDarkUI","position":{"start":{"line":40,"column":89,"offset":1479},"end":{"line":40,"column":101,"offset":1491}}}],"position":{"start":{"line":40,"column":89,"offset":1479},"end":{"line":40,"column":101,"offset":1491}}},{"type":"text","value":" props.","position":{"start":{"line":40,"column":101,"offset":1491},"end":{"line":40,"column":108,"offset":1498}}}],"position":{"start":{"line":40,"column":1,"offset":1391},"end":{"line":40,"column":108,"offset":1498}}},"children":["Use dark (black) colors for the pagination and arrows in case of slides too bright with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"withDarkUI"}]," props."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Swiper, useSwiper } from '@welcome-ui/swiper'\nimport { Box } from '@welcome-ui/box'\n\nconst Example = () => {\n const swiper = useSwiper({\n slidesPerView: { mobile: 1, tablet: 2, desktop: 4 },\n withPagination: { mobile: true, desktop: true },\n withDarkUI: true,\n })\n\n return (\n \n {[...Array(6)].map(item => (\n \n ))}\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Swiper","pathToFile":"/Swiper/docs/examples/dark.tsx","withCodeEditor":true}]]}]]}],["$","$La",null,{"isSubPage":true,"tree":[{"id":"definition","title":"Definition","href":"#"},{"id":"installation","title":"Installation","href":"#installation"},{"id":"examples","title":"Examples","href":"#examples","children":[{"id":"slides-per-view","title":"Slides per view","href":"#slides-per-view"},{"id":"first-slide-to-show","title":"First slide to show","href":"#first-slide-to-show"},{"id":"centered-slides","title":"Centered slides","href":"#centered-slides"},{"id":"autoplay","title":"Autoplay","href":"#autoplay"},{"id":"with-pagination","title":"With pagination","href":"#with-pagination"},{"id":"without-navigation","title":"Without navigation","href":"#without-navigation"},{"id":"with-dark-ui","title":"With dark UI","href":"#with-dark-ui"}]}]}]],null],null],null]},[[null,["$","$Lb",null,{"gap":"md","margin":"0 auto","maxWidth":1400,"pb":"3xl","px":"xl","templateColumns":{"lg":"16rem auto"},"children":[["$","$Lc",null,{"display":{"_":"none","lg":"flex"},"isSubPage":true,"menu":[{"category":"actions","parent":"components","pages":[{"id":"button","title":"Button","subPages":["props"]},{"id":"button-group","title":"ButtonGroup","subPages":["props"]},{"id":"link","title":"Link","subPages":["props"]}]},{"category":"data-display","parent":"components","pages":[{"id":"accordion","title":"Accordion","subPages":["props"]},{"id":"avatar","title":"Avatar","subPages":["props"]},{"id":"badge","title":"Badge","subPages":["props"]},{"id":"card","title":"Card","subPages":["props"]},{"id":"swiper","title":"Swiper","subPages":["props"]},{"id":"table","title":"Table","subPages":["props"]},{"id":"tag","title":"Tag","subPages":["props"]}]},{"category":"feedback","parent":"components","pages":[{"id":"alert","title":"Alert","subPages":["props"]},{"id":"toast","title":"Toast","subPages":["props"]}]},{"category":"forms","parent":"components","pages":[{"id":"checkbox","title":"Checkbox","subPages":["props"]},{"id":"date-picker","title":"DatePicker","subPages":["props"]},{"id":"date-time-picker","title":"DateTimePicker","subPages":["props"]},{"id":"field","title":"Field","subPages":["props"]},{"id":"file-drop","title":"FileDrop","subPages":["props"]},{"id":"file-upload","title":"FileUpload","subPages":["props"]},{"id":"hint","title":"Hint","subPages":["props"]},{"id":"input-text","title":"InputText","subPages":["props"]},{"id":"label","title":"Label","subPages":["props"]},{"id":"password-input","title":"PasswordInput","subPages":["props"]},{"id":"picker","title":"Picker","subPages":["props"]},{"id":"radio-group","title":"RadioGroup","subPages":["props"]},{"id":"radio-tab","title":"RadioTab","subPages":["props"]},{"id":"search","title":"Search","subPages":["props"]},{"id":"select","title":"Select","subPages":["props"]},{"id":"slider","title":"Slider","subPages":["props"]},{"id":"textarea","title":"Textarea","subPages":["props"]},{"id":"time-picker","title":"TimePicker","subPages":["props"]},{"id":"toggle","title":"Toggle","subPages":["props"]}]},{"category":"icons-&-logo","parent":"components","pages":[{"id":"icon","title":"Icons","subPages":["props"]},{"id":"icon-font","title":"IconFont","subPages":["props"]},{"id":"logo","title":"Logo","subPages":["props"]},{"id":"variant-icon","title":"VariantIcon","subPages":["props"]}]},{"category":"layout","parent":"components","pages":[{"id":"aspect-ratio","title":"AspectRatio","subPages":["props"]},{"id":"box","title":"Box","subPages":["props"]},{"id":"flex","title":"Flex","subPages":["props"]},{"id":"grid","title":"Grid","subPages":["props"]},{"id":"loader","title":"Loader","subPages":["props"]},{"id":"shape","title":"Shape","subPages":["props"]},{"id":"stack","title":"Stack","subPages":["props"]}]},{"category":"navigation","parent":"components","pages":[{"id":"breadcrumb","title":"Breadcrumb","subPages":["props"]},{"id":"dropdown-menu","title":"DropdownMenu","subPages":["props"]},{"id":"pagination","title":"Pagination","subPages":["props"]},{"id":"tabs","title":"Tabs","subPages":["props"]}]},{"category":"overlay","parent":"components","pages":[{"id":"drawer","title":"Drawer","subPages":["props"]},{"id":"modal","title":"Modal","subPages":["props"]},{"id":"popover","title":"Popover","subPages":["props"]},{"id":"tooltip","title":"Tooltip","subPages":["props"]}]},{"category":"typography","parent":"components","pages":[{"id":"text","title":"Text","subPages":["props"]}]}]}],["$","div",null,{"children":[["$","$Ld",null,{"direction":"column","gap":"xl","mb":"lg","children":[["$","$L8",null,{"pt":"3xl","variant":"h1","children":"Swiper"}],["$","$L8",null,{"color":"neutral-60","pt":"lg","variant":"lg","children":"The Swiper component is an interactive UI element that allows users to navigate through a series of content panels or images by swiping left or right. It provides a smooth and responsive experience for browsing content, making it ideal for image galleries, slideshows, and mobile interfaces. This component enhances user engagement by enabling intuitive and fluid navigation."}],["$","$Ld",null,{"align":"center","gap":"md","children":[["$","$Le",null,{"as":"a","href":"https://github.com/WTTJ/welcome-ui/tree/main/packages/Swiper","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$Lf",null,{}],["$","span",null,{"children":"Source"}]]}],["$","$Le",null,{"as":"a","href":"https://www.npmjs.com/package/@welcome-ui/swiper","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$L10",null,{}],["$","span",null,{"children":["@welcome-ui/","swiper"]}]]}],"$undefined"]}]]}],["$","$L11",null,{"pages":"$12"}],["$","$Lb",null,{"gap":"xl","templateColumns":{"xl":"auto 15rem"},"children":[["$","$L8b",null,{"parallelRouterKey":"children","segmentPath":["children","components","children","$8c","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}],["$","$L8e",null,{"basePage":"components","currentId":"swiper","pages":"$12"}]]}]]}]]}]],null],null]},[null,["$","$L8b",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/d001ad355a308bd4.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/530efe9c1e6b27ee.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{"children":["$","link",null,{"href":"/favicon.ico","rel":"icon","type":"image/x-icon"}]}],["$","body",null,{"children":["$","$L8f",null,{"children":["$","$L90",null,{"children":["$","$L91",null,{"children":["$","$L5",null,{"backgroundColor":"neutral-10","children":[["$","$L92",null,{"components":[{"category":"actions","parent":"components","pages":[{"id":"button","title":"Button","subPages":["props"]},{"id":"button-group","title":"ButtonGroup","subPages":["props"]},{"id":"link","title":"Link","subPages":["props"]}]},{"category":"data-display","parent":"components","pages":[{"id":"accordion","title":"Accordion","subPages":["props"]},{"id":"avatar","title":"Avatar","subPages":["props"]},{"id":"badge","title":"Badge","subPages":["props"]},{"id":"card","title":"Card","subPages":["props"]},{"id":"swiper","title":"Swiper","subPages":["props"]},{"id":"table","title":"Table","subPages":["props"]},{"id":"tag","title":"Tag","subPages":["props"]}]},{"category":"feedback","parent":"components","pages":[{"id":"alert","title":"Alert","subPages":["props"]},{"id":"toast","title":"Toast","subPages":["props"]}]},{"category":"forms","parent":"components","pages":[{"id":"checkbox","title":"Checkbox","subPages":["props"]},{"id":"date-picker","title":"DatePicker","subPages":["props"]},{"id":"date-time-picker","title":"DateTimePicker","subPages":["props"]},{"id":"field","title":"Field","subPages":["props"]},{"id":"file-drop","title":"FileDrop","subPages":["props"]},{"id":"file-upload","title":"FileUpload","subPages":["props"]},{"id":"hint","title":"Hint","subPages":["props"]},{"id":"input-text","title":"InputText","subPages":["props"]},{"id":"label","title":"Label","subPages":["props"]},{"id":"password-input","title":"PasswordInput","subPages":["props"]},{"id":"picker","title":"Picker","subPages":["props"]},{"id":"radio-group","title":"RadioGroup","subPages":["props"]},{"id":"radio-tab","title":"RadioTab","subPages":["props"]},{"id":"search","title":"Search","subPages":["props"]},{"id":"select","title":"Select","subPages":["props"]},{"id":"slider","title":"Slider","subPages":["props"]},{"id":"textarea","title":"Textarea","subPages":["props"]},{"id":"time-picker","title":"TimePicker","subPages":["props"]},{"id":"toggle","title":"Toggle","subPages":["props"]}]},{"category":"icons-&-logo","parent":"components","pages":[{"id":"icon","title":"Icons","subPages":["props"]},{"id":"icon-font","title":"IconFont","subPages":["props"]},{"id":"logo","title":"Logo","subPages":["props"]},{"id":"variant-icon","title":"VariantIcon","subPages":["props"]}]},{"category":"layout","parent":"components","pages":[{"id":"aspect-ratio","title":"AspectRatio","subPages":["props"]},{"id":"box","title":"Box","subPages":["props"]},{"id":"flex","title":"Flex","subPages":["props"]},{"id":"grid","title":"Grid","subPages":["props"]},{"id":"loader","title":"Loader","subPages":["props"]},{"id":"shape","title":"Shape","subPages":["props"]},{"id":"stack","title":"Stack","subPages":["props"]}]},{"category":"navigation","parent":"components","pages":[{"id":"breadcrumb","title":"Breadcrumb","subPages":["props"]},{"id":"dropdown-menu","title":"DropdownMenu","subPages":["props"]},{"id":"pagination","title":"Pagination","subPages":["props"]},{"id":"tabs","title":"Tabs","subPages":["props"]}]},{"category":"overlay","parent":"components","pages":[{"id":"drawer","title":"Drawer","subPages":["props"]},{"id":"modal","title":"Modal","subPages":["props"]},{"id":"popover","title":"Popover","subPages":["props"]},{"id":"tooltip","title":"Tooltip","subPages":["props"]}]},{"category":"typography","parent":"components","pages":[{"id":"text","title":"Text","subPages":["props"]}]}],"foundations":[{"parent":"foundations","pages":[{"id":"getting-started"},{"id":"how-to-contribute"},{"id":"migration"}]},{"parent":"foundations","category":"theming","pages":[{"id":"basics","parent":"theming"},{"id":"customize","parent":"theming"}]},{"parent":"foundations","category":"upgrades","pages":[{"id":"v2","parent":"upgrades"},{"id":"v3","parent":"upgrades"},{"id":"v4","parent":"upgrades"},{"id":"v5","parent":"upgrades"}]}]}],["$","$L93",null,{}],["$","$L8b",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","$L94",null,{"href":"/","children":"Return Home"}]]}],"notFoundStyles":[]}],["$","$L5",null,{"as":"footer","position":"relative","py":{"xs":"xxl","md":90},"backgroundColor":"beige-20","children":["$","$L5",null,{"margin":"0 auto","maxWidth":1200,"position":"relative","px":"lg","children":["$","$Lb",null,{"gap":"xl","gridTemplateColumns":{"_":"1fr 1fr","md":"1fr 1fr 1fr 1fr"},"children":[["$","$Ld",null,{"flexDirection":"column","gap":"xs","children":[["$","$Ld",null,{"alignItems":"center","gap":"sm","children":["Made with ",["$","$L95",null,{"color":"primary-50"}]," by"]}],["$","$L5",null,{"as":"a","href":"https://www.welcometothejungle.com","rel":"noreferrer noopener","target":"_blank","w":"fit-content","children":["$","$L96",null,{"h":40}]}]]}],[["$","$Ld","Documentations",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Documentations"}],["$","$Ld",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","/foundations",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"/foundations","rel":"$undefined","target":"$undefined","textDecoration":{"hover":"underline"},"children":["Foundations",false]}]}],["$","$L5","/components",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"/components","rel":"$undefined","target":"$undefined","textDecoration":{"hover":"underline"},"children":["Components",false]}]}],["$","$L5","https://github.com/WTTJ/welcome-ui/",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ/welcome-ui/","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Source code",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$Ld","Updates",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Updates"}],["$","$Ld",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","https://github.com/WTTJ/welcome-ui/releases",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ/welcome-ui/releases","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Releases",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://github.com/orgs/WTTJ/projects/13",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/orgs/WTTJ/projects/13","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Project board",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$Ld","Community",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Community"}],["$","$Ld",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","https://github.com/WTTJ",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Github",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://x.com/wttj_tech",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://x.com/wttj_tech","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Twitter",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://medium.com/wttj-tech",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://medium.com/wttj-tech","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Medium",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://www.welcometothejungle.com/en/companies/wttj/jobs",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://www.welcometothejungle.com/en/companies/wttj/jobs","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Jobs",["$","$L97",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}]]]}]}]}]]}]}]}]}]}]]}]],null],null],"couldBeIntercepted":false,"initialHead":[null,"$L98"],"globalErrorComponent":"$99","missingSlots":"$W9a"}]