1import{M as u}from"./index-CZruN2I3.js";import{b as l,m as g}from"./web-Daoi1TEa.js";function F(r){const e=Object.assign({div:"div",pre:"pre",code:"code",span:"span",h2:"h2",p:"p",a:"a",h3:"h3",strong:"strong"},u(),r.components),{MDXHeader:a,ComponentPreview:s,Tabs:i,TabsList:d,TabsTrigger:o,TabsContent:t,Steps:E,Step:c,ComponentSource:p,Alert:h,AlertDescription:y}=e;return h||n("Alert"),y||n("AlertDescription"),s||n("ComponentPreview"),p||n("ComponentSource"),a||n("MDXHeader"),c||n("Step"),E||n("Steps"),i||n("Tabs"),t||n("TabsContent"),d||n("TabsList"),o||n("TabsTrigger"),[l(a,{title:"Carousel",description:"A carousel with motion and swipe built using Embla.",docs:"https://www.embla-carousel.com/get-started/solid/"}),` 2`,l(s,{name:"carousel-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 3`,l(e.span,{"data-line":"",children:" "}),` 4`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 5`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 6`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 7`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 8`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 9`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 10`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 11`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 12`,l(e.span,{"data-line":"",children:" "}),` 13`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselDemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 14`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 15`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-xs"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 16`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 17`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 18`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}
18),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 19`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 20`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"p-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 21`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 22`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex aspect-square items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 23`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-4xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 24`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 25`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 26`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 27`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 28`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 29`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 30`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 31`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 32`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 33`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 34`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 35`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 36`,l(e.h2,{id:"about",children:"About"}),` 37`,l(e.p,{get children(){return["The carousel component is built using the ",l(e.a,{href:"https://www.embla-carousel.com/",children:"Embla Carousel"})," library."]}}),` 38`,l(e.h2,{id:"installation",children:"Installation"}),` 39`,l(i,{defaultValue:"cli",get children(){return[l(d,{get children(){return[l(o,{value:"cli",children:"CLI"}),l(o,{value:"manual",children:"Manual"})]}}),l(t,{value:"cli",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"bash","data-theme":"default",get children(){return l(e.code,{"data-language":"bash","data-theme":"default",style:{display:"grid"},get children(){return l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#B392F0"},children:"npx"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:"solidui-cli@latest"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:"add"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:"carousel"})]}})}})}})}})}}),l(t,{value:"manual",get children(){return l(E,{get children(){return[l(c,{children:"Install the following dependencies:"}),l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"bash","data-theme":"default",get children(){return l(e.code,{"data-language":"bash","data-theme":"default",style:{display:"grid"},get children(){return l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#B392F0"},children:"npm"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:"install"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:"embla-carousel-solid"})]}})}})}})}}),l(c,{children:"Copy and paste the following code into your project."}),l(p,{name:"carousel",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"}
39,children:" { Accessor, Component, ComponentProps, VoidProps } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 40`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 41`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" createContext,"})}}),` 42`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" createEffect,"})}}),` 43`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" createMemo,"})}}),` 44`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" createSignal,"})}}),` 45`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" mergeProps,"})}}),` 46`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" splitProps,"})}}),` 47`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" useContext"})}}),` 48`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 49`,l(e.span,{"data-line":"",children:" "}),` 50`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" { CreateEmblaCarouselType } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"embla-carousel-solid"'})]}}),` 51`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" createEmblaCarousel "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"embla-carousel-solid"'})]}}),` 52`,l(e.span,{"data-line":"",children:" "}),` 53`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { cn } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/lib/utils"'})]}}),` 54`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" { ButtonProps } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/button"'})]}}),` 55`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Button } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/button"'})]}}),` 56`,l(e.span,{"data-line":"",children:" "}),` 57`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CreateEmblaCarouselType"}),l(e.span,{style:{color:"#E1E4E8"},children:"["}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"]"})]}}),` 58`,l(e.span,{"data-line":"",children:" "}),` 59`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"UseCarouselParameters"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Parameters"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#F97583"},children:"typeof"}),l(e.span,{style:{color:"#E1E4E8"},children:" createEmblaCarousel>"})]}}),` 60`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselOptions"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"NonNullable"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"UseCarouselParameters"}),l(e.span,{style:{color:"#E1E4E8"},children:"["}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:"]>"})]}}),` 61`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselPlugin"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"NonNullable"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"UseCarouselParameters"}),l(e.span,{style:{color:"#E1E4E8"},children:"["}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"]>"})]}}),` 62`,l(e.span,{"data-line":"",children:" "}),` 63`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselProps"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 64`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}
64),l(e.span,{style:{color:"#FFAB70"},children:"opts"}),l(e.span,{style:{color:"#F97583"},children:"?:"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselOptions"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 65`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#FFAB70"},children:"plugins"}),l(e.span,{style:{color:"#F97583"},children:"?:"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselPlugin"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 66`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#FFAB70"},children:"orientation"}),l(e.span,{style:{color:"#F97583"},children:"?:"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"|"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"vertical"'})]}}),` 67`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setApi"}),l(e.span,{style:{color:"#F97583"},children:"?:"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#FFAB70"},children:"api"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"void"})]}}),` 68`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 69`,l(e.span,{"data-line":"",children:" "}),` 70`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselContextProps"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 71`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#FFAB70"},children:"carouselRef"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#F97583"},children:"typeof"}),l(e.span,{style:{color:"#E1E4E8"},children:" createEmblaCarousel>["}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:"]"})]}}),` 72`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#FFAB70"},children:"api"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#F97583"},children:"typeof"}),l(e.span,{style:{color:"#E1E4E8"},children:" createEmblaCarousel>["}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"]"})]}}),` 73`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollPrev"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"void"})]}}),` 74`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollNext"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"void"})]}}),` 75`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}
75),l(e.span,{style:{color:"#FFAB70"},children:"canScrollPrev"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Accessor"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"boolean"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 76`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#FFAB70"},children:"canScrollNext"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Accessor"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"boolean"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 77`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"&"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselProps"})]}}),` 78`,l(e.span,{"data-line":"",children:" "}),` 79`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContext"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createContext"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"Accessor"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselContextProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"> "}),l(e.span,{style:{color:"#F97583"},children:"|"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"null"}),l(e.span,{style:{color:"#E1E4E8"},children:">("}),l(e.span,{style:{color:"#79B8FF"},children:"null"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 80`,l(e.span,{"data-line":"",children:" "}),` 81`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 82`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"context"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useContext"}),l(e.span,{style:{color:"#E1E4E8"},children:"(CarouselContext)"})]}}),` 83`,l(e.span,{"data-line":"",children:" "}),` 84`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"context) {"})]}}),` 85`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"throw"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"new"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Error"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"useCarousel must be used within a <Carousel />"'}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 86`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 87`,l(e.span,{"data-line":"",children:" "}),` 88`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"context"}),l(e.span,{style:{color:"#E1E4E8"}
88,children:"()"})]}}),` 89`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 90`,l(e.span,{"data-line":"",children:" "}),` 91`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Component"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselProps"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"&"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ComponentProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#9ECBFF"},children:'"div"'}),l(e.span,{style:{color:"#E1E4E8"},children:">> "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#FFAB70"},children:"rawProps"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 92`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"props"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"mergeProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<("}),l(e.span,{style:{color:"#B392F0"},children:"CarouselProps"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"&"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ComponentProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#9ECBFF"},children:'"div"'}),l(e.span,{style:{color:"#E1E4E8"},children:">)[]>("})]}}),` 93`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" { orientation: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:" },"})]}}),` 94`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" rawProps"})}}),` 95`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 96`,l(e.span,{"data-line":"",children:" "}),` 97`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"local"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"others"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"splitProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"(props, ["})]}}),` 98`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"orientation"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 99`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"opts"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 100`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"setApi"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 101`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"plugins"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 102`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"class"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 103`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"children"'})]}}),` 104`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" ])"})}}),` 105`,l(e.span,{"data-line":"",children:" "}),` 106`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"carouselRef"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createEmblaCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:"("})]}}),` 107`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ({"})]}}),` 108`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"local.opts,"})]}}),` 109`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" axis: local.orientation "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"x"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"y"'})]}}),` 110`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }),"})}}),` 111`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" (local.plugins "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"undefined"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" [] "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" local.plugins)"})]}}),` 112`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 113`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"canScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCanScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"false"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 114`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"canScrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCanScrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"false"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 115`,l(e.span,{"data-line":"",children:" "}),` 116`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onSelect"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}
116),l(e.span,{style:{color:"#FFAB70"},children:"api"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"NonNullable"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:">>) "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 117`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCanScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:"(api."}),l(e.span,{style:{color:"#B392F0"},children:"canScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:"())"})]}}),` 118`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCanScrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:"(api."}),l(e.span,{style:{color:"#B392F0"},children:"canScrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:"())"})]}}),` 119`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 120`,l(e.span,{"data-line":"",children:" "}),` 121`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 122`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()?."}),l(e.span,{style:{color:"#B392F0"},children:"scrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 123`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 124`,l(e.span,{"data-line":"",children:" "}),` 125`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 126`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()?."}),l(e.span,{style:{color:"#B392F0"},children:"scrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 127`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 128`,l(e.span,{"data-line":"",children:" "}),` 129`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"handleKeyDown"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#FFAB70"},children:"event"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"KeyboardEvent"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 130`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" (event.key "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"ArrowLeft"'}),l(e.span,{style:{color:"#E1E4E8"},children:") {"})]}}),` 131`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" event."}),l(e.span,{style:{color:"#B392F0"},children:"preventDefault"}),l(e.span,{style:{color:"#E1E4E8"}
131,children:"()"})]}}),` 132`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 133`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" } "}),l(e.span,{style:{color:"#F97583"},children:"else"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" (event.key "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"ArrowRight"'}),l(e.span,{style:{color:"#E1E4E8"},children:") {"})]}}),` 134`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" event."}),l(e.span,{style:{color:"#B392F0"},children:"preventDefault"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 135`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"scrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 136`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 137`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 138`,l(e.span,{"data-line":"",children:" "}),` 139`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createEffect"}),l(e.span,{style:{color:"#E1E4E8"},children:"(() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 140`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"() "}),l(e.span,{style:{color:"#F97583"},children:"||"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"local.setApi) {"})]}}),` 141`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"})]}}),` 142`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 143`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" local."}),l(e.span,{style:{color:"#B392F0"},children:"setApi"}),l(e.span,{style:{color:"#E1E4E8"},children:"(api)"})]}}),` 144`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 145`,l(e.span,{"data-line":"",children:" "}),` 146`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createEffect"}),l(e.span,{style:{color:"#E1E4E8"},children:"(() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 147`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()) {"})]}}),` 148`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"})]}}),` 149`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 150`,l(e.span,{"data-line":"",children:" "}),` 151`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onSelect"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"}
151,children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 152`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"on"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"reInit"'}),l(e.span,{style:{color:"#E1E4E8"},children:", onSelect)"})]}}),` 153`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"on"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"select"'}),l(e.span,{style:{color:"#E1E4E8"},children:", onSelect)"})]}}),` 154`,l(e.span,{"data-line":"",children:" "}),` 155`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 156`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()?."}),l(e.span,{style:{color:"#B392F0"},children:"off"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"select"'}),l(e.span,{style:{color:"#E1E4E8"},children:", onSelect)"})]}}),` 157`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 158`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 159`,l(e.span,{"data-line":"",children:" "}),` 160`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"value"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createMemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"("})]}}),` 161`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"})]}}),` 162`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" ({"})}}),` 163`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" carouselRef,"})}}),` 164`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" api,"})}}),` 165`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" opts: local.opts,"})}}),` 166`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" orientation: local.orientation "}),l(e.span,{style:{color:"#F97583"},children:"||"}),l(e.span,{style:{color:"#E1E4E8"},children:" (local.opts?.axis "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"y"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"vertical"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:"),"})]}}),` 167`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" scrollPrev,"})}}),` 168`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" scrollNext,"})}}),` 169`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" canScrollPrev,"})}}),` 170`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" canScrollNext"})}}),` 171`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" }) "}),l(e.span,{style:{color:"#F97583"},children:"satisfies"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselContextProps"})]}}),` 172`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 173`,l(e.span,{"data-line":"",children:" "}),` 174`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 175`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContext.Provider"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"value"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{value}>"})]}}),` 176`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"})]}}),` 177`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onKeyDown"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{handleKeyDown}"})]}}),` 178`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#B392F0"},children:"cn"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"relative"'}),l(e.span,{style:{color:"#E1E4E8"},children:", local.class)}"})]}}),` 179`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"role"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"region"'})]}}),` 180`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"aria-roledescription"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"carousel"'})]}}),` 181`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {"}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"others}"})]}}),` 182`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 183`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" {local.children}"})}}),` 184`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 185`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContext.Provider"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 186`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 187`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 188`,l(e.span,{"data-line":"",children:" "}),` 189`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Component"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ComponentProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#9ECBFF"},children:'"div"'}),l(e.span,{style:{color:"#E1E4E8"},children:">> "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}
189),l(e.span,{style:{color:"#FFAB70"},children:"props"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 190`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"local"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"others"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"splitProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"(props, ["}),l(e.span,{style:{color:"#9ECBFF"},children:'"class"'}),l(e.span,{style:{color:"#E1E4E8"},children:"])"})]}}),` 191`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" { "}),l(e.span,{style:{color:"#79B8FF"},children:"carouselRef"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"orientation"}),l(e.span,{style:{color:"#E1E4E8"},children:" } "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 192`,l(e.span,{"data-line":"",children:" "}),` 193`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 194`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"ref"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{carouselRef} "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"overflow-hidden"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 195`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"})]}}),` 196`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#B392F0"},children:"cn"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex"'}),l(e.span,{style:{color:"#E1E4E8"},children:", orientation "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-ml-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-mt-4 flex-col"'}),l(e.span,{style:{color:"#E1E4E8"},children:", local.class)}"})]}}),` 197`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {"}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"others}"})]}}),` 198`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" />"})}}),` 199`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 200`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 201`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 202`,l(e.span,{"data-line":"",children:" "}),` 203`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Component"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ComponentProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#9ECBFF"},children:'"div"'}),l(e.span,{style:{color:"#E1E4E8"},children:">> "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}
203),l(e.span,{style:{color:"#FFAB70"},children:"props"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 204`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"local"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"others"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"splitProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"(props, ["}),l(e.span,{style:{color:"#9ECBFF"},children:'"class"'}),l(e.span,{style:{color:"#E1E4E8"},children:"])"})]}}),` 205`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" { "}),l(e.span,{style:{color:"#79B8FF"},children:"orientation"}),l(e.span,{style:{color:"#E1E4E8"},children:" } "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 206`,l(e.span,{"data-line":"",children:" "}),` 207`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 208`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"})]}}),` 209`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"role"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"group"'})]}}),` 210`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"aria-roledescription"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"slide"'})]}}),` 211`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#B392F0"},children:"cn"}),l(e.span,{style:{color:"#E1E4E8"},children:"("})]}}),` 212`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"min-w-0 shrink-0 grow-0 basis-full"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 213`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" orientation "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"pt-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 214`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" local.class"})}}),` 215`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 216`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {"}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"others}"})]}}),` 217`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" />"})}}),` 218`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 219`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 220`,l(e.span,{"data-line":"",children:" "}),` 221`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"VoidProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 222`,l(e.span,{"data-line":"",children:" "}),` 223`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Component"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"> "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}
223),l(e.span,{style:{color:"#FFAB70"},children:"rawProps"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 224`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"props"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"mergeProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"[]>({ variant: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"outline"'}),l(e.span,{style:{color:"#E1E4E8"},children:", size: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"icon"'}),l(e.span,{style:{color:"#E1E4E8"},children:" }, rawProps)"})]}}),` 225`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"local"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"others"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"splitProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"(props, ["}),l(e.span,{style:{color:"#9ECBFF"},children:'"class"'}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#9ECBFF"},children:'"variant"'}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#9ECBFF"},children:'"size"'}),l(e.span,{style:{color:"#E1E4E8"},children:"])"})]}}),` 226`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" { "}),l(e.span,{style:{color:"#79B8FF"},children:"orientation"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"scrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"canScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"},children:" } "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 227`,l(e.span,{"data-line":"",children:" "}),` 228`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 229`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Button"})]}}),` 230`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"variant"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{local.variant}"})]}}),` 231`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"size"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{local.size}"})]}}),` 232`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#B392F0"},children:"cn"}),l(e.span,{style:{color:"#E1E4E8"},children:"("})]}}),` 233`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"absolute size-8 touch-manipulation rounded-full"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 234`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" orientation "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'})]}}),` 235`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-left-12 top-1/2 -translate-y-1/2"'})]}}),` 236`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-top-12 left-1/2 -translate-x-1/2 rotate-90"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 237`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" local.class"})}}),` 238`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 239`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"disabled"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"canScrollPrev"}),l(e.span,{style:{color:"#E1E4E8"}
239,children:"()}"})]}}),` 240`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onClick"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{scrollPrev}"})]}}),` 241`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {"}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"others}"})]}}),` 242`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 243`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"svg"})]}}),` 244`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"xmlns"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"http://www.w3.org/2000/svg"'})]}}),` 245`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"viewBox"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"0 0 24 24"'})]}}),` 246`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"fill"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"none"'})]}}),` 247`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"currentColor"'})]}}),` 248`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-width"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"2"'})]}}),` 249`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-linecap"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"round"'})]}}),` 250`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-linejoin"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"round"'})]}}),` 251`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"size-4"'})]}}),` 252`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 253`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M5 12l14 0"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 254`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M5 12l6 6"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 255`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M5 12l6 -6"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 256`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"svg"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 257`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"sr-only"'}),l(e.span,{style:{color:"#E1E4E8"},children:">Previous slide</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 258`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Button"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 259`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 260`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 261`,l(e.span,{"data-line":"",children:" "}),` 262`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselNext"}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Component"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"> "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}
262),l(e.span,{style:{color:"#FFAB70"},children:"rawProps"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 263`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"props"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"mergeProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselButtonProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"[]>({ variant: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"outline"'}),l(e.span,{style:{color:"#E1E4E8"},children:", size: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"icon"'}),l(e.span,{style:{color:"#E1E4E8"},children:" }, rawProps)"})]}}),` 264`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"local"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"others"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"splitProps"}),l(e.span,{style:{color:"#E1E4E8"},children:"(props, ["}),l(e.span,{style:{color:"#9ECBFF"},children:'"class"'}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#9ECBFF"},children:'"variant"'}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#9ECBFF"},children:'"size"'}),l(e.span,{style:{color:"#E1E4E8"},children:"])"})]}}),` 265`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" { "}),l(e.span,{style:{color:"#79B8FF"},children:"orientation"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"scrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"canScrollNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" } "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"useCarousel"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"})]}}),` 266`,l(e.span,{"data-line":"",children:" "}),` 267`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 268`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Button"})]}}),` 269`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"variant"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{local.variant}"})]}}),` 270`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"size"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{local.size}"})]}}),` 271`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#B392F0"},children:"cn"}),l(e.span,{style:{color:"#E1E4E8"},children:"("})]}}),` 272`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"absolute size-8 touch-manipulation rounded-full"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 273`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" orientation "}),l(e.span,{style:{color:"#F97583"},children:"==="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"horizontal"'})]}}),` 274`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"?"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-right-12 top-1/2 -translate-y-1/2"'})]}}),` 275`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:":"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"-bottom-12 left-1/2 -translate-x-1/2 rotate-90"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 276`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" local.class"})}}),` 277`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 278`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"disabled"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"canScrollNext"}),l(e.span,{style:{color:"#E1E4E8"}
278,children:"()}"})]}}),` 279`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onClick"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{scrollNext}"})]}}),` 280`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {"}),l(e.span,{style:{color:"#F97583"},children:"..."}),l(e.span,{style:{color:"#E1E4E8"},children:"others}"})]}}),` 281`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 282`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"svg"})]}}),` 283`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"xmlns"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"http://www.w3.org/2000/svg"'})]}}),` 284`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"viewBox"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"0 0 24 24"'})]}}),` 285`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"fill"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"none"'})]}}),` 286`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"currentColor"'})]}}),` 287`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-width"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"2"'})]}}),` 288`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-linecap"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"round"'})]}}),` 289`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"stroke-linejoin"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"round"'})]}}),` 290`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"size-4"'})]}}),` 291`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 292`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M5 12l14 0"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 293`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M13 18l6 -6"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 294`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"path"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"d"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"M13 6l6 6"'}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 295`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"svg"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 296`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"sr-only"'}),l(e.span,{style:{color:"#E1E4E8"},children:">Next slide</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 297`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Button"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 298`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 299`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}}),` 300`,l(e.span,{"data-line":"",children:" "}),` 301`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"}
301,children:" { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }"})]}})]}})}})}})}}),l(c,{children:"Update the import paths to match your project setup."})]}})}})]}}),` 302`,l(e.h2,{id:"usage",children:"Usage"}),` 303`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 304`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 305`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 306`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 307`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 308`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 309`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}})]}})}})}}),` 310`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 311`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 312`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 313`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 314`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 315`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 316`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 317`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 318`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 319`,l(e.h2,{id:"examples",children:"Examples"}),` 320`,l(e.h3,{id:"sizes",children:"Sizes"}),` 321`,l(e.p,{get children(){return["To set the size of the items, you can use the ",l(e.code,{children:"basis"}
321)," utility class on the ",l(e.code,{children:"<CarouselItem />"}),"."]}}),` 322`,l(s,{name:"carousel-size-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 323`,l(e.span,{"data-line":"",children:" "}),` 324`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 325`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 326`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 327`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 328`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 329`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 330`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 331`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 332`,l(e.span,{"data-line":"",children:" "}),` 333`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselSizeDemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 334`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 335`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"})]}}),` 336`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"opts"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{{"})]}}),` 337`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" align: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"start"'})]}}),` 338`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }}"})}}),` 339`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-sm"'})]}}),` 340`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 341`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 342`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 343`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}
343),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 344`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"md:basis-1/2 lg:basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 345`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"p-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 346`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 347`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex aspect-square items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 348`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-3xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 349`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 350`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 351`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 352`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 353`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 354`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 355`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 356`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 357`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 358`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 359`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 360`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 361`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#6A737D"},children:"// 33% of the carousel width."})}}),` 362`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 363`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 364`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 365`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 366`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 367`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 368`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 369`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#6A737D"},children:"// 50% on small screens and 33% on larger screens."})}}),` 370`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 371`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 372`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"md:basis-1/2 lg:basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 373`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"md:basis-1/2 lg:basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 374`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"md:basis-1/2 lg:basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 375`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 376`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 377`,l(e.h3,{id:"spacing",children:"Spacing"}),` 378`,l(e.p,{get children(){return["To set the spacing between the items, we use a ",l(e.code,{children:"pl-[VALUE]"}
378)," utility on the ",l(e.code,{children:"<CarouselItem />"})," and a negative ",l(e.code,{children:"-ml-[VALUE]"})," on the ",l(e.code,{children:"<CarouselContent />"}),"."]}}),` 379`,l(h,{class:"mt-6",get children(){return l(y,{get children(){return[l(e.p,{get children(){return[l(e.strong,{children:"Why:"})," I tried to use the ",l(e.code,{children:"gap"})," property or a ",l(e.code,{children:"grid"})," layout on the ",l(e.code,{children:" <CarouselContent />"}),` but it required a lot of math and mental effort to get the 380spacing right. I found `,l(e.code,{children:"pl-[VALUE]"})," and ",l(e.code,{children:"-ml-[VALUE]"}),` utilities much easier to 381use.`]}}),l(e.p,{children:"You can always adjust this in your own project if you need to."})]}})}}),` 382`,l(s,{name:"carousel-spacing-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 383`,l(e.span,{"data-line":"",children:" "}),` 384`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 385`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 386`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 387`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 388`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 389`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 390`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 391`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 392`,l(e.span,{"data-line":"",children:" "}),` 393`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselSpacingDemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 394`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 395`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-sm"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 396`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"-ml-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 397`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 398`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}
398),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 399`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-1 md:basis-1/2 lg:basis-1/3"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 400`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"p-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 401`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 402`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex aspect-square items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 403`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-2xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 404`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 405`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 406`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 407`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 408`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 409`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 410`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 411`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 412`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 413`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 414`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 415`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 416`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 417`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"-ml-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 418`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 419`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 420`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 421`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 422`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 423`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 424`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"-ml-2 md:-ml-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 425`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-2 md:pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 426`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-2 md:pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 427`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pl-2 md:pl-4"'}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 428`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 429`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 430`,l(e.h3,{id:"orientation",children:"Orientation"}),` 431`,l(e.p,{get children(){return["Use the ",l(e.code,{children:"orientation"})," prop to set the orientation of the carousel."]}}),` 432`,l(s,{name:"carousel-orientation-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 433`,l(e.span,{"data-line":"",children:" "}),` 434`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"}
434,children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 435`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 436`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 437`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 438`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 439`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 440`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 441`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 442`,l(e.span,{"data-line":"",children:" "}),` 443`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselOrientationDemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 444`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 445`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"})]}}),` 446`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"opts"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{{"})]}}),` 447`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" align: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"start"'})]}}),` 448`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }}"})}}),` 449`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"orientation"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"vertical"'})]}}),` 450`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-xs"'})]}}),` 451`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 452`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"-mt-1 h-[200px]"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 453`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 454`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}
454),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 455`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"pt-1 md:basis-1/2"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 456`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"p-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 457`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 458`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 459`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-3xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 460`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 461`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 462`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 463`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 464`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 465`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 466`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 467`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 468`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 469`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 470`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 471`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 472`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"orientation"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"vertical | horizontal"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 473`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 474`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 475`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 476`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 477`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 478`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 479`,l(e.h2,{id:"options",children:"Options"}),` 480`,l(e.p,{get children(){return["You can pass options to the carousel using the ",l(e.code,{children:"opts"})," prop. See the ",l(e.a,{href:"https://www.embla-carousel.com/api/options/",children:"Embla Carousel docs"})," for more information."]}}),` 481`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"})]}}),` 482`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"opts"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{{"})]}}),` 483`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" align: "}),l(e.span,{style:{color:"#9ECBFF"},children:'"start"'}),l(e.span,{style:{color:"#E1E4E8"},children:","})]}}),` 484`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" loop: "}),l(e.span,{style:{color:"#79B8FF"},children:"true"})]}}),` 485`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }}"})}}),` 486`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:">"})}}),` 487`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 488`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 489`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 490`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 491`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 492`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"</"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}})]}})}})}}),` 493`,l(e.h2,{id:"api",children:"API"}),` 494`,l(e.p,{get children(){return["Use a state and the ",l(e.code,{children:"setApi"})," props to get an instance of the carousel API."]}}),` 495`,l(s,{name:"carousel-api-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"}
495,children:" { createEffect, createSignal, Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 496`,l(e.span,{"data-line":"",children:" "}),` 497`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 498`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 499`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 500`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 501`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 502`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 503`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious,"})}}),` 504`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" CarouselApi"})]}}),` 505`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 506`,l(e.span,{"data-line":"",children:" "}),` 507`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApiDemo"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 508`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setApi"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:">>()"})]}}),` 509`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"current"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 510`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"count"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCount"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 511`,l(e.span,{"data-line":"",children:" "}),` 512`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onSelect"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 513`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"}
513,children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"selectedScrollSnap"}),l(e.span,{style:{color:"#E1E4E8"},children:"() "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 514`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 515`,l(e.span,{"data-line":"",children:" "}),` 516`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createEffect"}),l(e.span,{style:{color:"#E1E4E8"},children:"(() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 517`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()) {"})]}}),` 518`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"})]}}),` 519`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 520`,l(e.span,{"data-line":"",children:" "}),` 521`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCount"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"scrollSnapList"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#79B8FF"},children:"length"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 522`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"selectedScrollSnap"}),l(e.span,{style:{color:"#E1E4E8"},children:"() "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 523`,l(e.span,{"data-line":"",children:" "}),` 524`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()"}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#E1E4E8"},children:"."}),l(e.span,{style:{color:"#B392F0"},children:"on"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"select"'}),l(e.span,{style:{color:"#E1E4E8"},children:", onSelect)"})]}}),` 525`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 526`,l(e.span,{"data-line":"",children:" "}),` 527`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 528`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 529`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setApi"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{setApi} "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-xs"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 530`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 531`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 532`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}
532),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 533`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 534`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 535`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex aspect-square items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 536`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-4xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 537`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 538`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 539`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 540`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 541`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 542`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 543`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 544`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 545`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 546`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"py-2 text-center text-sm text-muted-foreground"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 547`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" Slide {"}),l(e.span,{style:{color:"#B392F0"},children:"current"}),l(e.span,{style:{color:"#E1E4E8"}
547,children:"()} of {"}),l(e.span,{style:{color:"#B392F0"},children:"count"}),l(e.span,{style:{color:"#E1E4E8"},children:"()}"})]}}),` 548`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 549`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 550`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 551`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 552`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"},children:" { CarouselApi } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 553`,l(e.span,{"data-line":"",children:" "}),` 554`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Example"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 555`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setApi"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:">>()"})]}}),` 556`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"current"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 557`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"count"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setCount"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"0"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 558`,l(e.span,{"data-line":"",children:" "}),` 559`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"}
559,children:"createEffect"}),l(e.span,{style:{color:"#E1E4E8"},children:"(() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 560`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()) {"})]}}),` 561`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"})]}}),` 562`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 563`,l(e.span,{"data-line":"",children:" "}),` 564`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCount"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#B392F0"},children:"scrollSnapList"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#79B8FF"},children:"length"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 565`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#B392F0"},children:"selectedScrollSnap"}),l(e.span,{style:{color:"#E1E4E8"},children:"() "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 566`,l(e.span,{"data-line":"",children:" "}),` 567`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#B392F0"},children:"on"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"select"'}),l(e.span,{style:{color:"#E1E4E8"},children:", () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 568`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setCurrent"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#B392F0"},children:"selectedScrollSnap"}),l(e.span,{style:{color:"#E1E4E8"},children:"() "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:")"})]}}),` 569`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 570`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 571`,l(e.span,{"data-line":"",children:" "}),` 572`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 573`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setApi"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{setApi}>"})]}}),` 574`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 575`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 576`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 577`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 578`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 579`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 580`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 581`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}}),` 582`,l(e.h2,{id:"events",children:"Events"}),` 583`,l(e.p,{get children(){return["You can listen to events using the api instance from ",l(e.code,{children:"setApi"}),"."]}}),` 584`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"type"}),l(e.span,{style:{color:"#E1E4E8"}
584,children:" { CarouselApi } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 585`,l(e.span,{"data-line":"",children:" "}),` 586`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Example"}),l(e.span,{style:{color:"#E1E4E8"},children:"() {"})]}}),` 587`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" ["}),l(e.span,{style:{color:"#79B8FF"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#79B8FF"},children:"setApi"}),l(e.span,{style:{color:"#E1E4E8"},children:"] "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createSignal"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"ReturnType"}),l(e.span,{style:{color:"#E1E4E8"},children:"<"}),l(e.span,{style:{color:"#B392F0"},children:"CarouselApi"}),l(e.span,{style:{color:"#E1E4E8"},children:">>()"})]}}),` 588`,l(e.span,{"data-line":"","data-highlighted-line":"",children:" "}),` 589`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onSelect"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" () "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 590`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#6A737D"},children:"// Do something on select."})]}}),` 591`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 592`,l(e.span,{"data-line":"","data-highlighted-line":"",children:" "}),` 593`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"createEffect"}),l(e.span,{style:{color:"#E1E4E8"},children:"(() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 594`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"if"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("}),l(e.span,{style:{color:"#F97583"},children:"!"}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()) {"})]}}),` 595`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"})]}}),` 596`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" }"})}}),` 597`,l(e.span,{"data-line":"","data-highlighted-line":"",children:" "}),` 598`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"api"}),l(e.span,{style:{color:"#E1E4E8"},children:"()."}),l(e.span,{style:{color:"#B392F0"},children:"on"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#9ECBFF"},children:'"select"'}),l(e.span,{style:{color:"#E1E4E8"},children:", onSelect)"})]}}),` 599`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 600`,l(e.span,{"data-line":"",children:" "}),` 601`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 602`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"setApi"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{setApi}>"})]}}),` 603`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 604`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 605`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 606`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">...</"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 607`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 608`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 609`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 610`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}}),` 611`,l(e.p,{get children(){return["See the ",l(e.a,{href:"https://www.embla-carousel.com/api/events/",children:"Embla Carousel docs"})," for more information on using events."]}}),` 612`,l(e.h2,{id:"plugins",children:"Plugins"}),` 613`,l(e.p,{get children(){return["You can use the ",l(e.code,{children:"plugins"})," prop to add plugins to the carousel."]}}),` 614`,l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" Autoplay "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"embla-carousel-autoplay"'})]}}),` 615`,l(e.span,{"data-line":"",children:" "}),` 616`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Example"}),l(e.span,{style:{color:"#E1E4E8"}
616,children:"() {"})]}}),` 617`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 618`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"})]}}),` 619`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"plugins"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{["})]}}),` 620`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Autoplay"}),l(e.span,{style:{color:"#E1E4E8"},children:"({"})]}}),` 621`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" delay: "}),l(e.span,{style:{color:"#79B8FF"},children:"2000"})]}}),` 622`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" })"})}}),` 623`,l(e.span,{"data-line":"","data-highlighted-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" ]}"})}}),` 624`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 625`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" // ..."})}}),` 626`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 627`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 628`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}}),` 629`,l(s,{name:"carousel-plugin-demo",get children(){return l(e.div,{"data-rehype-pretty-code-fragment":"",get children(){return l(e.pre,{style:{backgroundColor:"#24292e"},tabIndex:"0","data-language":"tsx","data-theme":"default",get children(){return l(e.code,{"data-language":"tsx","data-theme":"default",style:{display:"grid"},get children(){return[l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Index } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"solid-js"'})]}}),` 630`,l(e.span,{"data-line":"",children:" "}),` 631`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" Autoplay "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"embla-carousel-autoplay"'})]}}),` 632`,l(e.span,{"data-line":"",children:" "}),` 633`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" { Card, CardContent } "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/card"'})]}}),` 634`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"import"}),l(e.span,{style:{color:"#E1E4E8"},children:" {"})]}}),` 635`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" Carousel,"})}}),` 636`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselContent,"})}}),` 637`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselItem,"})}}),` 638`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselNext,"})}}),` 639`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" CarouselPrevious"})}}),` 640`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:"} "}),l(e.span,{style:{color:"#F97583"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#9ECBFF"},children:'"~/components/ui/carousel"'})]}}),` 641`,l(e.span,{"data-line":"",children:" "}),` 642`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#F97583"},children:"export"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"function"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"CarouselPluginDemo"}),l(e.span,{style:{color:"#E1E4E8"}
642,children:"() {"})]}}),` 643`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"const"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"plugin"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"Autoplay"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ delay: "}),l(e.span,{style:{color:"#79B8FF"},children:"2000"}),l(e.span,{style:{color:"#E1E4E8"},children:", stopOnInteraction: "}),l(e.span,{style:{color:"#79B8FF"},children:"true"}),l(e.span,{style:{color:"#E1E4E8"},children:" })"})]}}),` 644`,l(e.span,{"data-line":"",children:" "}),` 645`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#F97583"},children:"return"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 646`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"})]}}),` 647`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"plugins"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{[plugin]}"})]}}),` 648`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"w-full max-w-xs"'})]}}),` 649`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onMouseEnter"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{plugin.stop}"})]}}),` 650`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"onMouseLeave"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{() "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" plugin."}),l(e.span,{style:{color:"#B392F0"},children:"play"}),l(e.span,{style:{color:"#E1E4E8"},children:"("}),l(e.span,{style:{color:"#79B8FF"},children:"false"}),l(e.span,{style:{color:"#E1E4E8"},children:")}"})]}}),` 651`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" >"})}}),` 652`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 653`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"each"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#E1E4E8"},children:"{Array."}),l(e.span,{style:{color:"#B392F0"},children:"from"}),l(e.span,{style:{color:"#E1E4E8"},children:"({ length: "}),l(e.span,{style:{color:"#79B8FF"},children:"5"}),l(e.span,{style:{color:"#E1E4E8"},children:" })}>"})]}}),` 654`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" {("}),l(e.span,{style:{color:"#FFAB70"},children:"_"}),l(e.span,{style:{color:"#E1E4E8"},children:", "}),l(e.span,{style:{color:"#FFAB70"},children:"index"}),l(e.span,{style:{color:"#E1E4E8"},children:") "}),l(e.span,{style:{color:"#F97583"},children:"=>"}),l(e.span,{style:{color:"#E1E4E8"},children:" ("})]}}),` 655`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 656`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"p-1"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 657`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 658`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"flex aspect-square items-center justify-center p-6"'}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 659`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#B392F0"},children:"class"}),l(e.span,{style:{color:"#F97583"},children:"="}),l(e.span,{style:{color:"#9ECBFF"},children:'"text-4xl font-semibold"'}),l(e.span,{style:{color:"#E1E4E8"},children:">{index "}),l(e.span,{style:{color:"#F97583"},children:"+"}),l(e.span,{style:{color:"#E1E4E8"},children:" "}),l(e.span,{style:{color:"#79B8FF"},children:"1"}),l(e.span,{style:{color:"#E1E4E8"},children:"}</"}),l(e.span,{style:{color:"#85E89D"},children:"span"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 660`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CardContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 661`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Card"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 662`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#85E89D"},children:"div"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 663`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselItem"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 664`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )}"})}}),` 665`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Index"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 666`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselContent"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 667`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselPrevious"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 668`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" <"}),l(e.span,{style:{color:"#79B8FF"},children:"CarouselNext"}),l(e.span,{style:{color:"#E1E4E8"},children:" />"})]}}),` 669`,l(e.span,{"data-line":"",get children(){return[l(e.span,{style:{color:"#E1E4E8"},children:" </"}),l(e.span,{style:{color:"#79B8FF"},children:"Carousel"}),l(e.span,{style:{color:"#E1E4E8"},children:">"})]}}),` 670`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:" )"})}}),` 671`,l(e.span,{"data-line":"",get children(){return l(e.span,{style:{color:"#E1E4E8"},children:"}"})}})]}})}})}})}}),` 672`,l(e.p,{get children(){return["See the ",l(e.a,{href:"https://www.embla-carousel.com/api/plugins/",children:"Embla Carousel docs"})," for more information on using plugins."]}})]}function m(r={}){const{wrapper:e}=Object.assign({},u(),r.components);return e?l(e,g(r,{get children(){return l(F,r)}})):F(r)}function n(r,e){throw new Error("Expected component `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}export{m as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.