[{"data":1,"prerenderedAt":644},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-basic-right-to-left":215,"-docs-examples-basic-right-to-left-surround":639},[4,20,50,165,175,185],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F1.introduction","i-lucide-sprout",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"children":24,"page":6},"Framework Guides","\u002Fdocs\u002Fframework-guides","docs\u002F2.framework-guides",[25,30,35,40,45],{"title":26,"path":27,"stem":28,"icon":29},"Vue and Nuxt","\u002Fdocs\u002Fframework-guides\u002Fvue-nuxt","docs\u002F2.framework-guides\u002F1.vue-nuxt","i-simple-icons-vuedotjs",{"title":31,"path":32,"stem":33,"icon":34},"React and Next.js","\u002Fdocs\u002Fframework-guides\u002Freact-nextjs","docs\u002F2.framework-guides\u002F2.react-nextjs","i-simple-icons-react",{"title":36,"path":37,"stem":38,"icon":39},"Svelte and SvelteKit","\u002Fdocs\u002Fframework-guides\u002Fsvelte-sveltekit","docs\u002F2.framework-guides\u002F3.svelte-sveltekit","i-simple-icons-svelte",{"title":41,"path":42,"stem":43,"icon":44},"Web Components","\u002Fdocs\u002Fframework-guides\u002Fweb-components","docs\u002F2.framework-guides\u002F4.web-components","i-simple-icons-webcomponentsdotorg",{"title":46,"path":47,"stem":48,"icon":49},"Core","\u002Fdocs\u002Fframework-guides\u002Fcore","docs\u002F2.framework-guides\u002F5.core","i-lucide-braces",{"title":51,"path":52,"stem":53,"children":54,"page":6},"Examples","\u002Fdocs\u002Fexamples","docs\u002F3.examples",[55,100,135],{"title":56,"icon":6,"defaultOpen":6,"path":57,"stem":58,"children":59,"page":6},"Basic","\u002Fdocs\u002Fexamples\u002Fbasic","docs\u002F3.examples\u002F1.basic",[60,65,70,75,80,85,90,95],{"title":61,"path":62,"stem":63,"icon":64},"Simple","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsimple","docs\u002F3.examples\u002F1.basic\u002F1.simple","i-lucide-square",{"title":66,"path":67,"stem":68,"icon":69},"Snapping","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsnap","docs\u002F3.examples\u002F1.basic\u002F2.snap","i-lucide-magnet",{"title":71,"path":72,"stem":73,"icon":74},"Masonry","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fmasonry","docs\u002F3.examples\u002F1.basic\u002F3.masonry","i-lucide-grid-3x3",{"title":76,"path":77,"stem":78,"icon":79},"Right to Left","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fright-to-left","docs\u002F3.examples\u002F1.basic\u002F4.right-to-left","i-lucide-arrow-left-from-line",{"title":81,"path":82,"stem":83,"icon":84},"Sticky Slides","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsticky","docs\u002F3.examples\u002F1.basic\u002F5.sticky","i-lucide-pin",{"title":86,"path":87,"stem":88,"icon":89},"Buttons","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fbuttons","docs\u002F3.examples\u002F1.basic\u002F6.buttons","i-lucide-circle-arrow-right",{"title":91,"path":92,"stem":93,"icon":94},"Dots","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fdots","docs\u002F3.examples\u002F1.basic\u002F7.dots","i-lucide-rectangle-ellipsis",{"title":96,"path":97,"stem":98,"icon":99},"Thumbnails","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fthumbnails","docs\u002F3.examples\u002F1.basic\u002F8.thumbnails","i-lucide-layout-list",{"title":101,"icon":6,"defaultOpen":6,"path":102,"stem":103,"children":104,"page":6},"Advanced","\u002Fdocs\u002Fexamples\u002Fadvanced","docs\u002F3.examples\u002F2.advanced",[105,110,115,120,125,130],{"title":106,"path":107,"stem":108,"icon":109},"Cover Flow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcover-flow","docs\u002F3.examples\u002F2.advanced\u002F1.cover-flow","i-lucide-gallery-horizontal-end",{"title":111,"path":112,"stem":113,"icon":114},"Slideshow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fslideshow","docs\u002F3.examples\u002F2.advanced\u002F2.slideshow","i-lucide-presentation",{"title":116,"path":117,"stem":118,"icon":119},"Stories","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fstories","docs\u002F3.examples\u002F2.advanced\u002F2.stories","i-lucide-circle-fading-plus",{"title":121,"path":122,"stem":123,"icon":124},"Smart Stack","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fsmart-stack","docs\u002F3.examples\u002F2.advanced\u002F3.smart-stack","i-lucide-layers",{"title":126,"path":127,"stem":128,"icon":129},"Cards","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcards","docs\u002F3.examples\u002F2.advanced\u002F4.cards","i-lucide-images",{"title":131,"path":132,"stem":133,"icon":134},"Flipbook","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fflipbook","docs\u002F3.examples\u002F2.advanced\u002F5.flipbook","i-lucide-swatch-book",{"title":136,"icon":6,"defaultOpen":6,"path":137,"stem":138,"children":139,"page":6},"Experimental","\u002Fdocs\u002Fexamples\u002Fexperimental","docs\u002F3.examples\u002F3.experimental",[140,145,150,155,160],{"title":141,"path":142,"stem":143,"icon":144},"CSS Controls","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fcss-controls","docs\u002F3.examples\u002F3.experimental\u002F1.css-controls","i-lucide-eclipse",{"title":146,"path":147,"stem":148,"icon":149},"Scroll State Query","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-state-queries","docs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries","i-lucide-anvil",{"title":151,"path":152,"stem":153,"icon":154},"Scroll Snap Events","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-snap-changing","docs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing","i-lucide-megaphone",{"title":156,"path":157,"stem":158,"icon":159},"Repeat","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Frepeat","docs\u002F3.examples\u002F3.experimental\u002F4.repeat","i-lucide-repeat",{"title":161,"path":162,"stem":163,"icon":164},"Scroll Trigger","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-trigger","docs\u002F3.examples\u002F3.experimental\u002F5.scroll-trigger","i-lucide-bow-arrow",{"title":166,"path":167,"stem":168,"children":169,"page":6},"A11y","\u002Fdocs\u002Fa11y","docs\u002F4.a11y",[170],{"title":171,"path":172,"stem":173,"icon":174},"Accessibility Guide","\u002Fdocs\u002Fa11y\u002Faccessibility-guide","docs\u002F4.a11y\u002Faccessibility-guide","i-lucide-person-standing",{"title":176,"path":177,"stem":178,"children":179,"page":6},"Ai","\u002Fdocs\u002Fai","docs\u002F5.AI",[180],{"title":181,"path":182,"stem":183,"icon":184},"Agent Skills","\u002Fdocs\u002Fai\u002Fagent-skills","docs\u002F5.AI\u002F1.agent-skills","i-lucide-sparkles",{"title":186,"icon":6,"path":187,"stem":188,"children":189,"page":6},"Migration Guides","\u002Fdocs\u002Fmigration-guides","docs\u002F6.migration-guides",[190,195,200,205,210],{"title":191,"path":192,"stem":193,"icon":194},"Embla","\u002Fdocs\u002Fmigration-guides\u002Fembla","docs\u002F6.migration-guides\u002F1.embla","i-lucide-atom",{"title":196,"path":197,"stem":198,"icon":199},"Swiper","\u002Fdocs\u002Fmigration-guides\u002Fswiper","docs\u002F6.migration-guides\u002F2.swiper","i-lucide-circle-slash",{"title":201,"path":202,"stem":203,"icon":204},"Splide","\u002Fdocs\u002Fmigration-guides\u002Fsplide","docs\u002F6.migration-guides\u002F3.splide","i-lucide-diamond",{"title":206,"path":207,"stem":208,"icon":209},"Slick","\u002Fdocs\u002Fmigration-guides\u002Fslick","docs\u002F6.migration-guides\u002F4.slick","i-lucide-ampersand",{"title":211,"path":212,"stem":213,"icon":214},"Flickity","\u002Fdocs\u002Fmigration-guides\u002Fflickity","docs\u002F6.migration-guides\u002F5.flickity","i-lucide-smartphone",{"id":216,"title":76,"body":217,"description":630,"extension":631,"links":632,"meta":633,"navigation":634,"path":77,"seo":635,"stem":78,"__hash__":638},"docs\u002Fdocs\u002F3.examples\u002F1.basic\u002F4.right-to-left.md",{"type":218,"value":219,"toc":628},"minimark",[220,223,624],[221,222],"example-right-to-left",{},[224,225,227,508],"tabs",{"sync":226},"example-code-style",[228,229,231],"tabs-item",{"label":230},"CSS",[232,233,234,378],"code-group",{},[235,236,242],"pre",{"className":237,"code":238,"filename":239,"language":240,"meta":241,"style":241},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".carousel {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 200px;\n  gap: 1rem;\n}\n\n.slide {\n  width: 100%;\n  aspect-ratio: 3 \u002F 4;\n}\n",".css","css","",[243,244,245,261,278,291,305,318,324,331,341,354,373],"code",{"__ignoreMap":241},[246,247,250,254,258],"span",{"class":248,"line":249},"line",1,[246,251,253],{"class":252},"sMK4o",".",[246,255,257],{"class":256},"sBMFI","carousel",[246,259,260],{"class":252}," {\n",[246,262,264,268,271,275],{"class":248,"line":263},2,[246,265,267],{"class":266},"sqsOY","  display",[246,269,270],{"class":252},":",[246,272,274],{"class":273},"sTEyZ"," grid",[246,276,277],{"class":252},";\n",[246,279,281,284,286,289],{"class":248,"line":280},3,[246,282,283],{"class":266},"  grid-auto-flow",[246,285,270],{"class":252},[246,287,288],{"class":273}," column",[246,290,277],{"class":252},[246,292,294,297,299,303],{"class":248,"line":293},4,[246,295,296],{"class":266},"  grid-auto-columns",[246,298,270],{"class":252},[246,300,302],{"class":301},"sbssI"," 200px",[246,304,277],{"class":252},[246,306,308,311,313,316],{"class":248,"line":307},5,[246,309,310],{"class":266},"  gap",[246,312,270],{"class":252},[246,314,315],{"class":301}," 1rem",[246,317,277],{"class":252},[246,319,321],{"class":248,"line":320},6,[246,322,323],{"class":252},"}\n",[246,325,327],{"class":248,"line":326},7,[246,328,330],{"emptyLinePlaceholder":329},true,"\n",[246,332,334,336,339],{"class":248,"line":333},8,[246,335,253],{"class":252},[246,337,338],{"class":256},"slide",[246,340,260],{"class":252},[246,342,344,347,349,352],{"class":248,"line":343},9,[246,345,346],{"class":266},"  width",[246,348,270],{"class":252},[246,350,351],{"class":301}," 100%",[246,353,277],{"class":252},[246,355,357,360,362,365,368,371],{"class":248,"line":356},10,[246,358,359],{"class":266},"  aspect-ratio",[246,361,270],{"class":252},[246,363,364],{"class":301}," 3",[246,366,367],{"class":273}," \u002F ",[246,369,370],{"class":301},"4",[246,372,277],{"class":252},[246,374,376],{"class":248,"line":375},11,[246,377,323],{"class":252},[235,379,384],{"className":380,"code":381,"filename":382,"language":383,"meta":241,"style":241},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBlossomCarousel dir=\"rtl\" class=\"carousel\">\n  \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",".html","html",[243,385,386,425,450,472,494,499],{"__ignoreMap":241},[246,387,388,391,395,399,402,405,409,411,414,416,418,420,422],{"class":248,"line":249},[246,389,390],{"class":252},"\u003C",[246,392,394],{"class":393},"swJcz","BlossomCarousel",[246,396,398],{"class":397},"spNyl"," dir",[246,400,401],{"class":252},"=",[246,403,404],{"class":252},"\"",[246,406,408],{"class":407},"sfazB","rtl",[246,410,404],{"class":252},[246,412,413],{"class":397}," class",[246,415,401],{"class":252},[246,417,404],{"class":252},[246,419,257],{"class":407},[246,421,404],{"class":252},[246,423,424],{"class":252},">\n",[246,426,427,430,433,435,437,439,441,443,446,448],{"class":248,"line":263},[246,428,429],{"class":252},"  \u003C",[246,431,432],{"class":393},"div",[246,434,413],{"class":397},[246,436,401],{"class":252},[246,438,404],{"class":252},[246,440,338],{"class":407},[246,442,404],{"class":252},[246,444,445],{"class":252},">\u003C\u002F",[246,447,432],{"class":393},[246,449,424],{"class":252},[246,451,452,454,456,458,460,462,464,466,468,470],{"class":248,"line":280},[246,453,429],{"class":252},[246,455,432],{"class":393},[246,457,413],{"class":397},[246,459,401],{"class":252},[246,461,404],{"class":252},[246,463,338],{"class":407},[246,465,404],{"class":252},[246,467,445],{"class":252},[246,469,432],{"class":393},[246,471,424],{"class":252},[246,473,474,476,478,480,482,484,486,488,490,492],{"class":248,"line":293},[246,475,429],{"class":252},[246,477,432],{"class":393},[246,479,413],{"class":397},[246,481,401],{"class":252},[246,483,404],{"class":252},[246,485,338],{"class":407},[246,487,404],{"class":252},[246,489,445],{"class":252},[246,491,432],{"class":393},[246,493,424],{"class":252},[246,495,496],{"class":248,"line":307},[246,497,498],{"class":273},"  ...\n",[246,500,501,504,506],{"class":248,"line":320},[246,502,503],{"class":252},"\u003C\u002F",[246,505,394],{"class":393},[246,507,424],{"class":252},[228,509,511],{"label":510},"Tailwind",[235,512,514],{"className":380,"code":513,"filename":382,"language":383,"meta":241,"style":241},"\u003CBlossomCarousel dir=\"rtl\" class=\"grid auto-cols-[200px] grid-flow-col gap-4\">\n  \u003Cdiv class=\"w-full aspect-3\u002F4\">\u003C\u002Fdiv>\n  \u003Cdiv class=\"w-full aspect-3\u002F4\">\u003C\u002Fdiv>\n  \u003Cdiv class=\"w-full aspect-3\u002F4\">\u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",[243,515,516,545,568,590,612,616],{"__ignoreMap":241},[246,517,518,520,522,524,526,528,530,532,534,536,538,541,543],{"class":248,"line":249},[246,519,390],{"class":252},[246,521,394],{"class":393},[246,523,398],{"class":397},[246,525,401],{"class":252},[246,527,404],{"class":252},[246,529,408],{"class":407},[246,531,404],{"class":252},[246,533,413],{"class":397},[246,535,401],{"class":252},[246,537,404],{"class":252},[246,539,540],{"class":407},"grid auto-cols-[200px] grid-flow-col gap-4",[246,542,404],{"class":252},[246,544,424],{"class":252},[246,546,547,549,551,553,555,557,560,562,564,566],{"class":248,"line":263},[246,548,429],{"class":252},[246,550,432],{"class":393},[246,552,413],{"class":397},[246,554,401],{"class":252},[246,556,404],{"class":252},[246,558,559],{"class":407},"w-full aspect-3\u002F4",[246,561,404],{"class":252},[246,563,445],{"class":252},[246,565,432],{"class":393},[246,567,424],{"class":252},[246,569,570,572,574,576,578,580,582,584,586,588],{"class":248,"line":280},[246,571,429],{"class":252},[246,573,432],{"class":393},[246,575,413],{"class":397},[246,577,401],{"class":252},[246,579,404],{"class":252},[246,581,559],{"class":407},[246,583,404],{"class":252},[246,585,445],{"class":252},[246,587,432],{"class":393},[246,589,424],{"class":252},[246,591,592,594,596,598,600,602,604,606,608,610],{"class":248,"line":293},[246,593,429],{"class":252},[246,595,432],{"class":393},[246,597,413],{"class":397},[246,599,401],{"class":252},[246,601,404],{"class":252},[246,603,559],{"class":407},[246,605,404],{"class":252},[246,607,445],{"class":252},[246,609,432],{"class":393},[246,611,424],{"class":252},[246,613,614],{"class":248,"line":307},[246,615,498],{"class":273},[246,617,618,620,622],{"class":248,"line":320},[246,619,503],{"class":252},[246,621,394],{"class":393},[246,623,424],{"class":252},[625,626,627],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":241,"searchDepth":263,"depth":263,"links":629},[],"Build a right-to-left carousel with the standard HTML dir attribute.","md",null,{},{"icon":79},{"title":636,"description":637},"Right-to-left carousel example with Blossom Carousel","Build a right-to-left carousel with the standard HTML dir attribute and Blossom Carousel.","W5CZb9r27MypYD27RxIXmpcdkKzwtrrOUOGicwEaKTM",[640,642],{"title":71,"path":72,"stem":73,"description":641,"icon":74,"children":-1},"Create complex layouts and snap to any cell in the grid using CSS grid.",{"title":81,"path":82,"stem":83,"description":643,"icon":84,"children":-1},"Use CSS position sticky inside a Blossom Carousel.",1780251489322]