@uniformdev/csk-components 6.0.82-alpha.1 → 6.0.83-alpha.1

package/dist/carousel-JVL3HRFG.mjs

@@ -0,0 +1 @@
+"use client";import{a as s}from"./chunk-GKTFFPF4.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as d}from"@uniformdev/canvas-next-rsc/component";import{jsx as o}from"react/jsx-runtime";var B=({slots:r,component:e,context:t,backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,itemsPerPage:f,gapX:C})=>o(s,{backgroundColor:a,spacing:l,border:m,fluidContent:i,fullHeight:u,itemsPerPage:f,gapX:C,countOfItems:r.carouselItems?.items.length??0,variant:e.variant,children:({className:n,style:p})=>o(d,{context:t,slot:r.carouselItems,data:e,children:({child:c,key:v})=>o("div",{className:n,style:p,children:c},v)})});export{B as Carousel};

package/dist/carousel-X2W2VEGH.mjs

@@ -0,0 +1 @@
+"use client";import"./chunk-GKTFFPF4.mjs";import{a as p}from"./chunk-RZFK2OR7.mjs";import{a as x,c as s}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as h,useEffect as N,useMemo as S,useRef as T,useState as y}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";var H=({countOfItems:o,backgroundColor:t,spacing:w,border:C,fluidContent:k,fullHeight:z,itemsPerPage:E="1",children:P,gapX:c,variant:b="default"})=>{let u=T(null),[f,m]=y(0),[R,$]=y(!1),l=Number(E),n=S(()=>o?l>1?Math.ceil(o/l):o:0,[o,l]);N(()=>{let e=()=>$(r=>!r);return window.addEventListener("resize",e,{passive:!0}),()=>window.removeEventListener("resize",e)},[]),N(()=>{if(u.current){let{clientWidth:e}=u.current;u.current.scrollLeft=f*e}},[f,R]);let d=h(()=>{m(e=>e===0?n-1:e-1)},[n]),v=h(()=>{m(e=>e===n-1?0:e+1)},[n]),L=()=>b==="brochure"?a("div",{className:s("flex py-4 px-4 z-5 gap-x-4 justify-end items-center"),children:[i("button",{onClick:d,children:"\u276E"}),i("div",{className:"flex items-center gap-2",children:Array.from({length:n}).map((e,r)=>i("button",{onClick:()=>m(r),className:s("h-2 rounded-full transition-all duration-300 size-2 opacity-50",{"w-6 opacity-100":r===f,[`bg-${t} invert`]:!!t,"bg-black dark:bg-white":!t}),"aria-label":`Go to slide ${r+1}`},`slide-${r}`))}),i("button",{onClick:v,children:"\u276F"})]}):b==="numeric"?a("div",{className:s("flex py-4 px-4 z-5 gap-x-4 justify-end items-center",{[`text-${t} invert`]:!!t,"text-black dark:text-white":!t}),children:[i("button",{onClick:d,children:"\u276E"}),a("div",{className:"flex flex-col px-2",children:[f+1," of ",n]}),i("button",{onClick:v,children:"\u276F"})]}):a("div",{className:s("absolute inset-x-5 top-1/2 flex -translate-y-1/2 justify-between",{[`text-${t} invert`]:!!t,"text-black dark:text-white":!t}),children:[i("button",{onClick:d,children:"\u276E"}),i("button",{onClick:v,children:"\u276F"})]}),M=()=>P({className:s("flex size-full items-center justify-center",{[x(c,"px-{value}")]:c}),style:{minWidth:l>1?`calc(${100/l}%)`:"100%"}});return i(p,{backgroundColor:t,spacing:w,border:C,fluidContent:k,fullHeight:z,children:a("div",{className:s("relative",{[x(c,"-mx-{value}")]:c}),children:[i("div",{ref:u,className:"flex overflow-x-hidden scroll-smooth",children:M()}),L()]})})};export{H as Carousel};

package/dist/{chunk-VZCDMN6J.mjs → chunk-CFF343FV.mjs}

@@ -1 +1 @@
-import{b as xe,d as ye,e as he,f as Re,g as Ne,h as I}from"./chunk-H3OSPGNK.mjs";import{a as ve}from"./chunk-QHIWJPL6.mjs";import{a as q}from"./chunk-SDTLQ3CZ.mjs";import{a as c}from"./chunk-RZFK2OR7.mjs";import{a as $}from"./chunk-JNIJ5N3Y.mjs";import{a as l}from"./chunk-MSXDLSXH.mjs";import{c as ge}from"./chunk-RX4IAAQQ.mjs";import{c as p}from"./chunk-S7CSCIW4.mjs";import{UniformSlot as Te}from"@uniformdev/canvas-next-rsc/component";import{jsx as J,jsxs as xo}from"react/jsx-runtime";var go=({slots:e,component:o,context:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s})=>xo(c,{className:"flex flex-col gap-8",backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,children:[J("div",{className:"flex flex-col gap-4 text-start",children:J(Te,{data:o,context:t,slot:e.accordionContent})}),J(Te,{data:o,context:t,slot:e.accordionItems})]});import{jsx as be}from"react/jsx-runtime";var vo=e=>{switch(e.slotName){case"accordionContent":return{component:()=>be("div",{className:"h-20"})};case"accordionItems":return{component:()=>be("div",{className:"h-28"})};default:return l}};var we=(t=>(t.AccordionContent="accordionContent",t.AccordionItems="accordionItems",t))(we||{});import{UniformSlot as Ee}from"@uniformdev/canvas-next-rsc/component";import{jsx as ho}from"react/jsx-runtime";var yo=e=>{switch(e.slotName){case"cardMedia":return{component:()=>null};case"cardContent":return{component:()=>ho("div",{className:"h-20"})};default:return l}};var He=(o=>(o.BackgroundImage="backgroundImage",o))(He||{}),Fe=(t=>(t.CardMedia="cardMedia",t.CardContent="cardContent",t))(Fe||{});import{jsx as V,jsxs as No}from"react/jsx-runtime";var Ro=({component:e,context:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,className:m,contentClassName:d})=>{let f=e.variant==="backgroundImage";return No(c,{className:p("relative overflow-hidden",m),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,children:[V("div",{className:p({"inset-0 size-full absolute":f}),children:V(Ee,{data:e,context:o,slot:t.cardMedia})}),V("div",{className:p("relative flex flex-col gap-y-2",d),children:V(Ee,{data:e,context:o,slot:t.cardContent})})]})};import wo from"next/dynamic";import{jsx as bo}from"react/jsx-runtime";var To=e=>{switch(e.slotName){case"carouselItems":return{component:()=>bo("div",{className:"mx-20 h-20 w-full"})};default:return l}};var Ae=(o=>(o.Items="carouselItems",o))(Ae||{}),Ar=wo(()=>import("./carousel-UKVR7LKR.mjs").then(e=>e.Carousel));import{UniformSlot as Ue}from"@uniformdev/canvas-next-rsc/component";import{UniformText as Be}from"@uniformdev/canvas-next-rsc/component";import{jsx as C}from"react/jsx-runtime";var D=({component:e,context:o,parameterId:t,text:r,...a})=>{let i=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!i?null:C(ve,{...a,children:C(Be,{placeholder:"Text goes here",parameterId:t,as:a.tag||void 0,component:e,context:o})})},Le=({component:e,context:o,parameterId:t,text:r,...a})=>{let{link:i,icon:n}=a,s=ge(i),m=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!s&&!m?null:C(xe,{...a,href:s,icon:C(()=>{let[f]=$(n),{url:u,title:y=""}=f||{};return u?C(q,{src:u,alt:y,width:20,height:20,containerStyle:{width:"20px",height:"20px"}}):void 0},{}),children:C(Be,{placeholder:"Button text goes here",parameterId:t,component:e,context:o})})},Ie=({component:e,context:o,image:t,objectFit:r,width:a,height:i,overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:d,priority:f,unoptimized:u})=>{let[y]=$(t);if(!y){let G=o.previewMode==="editor"&&o.isContextualEditing,Y=e?._id?.includes("placeholder_");return!G||Y||!e.variant?null:C("div",{style:{width:a?`${a}px`:"auto",height:i?`${i}px`:"auto"},children:C(ye,{type:"image",placeholder:"Please add an asset to display an image"})})}let{url:W,title:K=""}=y;return C(q,{containerStyle:{...a?{width:`${a}px`}:{},...i?{height:`${i}px`}:{}},src:W,alt:K,fill:!0,unoptimized:u,priority:f,sizes:"100%",style:{objectFit:r},overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:d})};import{jsx as T,jsxs as Ve}from"react/jsx-runtime";var De=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,variant:i,demoHeroMedia:n,demoHeroContent:s,demoHeroCTA:m,textAlignmentClass:d,buttonAlignmentClass:f})=>T(c,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:Ve("div",{className:p("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[T("div",{className:p("aspect-square",{"order-last":i==="columnsReverse"}),children:T("div",{className:"flex size-full items-center justify-center overflow-hidden",children:n})}),Ve("div",{className:"flex flex-col justify-center gap-8",children:[T("div",{className:p("flex flex-col gap-4",d),children:s}),T("div",{className:p("flex flex-wrap gap-2 items-center",f),children:m})]})]})});import{jsx as X,jsxs as Se}from"react/jsx-runtime";var Oe=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,demoHeroMedia:i,demoHeroContent:n,demoHeroCTA:s,textAlignmentClass:m,buttonAlignmentClass:d})=>Se(c,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:[X("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:i}),Se(c,{className:"relative flex flex-col gap-8",children:[X("div",{className:p("flex flex-col gap-4",m),children:n}),X("div",{className:p("flex flex-wrap gap-2 items-center",d),children:s})]})]});var ke=({contentAlignment:e})=>p("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),Me=({contentAlignment:e})=>p("text-center",{"text-start":e==="left","text-end":e==="right"});var h=(e,o)=>Object.entries(e).reduce((t,[r,a])=>{if(r.startsWith(o)){let i=r.slice(o.length).replace(/^./,n=>n.toLowerCase());return{...t,[i]:a}}return{...t,[r]:a}},{});import{Fragment as Z,jsx as P,jsxs as Fo}from"react/jsx-runtime";var S=({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:d,eyebrowTitleLineCountRestrictions:f,titleText:u,titleTag:y,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt,descriptionText:Ft,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot,primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Jt,primaryButtonIconPosition:Qt,primaryButtonHoverButtonColor:Xt,primaryButtonHoverTextColor:Zt,image:jt,imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo,contentAlignment:ce,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,isFlexibleHero:fe=!1,component:g,context:x,slots:Pe})=>{let ue=g.variant,uo=fe?P(Ue,{data:g,context:x,slot:Pe.flexibleHeroContent}):Fo(Z,{children:[P(D,{...h({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:d,eyebrowTitleLineCountRestrictions:f},"eyebrowTitle"),component:g,context:x,parameterId:"eyebrowTitleText"}),P(D,{...h({titleText:u,titleTag:y,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt},"title"),component:g,context:x,parameterId:"titleText"}),P(D,{...h({descriptionText:Ft,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot},"description"),component:g,context:x,parameterId:"descriptionText"})]}),Co=fe?P(Ue,{data:g,context:x,slot:Pe.flexibleHeroCta}):P(Z,{children:P(Le,{...h({primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Jt,primaryButtonIconPosition:Qt,primaryButtonHoverButtonColor:Xt,primaryButtonHoverTextColor:Zt},"primaryButton"),component:g,context:x,parameterId:"primaryButtonText"})}),Ce={variant:ue,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,textAlignmentClass:Me({contentAlignment:ce}),buttonAlignmentClass:ke({contentAlignment:ce}),demoHeroMedia:P(Z,{children:P(Ie,{image:jt,...h({imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo},"image"),component:g,context:x})}),demoHeroContent:uo,demoHeroCTA:Co};switch(ue){case"columns":case"columnsReverse":return P(De,{...Ce});default:return P(Oe,{...Ce})}};import{jsx as Ho}from"react/jsx-runtime";var ze=({textColor:e,enableOverlayAutoTint:o=!1,...t})=>Ho(S,{...t,eyebrowTitleTag:"span",eyebrowTitleSize:{mobile:"xs",tablet:"lg",desktop:"xl"},eyebrowTitleWeight:"bold",eyebrowTitleTransform:"uppercase",eyebrowTitleColor:e||t.eyebrowTitleColor,titleSize:{mobile:"3xl",tablet:"5xl",desktop:"5xl"},titleWeight:"bold",titleColor:e||t.titleColor,descriptionTag:"p",descriptionSize:{mobile:"sm",tablet:"lg",desktop:"xl"},descriptionWeight:"normal",descriptionColor:e||t.descriptionColor,primaryButtonSize:"button-medium",primaryButtonTextSize:"sm",primaryButtonTextColor:"text-light",primaryButtonTextWeight:"normal",primaryButtonButtonColor:"button-primary",primaryButtonTextTransform:"uppercase",primaryButtonHoverButtonColor:"button-primary-hover",imagePriority:!0,imageObjectFit:"cover",imageUnoptimized:!0,imageContrastBaseColor:!t.component.variant&&o?e:void 0,imageOverlayOpacity:"0.3",spacing:{paddingTop:"container-xlarge",paddingLeft:"container-small",paddingRight:"container-small",paddingBottom:"container-xlarge"},fluidContent:!t.component.variant,isFlexibleHero:!1});import{jsx as Eo}from"react/jsx-runtime";var We=e=>Eo(S,{...e,isFlexibleHero:!0});import{jsx as Ke}from"react/jsx-runtime";var Ao=e=>{switch(e.slotName){case"flexibleHeroContent":return{component:()=>Ke("div",{className:"h-20"})};case"flexibleHeroCta":return{component:()=>Ke("div",{className:"mx-40 h-20 w-full"})};default:return l}};var _e=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(_e||{}),Q=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(Q||{}),Ge=(t=>(t.FlexibleHeroContent="flexibleHeroContent",t.FlexibleHeroCta="flexibleHeroCta",t))(Ge||{}),Bo={FixedHero:ze,FlexibleHero:We},Ha=Bo;import{UniformSlot as j}from"@uniformdev/canvas-next-rsc/component";import{jsx as O}from"react/jsx-runtime";var Ye=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n})=>O(he,{logo:O(j,{context:e,slot:t.footerLogo,data:o}),copyright:O(j,{context:e,slot:t.footerCopyright,data:o}),content:O(j,{context:e,slot:t.footerContent,data:o}),backgroundColor:r,spacing:a,border:i,fluidContent:n});import{jsx as ee}from"react/jsx-runtime";var Lo=e=>{switch(e.slotName){case"footerLogo":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerCopyright":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerContent":return{component:()=>ee("div",{className:"h-20 w-48"})};default:return l}};var $e=(r=>(r.FooterLogo="footerLogo",r.FooterCopyright="footerCopyright",r.FooterContent="footerContent",r))($e||{}),_a=Ye;import{UniformSlot as te}from"@uniformdev/canvas-next-rsc/component";import{jsx as k}from"react/jsx-runtime";var qe=({backgroundColor:e,color:o,spacing:t,border:r,context:a,component:i,slots:n})=>k(Re,{sticky:i.variant==="sticky",leftSection:k(te,{context:a,slot:n.headerLeftContent,data:i}),rightSection:k(te,{context:a,slot:n.headerRightContent,data:i}),backgroundColor:e,color:o,spacing:t,border:r,children:k(te,{context:a,slot:n.headerCenterContent,data:i})});import{jsx as oe}from"react/jsx-runtime";var Io=e=>{switch(e.slotName){case"headerLeftContent":return{component:()=>oe("div",{className:"h-20 w-48"})};case"headerCenterContent":return{component:()=>oe("div",{className:"h-20 w-full"})};case"headerRightContent":return{component:()=>oe("div",{className:"h-20 w-48"})};default:return l}};var Qe=(r=>(r.HeaderLeftContent="headerLeftContent",r.HeaderCenterContent="headerCenterContent",r.HeaderRightContent="headerRightContent",r))(Qe||{}),Je=(o=>(o.Sticky="sticky",o))(Je||{}),ei=qe;import So from"next/dynamic";import{jsx as Do}from"react/jsx-runtime";var Vo=e=>{switch(e.slotName){case"imageGalleryItems":return{component:()=>Do("div",{className:" mx-auto size-48"})};default:return l}};var Xe=(o=>(o.Items="imageGalleryItems",o))(Xe||{}),mi=So(()=>import("./image-gallery-GDHVDVIL.mjs").then(e=>e.ImageGallery));import ko from"next/dynamic";import{jsx as Ze}from"react/jsx-runtime";var Oo=e=>{switch(e.slotName){case"navigationFlyoutLeftContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};case"navigationFlyoutRightContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};default:return l}};var gi=ko(()=>import("./navigation-flyout-MH7LKGJ2.mjs").then(e=>e.NavigationFlyout));import Uo from"next/dynamic";import{jsx as _o}from"react/jsx-runtime";var Mo=e=>{switch(e.slotName){case"links":return{component:()=>_o("div",{className:"h-40 w-48"})};default:return l}};var wi=Uo(()=>import("./navigation-group-7WBDV5IY.mjs").then(e=>e.NavigationGroup));import{UniformSlot as re}from"@uniformdev/canvas-next-rsc/component";import{jsx as M}from"react/jsx-runtime";var zo=({slots:e,component:o,context:t,backgroundColor:r,headerCustomRenderer:a,contentCustomRenderer:i,footerCustomRenderer:n})=>M(Ne,{backgroundColor:r,header:M(re,{context:t,slot:e.pageHeader,data:o,children:a}),footer:M(re,{context:t,slot:e.pageFooter,data:o,children:n}),children:M(re,{context:t,slot:e.pageContent,data:o,children:i})});import{jsx as ae}from"react/jsx-runtime";var Wo=e=>{switch(e.slotName){case"pageHeader":return{component:()=>ae("div",{className:"h-40"})};case"pageContent":return{component:()=>ae("div",{className:"h-[calc(100vh-10rem*2)]"})};case"pageFooter":return{component:()=>ae("div",{className:"h-40"})};default:return l}};var je=(r=>(r.PageContent="pageContent",r.PageHeader="pageHeader",r.PageFooter="pageFooter",r))(je||{});import{UniformSlot as ne}from"@uniformdev/canvas-next-rsc/component";import{jsx as b}from"react/jsx-runtime";var Ko=({parentComponent:e,slotName:o})=>{let t=e?.variant==="multiColumn";switch(o){case"reviewImage":return{component:()=>t?b("div",{className:"size-full"}):null};case"reviewPersonInfo":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};case"reviewContent":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};default:return l}};var ie=(o=>(o.MultiColumn="multiColumn",o))(ie||{}),et=(r=>(r.ReviewImage="reviewImage",r.ReviewPersonInfo="reviewPersonInfo",r.ReviewContent="reviewContent",r))(et||{});import{jsx as w,jsxs as tt}from"react/jsx-runtime";var ot=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,ReviewImage:d,ReviewPersonInfo:f,ReviewContent:u})=>w(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:tt("div",{className:"mx-auto flex lg:max-w-[60%]",children:[w("div",{className:"aspect-square size-12 shrink-0 rounded-full",children:d}),tt("div",{className:"ml-6",children:[f,w("div",{className:"py-4",children:w(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),w("div",{className:"flex flex-col gap-y-5",children:u})]})]})});import{jsx as R,jsxs as rt}from"react/jsx-runtime";var at=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,ReviewImage:d,ReviewPersonInfo:f,ReviewContent:u})=>R(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:rt("div",{className:"grid md:grid-cols-12",children:[rt("div",{className:"mb-2 md:col-span-4 md:my-0",children:[R("div",{className:"mb-2 aspect-square size-12 rounded-full",children:d}),R("div",{className:"flex flex-col gap-y-1",children:f})]}),R("div",{className:"my-2 md:col-span-4 md:my-0",children:R(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),R("div",{className:"mt-2 flex flex-col gap-y-3 md:col-span-4 md:my-0",children:u})]})});import{jsx as F}from"react/jsx-runtime";var Go=e=>{let{component:o,context:t,slots:r}=e,a=o.variant,i={...e,ReviewImage:F(ne,{context:t,data:o,slot:r.reviewImage}),ReviewPersonInfo:F(ne,{context:t,data:o,slot:r.reviewPersonInfo}),ReviewContent:F(ne,{context:t,data:o,slot:r.reviewContent})};switch(a){case"multiColumn":return F(at,{...i});default:return F(ot,{...i})}};import{UniformSlot as pe}from"@uniformdev/canvas-next-rsc/component";import{jsx as se}from"react/jsx-runtime";var Yo=({parentComponent:e,slotName:o})=>{let t=!e?.variant;switch(o){case"sectionMedia":return{component:()=>t?null:se("div",{className:"size-full"})};case"sectionContent":return{component:()=>se("div",{className:"h-20"})};case"sectionCTA":return{component:()=>se("div",{className:"mx-40 h-20 w-full"})};default:return l}};var nt=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(nt||{}),me=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(me||{}),it=(r=>(r.SectionContent="sectionContent",r.SectionMedia="sectionMedia",r.SectionCTA="sectionCTA",r))(it||{});import{jsx as H,jsxs as st}from"react/jsx-runtime";var mt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,variant:i,sectionMedia:n,sectionContent:s,sectionCTA:m,textAlignmentClass:d,buttonAlignmentClass:f})=>H(c,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:st("div",{className:p("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[H("div",{className:p("aspect-square",{"order-last":i==="columnsReverse"}),children:H("div",{className:"flex size-full items-center justify-center overflow-hidden",children:n})}),st("div",{className:"flex flex-col justify-center gap-8",children:[H("div",{className:p("flex flex-col gap-4",d),children:s}),H("div",{className:p("flex flex-wrap gap-2",f),children:m})]})]})});import{jsx as le,jsxs as lt}from"react/jsx-runtime";var pt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,sectionMedia:i,sectionContent:n,sectionCTA:s,textAlignmentClass:m,buttonAlignmentClass:d})=>lt(c,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:[le("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:i}),lt(c,{className:"relative flex flex-col gap-8",children:[le("div",{className:p("flex flex-col gap-4",m),children:n}),le("div",{className:p("flex flex-wrap gap-2",d),children:s})]})]});var dt=({contentAlignment:e})=>p("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),ct=({contentAlignment:e})=>p("text-center",{"text-start":e==="left","text-end":e==="right"});import{jsx as E}from"react/jsx-runtime";var $o=({contentAlignment:e,slots:o,component:t,context:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>{let d=t.variant,f={variant:d,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,textAlignmentClass:ct({contentAlignment:e}),buttonAlignmentClass:dt({contentAlignment:e}),sectionMedia:E(pe,{data:t,context:r,slot:o.sectionMedia}),sectionContent:E(pe,{data:t,context:r,slot:o.sectionContent}),sectionCTA:E(pe,{data:t,context:r,slot:o.sectionCTA})};switch(d){case"columns":case"columnsReverse":return E(mt,{...f});default:return E(pt,{...f})}};import{UniformSlot as Pt}from"@uniformdev/canvas-next-rsc/component";var ft=({size:e,textColor:o})=>p("text-left w-full [&_tr:not(:last-child)_td]:border-b [&_th]:border-b",{[`text-${o}`]:o,[`[&_td]:p-${e} [&_th]:p-${e}`]:e});import{jsx as N,jsxs as Jo}from"react/jsx-runtime";var qo=({size:e,textColor:o,slots:t,component:r,context:a,backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:d})=>N(c,{className:"flex flex-col gap-5",backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:d,children:N("div",{className:"overflow-x-auto",children:Jo("table",{className:ft({size:e,textColor:o}),children:[N("thead",{children:N(Pt,{slot:t.tableHead,context:a,data:r})}),N("tbody",{children:N(Pt,{slot:t.tableBody,context:a,data:r})})]})})});import{jsx as ut}from"react/jsx-runtime";var Qo=e=>{switch(e.slotName){case"tableHead":return{component:()=>ut("tr",{className:"h-20"})};case"tableBody":return{component:()=>ut("tr",{className:"h-40"})};default:return l}};var Ct=(t=>(t.TableHead="tableHead",t.TableBody="tableBody",t))(Ct||{});import{UniformSlot as z}from"@uniformdev/canvas-next-rsc/component";import{jsx as _}from"react/jsx-runtime";var Xo=({slotName:e})=>{switch(e){case"testimonialSecondaryImage":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialContent":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialPrimaryImage":return{component:()=>_("div",{className:"size-full"})};case"testimonialAuthor":return{component:()=>_("div",{className:"h-20 w-64"})};default:return l}};var xt=(t=>(t.WithLargeAvatar="withLargeAvatar",t.WithOverlappingImage="withOverlappingImage",t))(xt||{}),gt=(a=>(a.TestimonialSecondaryImage="testimonialSecondaryImage",a.TestimonialContent="testimonialContent",a.TestimonialPrimaryImage="testimonialPrimaryImage",a.TestimonialAuthor="testimonialAuthor",a))(gt||{});import{jsx as A,jsxs as jo}from"react/jsx-runtime";var vt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>A(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:jo("div",{className:"mx-auto flex flex-col items-center md:max-w-[80%]",children:[A("div",{children:r}),A("div",{className:"my-8",children:o}),A("div",{className:"size-10 rounded-full",children:e}),A("div",{className:"mt-4 flex gap-3",children:t})]})});import{jsx as B,jsxs as U}from"react/jsx-runtime";var yt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>B(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:U("div",{className:"mx-auto flex items-center gap-x-10 md:max-w-[80%]",children:[B("div",{className:"hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block",children:e}),U("div",{className:"flex flex-col gap-y-8",children:[B("div",{className:"",children:o}),U("div",{className:"flex items-center justify-between",children:[U("div",{className:"flex items-center gap-x-4",children:[B("div",{className:"block aspect-square w-10 overflow-hidden rounded-md lg:hidden",children:e}),B("div",{className:"gap-3",children:t})]}),r]})]})]})});import{jsx as L,jsxs as de}from"react/jsx-runtime";var ht=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>L(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:L(c,{className:"pb-10 lg:pb-0",children:de("div",{className:"mx-auto flex max-w-2xl flex-col items-center gap-10 lg:max-w-none lg:flex-row",children:[L("div",{className:"-mt-7 aspect-[2/1] w-full shrink-0 overflow-hidden rounded-xl lg:-my-7 lg:aspect-[1/1.4] lg:max-w-xs",children:e}),de("div",{className:"flex flex-col gap-y-8",children:[L("div",{className:"",children:o}),de("div",{className:"flex items-center justify-between",children:[L("div",{className:"gap-3",children:t}),r]})]})]})})});import{jsx as v}from"react/jsx-runtime";var Zo=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s})=>{let m=o.variant,d={backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,testimonialPrimaryImage:v(z,{context:e,data:o,slot:t.testimonialPrimaryImage}),testimonialContent:v(z,{context:e,data:o,slot:t.testimonialContent}),testimonialAuthor:v(z,{context:e,data:o,slot:t.testimonialAuthor}),testimonialSecondaryImage:v(z,{context:e,data:o,slot:t.testimonialSecondaryImage})};switch(m){case"withLargeAvatar":return v(yt,{...d});case"withOverlappingImage":return v(ht,{...d});default:return v(vt,{...d})}};export{go as a,we as b,vo as c,Ro as d,He as e,Fe as f,yo as g,Ae as h,Ar as i,To as j,_e as k,Q as l,Ge as m,Ha as n,Ao as o,$e as p,_a as q,Lo as r,Qe as s,Je as t,ei as u,Io as v,Xe as w,mi as x,Vo as y,gi as z,Oo as A,wi as B,Mo as C,zo as D,je as E,Wo as F,Go as G,ie as H,et as I,Ko as J,$o as K,nt as L,me as M,it as N,Yo as O,qo as P,Ct as Q,Qo as R,Zo as S,xt as T,gt as U,Xo as V};
+import{b as xe,d as ye,e as he,f as Re,g as Ne,h as I}from"./chunk-H3OSPGNK.mjs";import{a as ve}from"./chunk-QHIWJPL6.mjs";import{a as q}from"./chunk-SDTLQ3CZ.mjs";import{a as c}from"./chunk-RZFK2OR7.mjs";import{a as $}from"./chunk-JNIJ5N3Y.mjs";import{a as l}from"./chunk-MSXDLSXH.mjs";import{c as ge}from"./chunk-RX4IAAQQ.mjs";import{c as p}from"./chunk-S7CSCIW4.mjs";import{UniformSlot as Te}from"@uniformdev/canvas-next-rsc/component";import{jsx as X,jsxs as xo}from"react/jsx-runtime";var go=({slots:e,component:o,context:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s})=>xo(c,{className:"flex flex-col gap-8",backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,children:[X("div",{className:"flex flex-col gap-4 text-start",children:X(Te,{data:o,context:t,slot:e.accordionContent})}),X(Te,{data:o,context:t,slot:e.accordionItems})]});import{jsx as be}from"react/jsx-runtime";var vo=e=>{switch(e.slotName){case"accordionContent":return{component:()=>be("div",{className:"h-20"})};case"accordionItems":return{component:()=>be("div",{className:"h-28"})};default:return l}};var we=(t=>(t.AccordionContent="accordionContent",t.AccordionItems="accordionItems",t))(we||{});import{UniformSlot as Ee}from"@uniformdev/canvas-next-rsc/component";import{jsx as ho}from"react/jsx-runtime";var yo=e=>{switch(e.slotName){case"cardMedia":return{component:()=>null};case"cardContent":return{component:()=>ho("div",{className:"h-20"})};default:return l}};var He=(o=>(o.BackgroundImage="backgroundImage",o))(He||{}),Fe=(t=>(t.CardMedia="cardMedia",t.CardContent="cardContent",t))(Fe||{});import{jsx as V,jsxs as No}from"react/jsx-runtime";var Ro=({component:e,context:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,className:m,contentClassName:d})=>{let f=e.variant==="backgroundImage";return No(c,{className:p("relative overflow-hidden",m),backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,children:[V("div",{className:p({"inset-0 size-full absolute":f}),children:V(Ee,{data:e,context:o,slot:t.cardMedia})}),V("div",{className:p("relative flex flex-col gap-y-2",d),children:V(Ee,{data:e,context:o,slot:t.cardContent})})]})};import wo from"next/dynamic";import{jsx as bo}from"react/jsx-runtime";var To=e=>{switch(e.slotName){case"carouselItems":return{component:()=>bo("div",{className:"mx-20 h-20 w-full"})};default:return l}};var Ae=(o=>(o.Items="carouselItems",o))(Ae||{}),Ar=wo(()=>import("./carousel-JVL3HRFG.mjs").then(e=>e.Carousel));import{UniformSlot as Ue}from"@uniformdev/canvas-next-rsc/component";import{UniformText as Be}from"@uniformdev/canvas-next-rsc/component";import{jsx as C}from"react/jsx-runtime";var D=({component:e,context:o,parameterId:t,text:r,...a})=>{let i=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!i?null:C(ve,{...a,children:C(Be,{placeholder:"Text goes here",parameterId:t,as:a.tag||void 0,component:e,context:o})})},Le=({component:e,context:o,parameterId:t,text:r,...a})=>{let{link:i,icon:n}=a,s=ge(i),m=o.previewMode==="editor"&&o.isContextualEditing;return!r&&!s&&!m?null:C(xe,{...a,href:s,icon:C(()=>{let[f]=$(n),{url:u,title:y=""}=f||{};return u?C(q,{src:u,alt:y,width:20,height:20,containerStyle:{width:"20px",height:"20px"}}):void 0},{}),children:C(Be,{placeholder:"Button text goes here",parameterId:t,component:e,context:o})})},Ie=({component:e,context:o,image:t,objectFit:r,width:a,height:i,overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:d,priority:f,unoptimized:u})=>{let[y]=$(t);if(!y){let G=o.previewMode==="editor"&&o.isContextualEditing,Y=e?._id?.includes("placeholder_");return!G||Y||!e.variant?null:C("div",{style:{width:a?`${a}px`:"auto",height:i?`${i}px`:"auto"},children:C(ye,{type:"image",placeholder:"Please add an asset to display an image"})})}let{url:W,title:K=""}=y;return C(q,{containerStyle:{...a?{width:`${a}px`}:{},...i?{height:`${i}px`}:{}},src:W,alt:K,fill:!0,unoptimized:u,priority:f,sizes:"100%",style:{objectFit:r},overlayColor:n,contrastBaseColor:s,overlayOpacity:m,border:d})};import{jsx as T,jsxs as Ve}from"react/jsx-runtime";var De=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,variant:i,demoHeroMedia:n,demoHeroContent:s,demoHeroCTA:m,textAlignmentClass:d,buttonAlignmentClass:f})=>T(c,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:Ve("div",{className:p("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[T("div",{className:p("aspect-square",{"order-last":i==="columnsReverse"}),children:T("div",{className:"flex size-full items-center justify-center overflow-hidden",children:n})}),Ve("div",{className:"flex flex-col justify-center gap-8",children:[T("div",{className:p("flex flex-col gap-4",d),children:s}),T("div",{className:p("flex flex-wrap gap-2 items-center",f),children:m})]})]})});import{jsx as Q,jsxs as Se}from"react/jsx-runtime";var Oe=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,demoHeroMedia:i,demoHeroContent:n,demoHeroCTA:s,textAlignmentClass:m,buttonAlignmentClass:d})=>Se(c,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:[Q("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:i}),Se(c,{className:"relative flex flex-col gap-8",children:[Q("div",{className:p("flex flex-col gap-4",m),children:n}),Q("div",{className:p("flex flex-wrap gap-2 items-center",d),children:s})]})]});var ke=({contentAlignment:e})=>p("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),Me=({contentAlignment:e})=>p("text-center",{"text-start":e==="left","text-end":e==="right"});var h=(e,o)=>Object.entries(e).reduce((t,[r,a])=>{if(r.startsWith(o)){let i=r.slice(o.length).replace(/^./,n=>n.toLowerCase());return{...t,[i]:a}}return{...t,[r]:a}},{});import{Fragment as Z,jsx as P,jsxs as Fo}from"react/jsx-runtime";var S=({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:d,eyebrowTitleLineCountRestrictions:f,titleText:u,titleTag:y,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt,descriptionText:Ft,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot,primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Xt,primaryButtonIconPosition:Jt,primaryButtonHoverButtonColor:Qt,primaryButtonHoverTextColor:Zt,image:jt,imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo,contentAlignment:ce,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,isFlexibleHero:fe=!1,component:g,context:x,slots:Pe})=>{let ue=g.variant,uo=fe?P(Ue,{data:g,context:x,slot:Pe.flexibleHeroContent}):Fo(Z,{children:[P(D,{...h({eyebrowTitleText:e,eyebrowTitleTag:o,eyebrowTitleSize:t,eyebrowTitleColor:r,eyebrowTitleWeight:a,eyebrowTitleFont:i,eyebrowTitleAlignment:n,eyebrowTitleTransform:s,eyebrowTitleDecoration:m,eyebrowTitleLetterSpacing:d,eyebrowTitleLineCountRestrictions:f},"eyebrowTitle"),component:g,context:x,parameterId:"eyebrowTitleText"}),P(D,{...h({titleText:u,titleTag:y,titleSize:W,titleColor:K,titleWeight:G,titleFont:Y,titleAlignment:Rt,titleTransform:Nt,titleDecoration:Tt,titleLetterSpacing:bt,titleLineCountRestrictions:wt},"title"),component:g,context:x,parameterId:"titleText"}),P(D,{...h({descriptionText:Ft,descriptionTag:Ht,descriptionSize:Et,descriptionColor:At,descriptionWeight:Bt,descriptionFont:Lt,descriptionAlignment:It,descriptionTransform:Vt,descriptionDecoration:Dt,descriptionLetterSpacing:St,descriptionLineCountRestrictions:Ot},"description"),component:g,context:x,parameterId:"descriptionText"})]}),Co=fe?P(Ue,{data:g,context:x,slot:Pe.flexibleHeroCta}):P(Z,{children:P(Le,{...h({primaryButtonVariant:kt,primaryButtonText:Mt,primaryButtonLink:_t,primaryButtonTextColor:Ut,primaryButtonTextWeight:zt,primaryButtonTextFont:Wt,primaryButtonTextTransform:Kt,primaryButtonButtonColor:Gt,primaryButtonBorder:Yt,primaryButtonSize:$t,primaryButtonIcon:qt,primaryButtonTextSize:Xt,primaryButtonIconPosition:Jt,primaryButtonHoverButtonColor:Qt,primaryButtonHoverTextColor:Zt},"primaryButton"),component:g,context:x,parameterId:"primaryButtonText"})}),Ce={variant:ue,backgroundColor:lo,spacing:po,border:co,fluidContent:fo,fullHeight:Po,textAlignmentClass:Me({contentAlignment:ce}),buttonAlignmentClass:ke({contentAlignment:ce}),demoHeroMedia:P(Z,{children:P(Ie,{image:jt,...h({imageWidth:eo,imageHeight:to,imageObjectFit:oo,imageOverlayColor:ro,imageContrastBaseColor:ao,imageOverlayOpacity:io,imageBorder:no,imagePriority:so,imageUnoptimized:mo},"image"),component:g,context:x})}),demoHeroContent:uo,demoHeroCTA:Co};switch(ue){case"columns":case"columnsReverse":return P(De,{...Ce});default:return P(Oe,{...Ce})}};import{jsx as Ho}from"react/jsx-runtime";var ze=({textColor:e,enableOverlayAutoTint:o=!1,...t})=>Ho(S,{...t,eyebrowTitleTag:"span",eyebrowTitleSize:{mobile:"xs",tablet:"lg",desktop:"xl"},eyebrowTitleWeight:"bold",eyebrowTitleTransform:"uppercase",eyebrowTitleColor:e||t.eyebrowTitleColor,titleSize:{mobile:"3xl",tablet:"5xl",desktop:"5xl"},titleWeight:"bold",titleColor:e||t.titleColor,descriptionTag:"p",descriptionSize:{mobile:"sm",tablet:"lg",desktop:"xl"},descriptionWeight:"normal",descriptionColor:e||t.descriptionColor,primaryButtonSize:"button-medium",primaryButtonTextSize:"sm",primaryButtonTextColor:"text-light",primaryButtonTextWeight:"normal",primaryButtonButtonColor:"button-primary",primaryButtonTextTransform:"uppercase",primaryButtonHoverButtonColor:"button-primary-hover",imagePriority:!0,imageObjectFit:"cover",imageUnoptimized:!0,imageContrastBaseColor:!t.component.variant&&o?e:void 0,imageOverlayOpacity:"0.3",spacing:{paddingTop:"container-xlarge",paddingLeft:"container-small",paddingRight:"container-small",paddingBottom:"container-xlarge"},fluidContent:!t.component.variant,isFlexibleHero:!1});import{jsx as Eo}from"react/jsx-runtime";var We=e=>Eo(S,{...e,isFlexibleHero:!0});import{jsx as Ke}from"react/jsx-runtime";var Ao=e=>{switch(e.slotName){case"flexibleHeroContent":return{component:()=>Ke("div",{className:"h-20"})};case"flexibleHeroCta":return{component:()=>Ke("div",{className:"mx-40 h-20 w-full"})};default:return l}};var _e=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(_e||{}),J=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(J||{}),Ge=(t=>(t.FlexibleHeroContent="flexibleHeroContent",t.FlexibleHeroCta="flexibleHeroCta",t))(Ge||{}),Bo={FixedHero:ze,FlexibleHero:We},Ha=Bo;import{UniformSlot as j}from"@uniformdev/canvas-next-rsc/component";import{jsx as O}from"react/jsx-runtime";var Ye=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n})=>O(he,{logo:O(j,{context:e,slot:t.footerLogo,data:o}),copyright:O(j,{context:e,slot:t.footerCopyright,data:o}),content:O(j,{context:e,slot:t.footerContent,data:o}),backgroundColor:r,spacing:a,border:i,fluidContent:n});import{jsx as ee}from"react/jsx-runtime";var Lo=e=>{switch(e.slotName){case"footerLogo":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerCopyright":return{component:()=>ee("div",{className:"h-20 w-48"})};case"footerContent":return{component:()=>ee("div",{className:"h-20 w-48"})};default:return l}};var $e=(r=>(r.FooterLogo="footerLogo",r.FooterCopyright="footerCopyright",r.FooterContent="footerContent",r))($e||{}),_a=Ye;import{UniformSlot as te}from"@uniformdev/canvas-next-rsc/component";import{jsx as k}from"react/jsx-runtime";var qe=({backgroundColor:e,color:o,spacing:t,border:r,context:a,component:i,slots:n})=>k(Re,{sticky:i.variant==="sticky",leftSection:k(te,{context:a,slot:n.headerLeftContent,data:i}),rightSection:k(te,{context:a,slot:n.headerRightContent,data:i}),backgroundColor:e,color:o,spacing:t,border:r,children:k(te,{context:a,slot:n.headerCenterContent,data:i})});import{jsx as oe}from"react/jsx-runtime";var Io=e=>{switch(e.slotName){case"headerLeftContent":return{component:()=>oe("div",{className:"h-20 w-48"})};case"headerCenterContent":return{component:()=>oe("div",{className:"h-20 w-full"})};case"headerRightContent":return{component:()=>oe("div",{className:"h-20 w-48"})};default:return l}};var Je=(r=>(r.HeaderLeftContent="headerLeftContent",r.HeaderCenterContent="headerCenterContent",r.HeaderRightContent="headerRightContent",r))(Je||{}),Xe=(o=>(o.Sticky="sticky",o))(Xe||{}),ei=qe;import So from"next/dynamic";import{jsx as Do}from"react/jsx-runtime";var Vo=e=>{switch(e.slotName){case"imageGalleryItems":return{component:()=>Do("div",{className:" mx-auto size-48"})};default:return l}};var Qe=(o=>(o.Items="imageGalleryItems",o))(Qe||{}),mi=So(()=>import("./image-gallery-GDHVDVIL.mjs").then(e=>e.ImageGallery));import ko from"next/dynamic";import{jsx as Ze}from"react/jsx-runtime";var Oo=e=>{switch(e.slotName){case"navigationFlyoutLeftContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};case"navigationFlyoutRightContent":return{component:()=>Ze("div",{className:"h-40 w-48"})};default:return l}};var gi=ko(()=>import("./navigation-flyout-MH7LKGJ2.mjs").then(e=>e.NavigationFlyout));import Uo from"next/dynamic";import{jsx as _o}from"react/jsx-runtime";var Mo=e=>{switch(e.slotName){case"links":return{component:()=>_o("div",{className:"h-40 w-48"})};default:return l}};var wi=Uo(()=>import("./navigation-group-7WBDV5IY.mjs").then(e=>e.NavigationGroup));import{UniformSlot as re}from"@uniformdev/canvas-next-rsc/component";import{jsx as M}from"react/jsx-runtime";var zo=({slots:e,component:o,context:t,backgroundColor:r,headerCustomRenderer:a,contentCustomRenderer:i,footerCustomRenderer:n})=>M(Ne,{backgroundColor:r,header:M(re,{context:t,slot:e.pageHeader,data:o,children:a}),footer:M(re,{context:t,slot:e.pageFooter,data:o,children:n}),children:M(re,{context:t,slot:e.pageContent,data:o,children:i})});import{jsx as ae}from"react/jsx-runtime";var Wo=e=>{switch(e.slotName){case"pageHeader":return{component:()=>ae("div",{className:"h-40"})};case"pageContent":return{component:()=>ae("div",{className:"h-[calc(100vh-10rem*2)]"})};case"pageFooter":return{component:()=>ae("div",{className:"h-40"})};default:return l}};var je=(r=>(r.PageContent="pageContent",r.PageHeader="pageHeader",r.PageFooter="pageFooter",r))(je||{});import{UniformSlot as ne}from"@uniformdev/canvas-next-rsc/component";import{jsx as b}from"react/jsx-runtime";var Ko=({parentComponent:e,slotName:o})=>{let t=e?.variant==="multiColumn";switch(o){case"reviewImage":return{component:()=>t?b("div",{className:"size-full"}):null};case"reviewPersonInfo":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};case"reviewContent":return{component:()=>t?b("div",{className:"h-20 w-full"}):b("div",{className:"h-20 w-52"})};default:return l}};var ie=(o=>(o.MultiColumn="multiColumn",o))(ie||{}),et=(r=>(r.ReviewImage="reviewImage",r.ReviewPersonInfo="reviewPersonInfo",r.ReviewContent="reviewContent",r))(et||{});import{jsx as w,jsxs as tt}from"react/jsx-runtime";var ot=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,ReviewImage:d,ReviewPersonInfo:f,ReviewContent:u})=>w(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:tt("div",{className:"mx-auto flex lg:max-w-[60%]",children:[w("div",{className:"aspect-square size-12 shrink-0 rounded-full",children:d}),tt("div",{className:"ml-6",children:[f,w("div",{className:"py-4",children:w(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),w("div",{className:"flex flex-col gap-y-5",children:u})]})]})});import{jsx as R,jsxs as rt}from"react/jsx-runtime";var at=({stars:e,starsColor:o,activeStarsColor:t,showRatingLabel:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,ReviewImage:d,ReviewPersonInfo:f,ReviewContent:u})=>R(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:rt("div",{className:"grid md:grid-cols-12",children:[rt("div",{className:"mb-2 md:col-span-4 md:my-0",children:[R("div",{className:"mb-2 aspect-square size-12 rounded-full",children:d}),R("div",{className:"flex flex-col gap-y-1",children:f})]}),R("div",{className:"my-2 md:col-span-4 md:my-0",children:R(I,{rating:e,showReviewLabel:r,starsColor:o,activeStarsColor:t})}),R("div",{className:"mt-2 flex flex-col gap-y-3 md:col-span-4 md:my-0",children:u})]})});import{jsx as F}from"react/jsx-runtime";var Go=e=>{let{component:o,context:t,slots:r}=e,a=o.variant,i={...e,ReviewImage:F(ne,{context:t,data:o,slot:r.reviewImage}),ReviewPersonInfo:F(ne,{context:t,data:o,slot:r.reviewPersonInfo}),ReviewContent:F(ne,{context:t,data:o,slot:r.reviewContent})};switch(a){case"multiColumn":return F(at,{...i});default:return F(ot,{...i})}};import{UniformSlot as pe}from"@uniformdev/canvas-next-rsc/component";import{jsx as se}from"react/jsx-runtime";var Yo=({parentComponent:e,slotName:o})=>{let t=!e?.variant;switch(o){case"sectionMedia":return{component:()=>t?null:se("div",{className:"size-full"})};case"sectionContent":return{component:()=>se("div",{className:"h-20"})};case"sectionCTA":return{component:()=>se("div",{className:"mx-40 h-20 w-full"})};default:return l}};var nt=(r=>(r.Left="left",r.Center="center",r.Right="right",r))(nt||{}),me=(t=>(t.Columns="columns",t.ColumnsReverse="columnsReverse",t))(me||{}),it=(r=>(r.SectionContent="sectionContent",r.SectionMedia="sectionMedia",r.SectionCTA="sectionCTA",r))(it||{});import{jsx as H,jsxs as st}from"react/jsx-runtime";var mt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,variant:i,sectionMedia:n,sectionContent:s,sectionCTA:m,textAlignmentClass:d,buttonAlignmentClass:f})=>H(c,{backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:st("div",{className:p("grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0"),children:[H("div",{className:p("aspect-square",{"order-last":i==="columnsReverse"}),children:H("div",{className:"flex size-full items-center justify-center overflow-hidden",children:n})}),st("div",{className:"flex flex-col justify-center gap-8",children:[H("div",{className:p("flex flex-col gap-4",d),children:s}),H("div",{className:p("flex flex-wrap gap-2",f),children:m})]})]})});import{jsx as le,jsxs as lt}from"react/jsx-runtime";var pt=({backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,sectionMedia:i,sectionContent:n,sectionCTA:s,textAlignmentClass:m,buttonAlignmentClass:d})=>lt(c,{className:"relative overflow-hidden",backgroundColor:e,spacing:o,border:t,fluidContent:r,fullHeight:a,children:[le("div",{className:"absolute left-0 top-0 size-full overflow-hidden",children:i}),lt(c,{className:"relative flex flex-col gap-8",children:[le("div",{className:p("flex flex-col gap-4",m),children:n}),le("div",{className:p("flex flex-wrap gap-2",d),children:s})]})]});var dt=({contentAlignment:e})=>p("justify-center",{"!justify-start":e==="left","!justify-end":e==="right"}),ct=({contentAlignment:e})=>p("text-center",{"text-start":e==="left","text-end":e==="right"});import{jsx as E}from"react/jsx-runtime";var $o=({contentAlignment:e,slots:o,component:t,context:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>{let d=t.variant,f={variant:d,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,textAlignmentClass:ct({contentAlignment:e}),buttonAlignmentClass:dt({contentAlignment:e}),sectionMedia:E(pe,{data:t,context:r,slot:o.sectionMedia}),sectionContent:E(pe,{data:t,context:r,slot:o.sectionContent}),sectionCTA:E(pe,{data:t,context:r,slot:o.sectionCTA})};switch(d){case"columns":case"columnsReverse":return E(mt,{...f});default:return E(pt,{...f})}};import{UniformSlot as Pt}from"@uniformdev/canvas-next-rsc/component";var ft=({size:e,textColor:o})=>p("text-left w-full [&_tr:not(:last-child)_td]:border-b [&_th]:border-b",{[`text-${o}`]:o,[`[&_td]:p-${e} [&_th]:p-${e}`]:e});import{jsx as N,jsxs as Xo}from"react/jsx-runtime";var qo=({size:e,textColor:o,slots:t,component:r,context:a,backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:d})=>N(c,{className:"flex flex-col gap-5",backgroundColor:i,spacing:n,border:s,fluidContent:m,fullHeight:d,children:N("div",{className:"overflow-x-auto",children:Xo("table",{className:ft({size:e,textColor:o}),children:[N("thead",{children:N(Pt,{slot:t.tableHead,context:a,data:r})}),N("tbody",{children:N(Pt,{slot:t.tableBody,context:a,data:r})})]})})});import{jsx as ut}from"react/jsx-runtime";var Jo=e=>{switch(e.slotName){case"tableHead":return{component:()=>ut("tr",{className:"h-20"})};case"tableBody":return{component:()=>ut("tr",{className:"h-40"})};default:return l}};var Ct=(t=>(t.TableHead="tableHead",t.TableBody="tableBody",t))(Ct||{});import{UniformSlot as z}from"@uniformdev/canvas-next-rsc/component";import{jsx as _}from"react/jsx-runtime";var Qo=({slotName:e})=>{switch(e){case"testimonialSecondaryImage":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialContent":return{component:()=>_("div",{className:"h-20 w-64"})};case"testimonialPrimaryImage":return{component:()=>_("div",{className:"size-full"})};case"testimonialAuthor":return{component:()=>_("div",{className:"h-20 w-64"})};default:return l}};var xt=(t=>(t.WithLargeAvatar="withLargeAvatar",t.WithOverlappingImage="withOverlappingImage",t))(xt||{}),gt=(a=>(a.TestimonialSecondaryImage="testimonialSecondaryImage",a.TestimonialContent="testimonialContent",a.TestimonialPrimaryImage="testimonialPrimaryImage",a.TestimonialAuthor="testimonialAuthor",a))(gt||{});import{jsx as A,jsxs as jo}from"react/jsx-runtime";var vt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>A(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:jo("div",{className:"mx-auto flex flex-col items-center md:max-w-[80%]",children:[A("div",{children:r}),A("div",{className:"my-8",children:o}),A("div",{className:"size-10 rounded-full",children:e}),A("div",{className:"mt-4 flex gap-3",children:t})]})});import{jsx as B,jsxs as U}from"react/jsx-runtime";var yt=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>B(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:U("div",{className:"mx-auto flex items-center gap-x-10 md:max-w-[80%]",children:[B("div",{className:"hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block",children:e}),U("div",{className:"flex flex-col gap-y-8",children:[B("div",{className:"",children:o}),U("div",{className:"flex items-center justify-between",children:[U("div",{className:"flex items-center gap-x-4",children:[B("div",{className:"block aspect-square w-10 overflow-hidden rounded-md lg:hidden",children:e}),B("div",{className:"gap-3",children:t})]}),r]})]})]})});import{jsx as L,jsxs as de}from"react/jsx-runtime";var ht=({testimonialPrimaryImage:e,testimonialContent:o,testimonialAuthor:t,testimonialSecondaryImage:r,backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m})=>L(c,{backgroundColor:a,spacing:i,border:n,fluidContent:s,fullHeight:m,children:L(c,{className:"pb-10 lg:pb-0",children:de("div",{className:"mx-auto flex max-w-2xl flex-col items-center gap-10 lg:max-w-none lg:flex-row",children:[L("div",{className:"-mt-7 aspect-[2/1] w-full shrink-0 overflow-hidden rounded-xl lg:-my-7 lg:aspect-[1/1.4] lg:max-w-xs",children:e}),de("div",{className:"flex flex-col gap-y-8",children:[L("div",{className:"",children:o}),de("div",{className:"flex items-center justify-between",children:[L("div",{className:"gap-3",children:t}),r]})]})]})})});import{jsx as v}from"react/jsx-runtime";var Zo=({context:e,component:o,slots:t,backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s})=>{let m=o.variant,d={backgroundColor:r,spacing:a,border:i,fluidContent:n,fullHeight:s,testimonialPrimaryImage:v(z,{context:e,data:o,slot:t.testimonialPrimaryImage}),testimonialContent:v(z,{context:e,data:o,slot:t.testimonialContent}),testimonialAuthor:v(z,{context:e,data:o,slot:t.testimonialAuthor}),testimonialSecondaryImage:v(z,{context:e,data:o,slot:t.testimonialSecondaryImage})};switch(m){case"withLargeAvatar":return v(yt,{...d});case"withOverlappingImage":return v(ht,{...d});default:return v(vt,{...d})}};export{go as a,we as b,vo as c,Ro as d,He as e,Fe as f,yo as g,Ae as h,Ar as i,To as j,_e as k,J as l,Ge as m,Ha as n,Ao as o,$e as p,_a as q,Lo as r,Je as s,Xe as t,ei as u,Io as v,Qe as w,mi as x,Vo as y,gi as z,Oo as A,wi as B,Mo as C,zo as D,je as E,Wo as F,Go as G,ie as H,et as I,Ko as J,$o as K,nt as L,me as M,it as N,Yo as O,qo as P,Ct as Q,Jo as R,Zo as S,xt as T,gt as U,Qo as V};

package/dist/chunk-GKTFFPF4.mjs

@@ -0,0 +1 @@
+import t from"next/dynamic";var o=t(()=>import("./carousel-X2W2VEGH.mjs").then(e=>e.Carousel));export{o as a};

package/dist/components/canvas/emptyPlaceholders.mjs

@@ -1 +1 @@
-import{A as y,C as n,F as P,J as h,O as E,R as f,V as g,c as e,g as m,j as l,o as a,r as p,v as i,y as c}from"../../chunk-VZCDMN6J.mjs";import{d}from"../../chunk-2SEOCBRK.mjs";import{d as s}from"../../chunk-Q3CRLNSQ.mjs";import"../../chunk-H3OSPGNK.mjs";import"../../chunk-6TUDWIYU.mjs";import"../../chunk-QHIWJPL6.mjs";import{d as r}from"../../chunk-T6HZMAEP.mjs";import{d as t}from"../../chunk-2UV7TQNF.mjs";import"../../chunk-VZCFPWET.mjs";import"../../chunk-SDTLQ3CZ.mjs";import"../../chunk-RZFK2OR7.mjs";import"../../chunk-3PDY7RJC.mjs";import"../../chunk-JNIJ5N3Y.mjs";import{b as o}from"../../chunk-MSXDLSXH.mjs";import"../../chunk-RX4IAAQQ.mjs";import"../../chunk-S7CSCIW4.mjs";import"../../chunk-YEKQJ4YC.mjs";var u={accordion:e,banner:r,card:m,carousel:l,countdown:t,flexibleHero:a,footer:p,header:i,imageGallery:c,modal:d,navigationFlyout:y,navigationGroup:n,page:P,review:h,section:E,table:f,tabs:s,testimonial:g},K=u,L=o(u);export{K as default,L as emptyPlaceholderResolver};
+import{A as y,C as n,F as P,J as h,O as E,R as f,V as g,c as e,g as m,j as l,o as a,r as p,v as i,y as c}from"../../chunk-CFF343FV.mjs";import{d}from"../../chunk-2SEOCBRK.mjs";import{d as s}from"../../chunk-Q3CRLNSQ.mjs";import"../../chunk-H3OSPGNK.mjs";import"../../chunk-6TUDWIYU.mjs";import"../../chunk-QHIWJPL6.mjs";import{d as r}from"../../chunk-T6HZMAEP.mjs";import{d as t}from"../../chunk-2UV7TQNF.mjs";import"../../chunk-VZCFPWET.mjs";import"../../chunk-SDTLQ3CZ.mjs";import"../../chunk-RZFK2OR7.mjs";import"../../chunk-3PDY7RJC.mjs";import"../../chunk-JNIJ5N3Y.mjs";import{b as o}from"../../chunk-MSXDLSXH.mjs";import"../../chunk-RX4IAAQQ.mjs";import"../../chunk-S7CSCIW4.mjs";import"../../chunk-YEKQJ4YC.mjs";var u={accordion:e,banner:r,card:m,carousel:l,countdown:t,flexibleHero:a,footer:p,header:i,imageGallery:c,modal:d,navigationFlyout:y,navigationGroup:n,page:P,review:h,section:E,table:f,tabs:s,testimonial:g},K=u,L=o(u);export{K as default,L as emptyPlaceholderResolver};

package/dist/components/canvas/index.d.mts

@@ -135,7 +135,10 @@ declare enum CardSlots {
 }
 type CardProps = ComponentProps<CardParameters & CardAdditionalProps, CardSlots>;
 
-type CarouselParameters = ContainerParameters;
+type CarouselParameters = ContainerParameters & {
+    itemsPerPage: string;
+    gapX: string;
+};
 declare enum CarouselSlots {
     Items = "carouselItems"
 }

package/dist/components/canvas/index.mjs

@@ -1,2 +1,2 @@
-import{a as ut}from"../../chunk-TM7Q5NMH.mjs";import{a as ft,b as ht,c as Pt}from"../../chunk-HLLKGZN6.mjs";import{a as z}from"../../chunk-AKRWCDDG.mjs";import{a as pt}from"../../chunk-56OQGKRM.mjs";import{B as Ae,D as Ne,E as Mr,G as Be,H as Or,I as jr,K as ke,L as Hr,M as $r,N as Wr,P as Fe,Q as zr,S as _e,T as Kr,U as Qr,a as Ce,b as wr,d as xe,e as Ar,f as Nr,h as Br,i as ge,k as Ur,l as _r,m as Vr,n as W,p as Lr,q as be,s as Rr,t as Gr,u as Ie,w as Dr,x as we,z as Se}from"../../chunk-VZCDMN6J.mjs";import{b as Er,c as Te}from"../../chunk-2SEOCBRK.mjs";import{a as qr,b as Jr,c as Ue}from"../../chunk-Q3CRLNSQ.mjs";import{a as j,b as H,d as $}from"../../chunk-H3OSPGNK.mjs";import"../../chunk-6TUDWIYU.mjs";import{a as b}from"../../chunk-QHIWJPL6.mjs";import{a as Tr,b as Sr,c as ye}from"../../chunk-T6HZMAEP.mjs";import{a as kr,b as Fr,c as ve}from"../../chunk-2UV7TQNF.mjs";import{a as ct,b as dt}from"../../chunk-VZCFPWET.mjs";import{a as v}from"../../chunk-SDTLQ3CZ.mjs";import{a as lt}from"../../chunk-RZFK2OR7.mjs";import"../../chunk-3PDY7RJC.mjs";import{a as C}from"../../chunk-JNIJ5N3Y.mjs";import"../../chunk-MSXDLSXH.mjs";import{a as O,c as g,d as mt}from"../../chunk-RX4IAAQQ.mjs";import{a as Pe,c as f}from"../../chunk-S7CSCIW4.mjs";import{a as st,b as Ir}from"../../chunk-YEKQJ4YC.mjs";var It=st((aa,bt)=>{"use strict";var Ge=class{constructor(e){this.value=e,this.next=void 0}},De=class{constructor(){this.clear()}enqueue(e){let t=new Ge(e);this._head?(this._tail.next=t,this._tail=t):(this._head=t,this._tail=t),this._size++}dequeue(){let e=this._head;if(e)return this._head=this._head.next,this._size--,e.value}clear(){this._head=void 0,this._tail=void 0,this._size=0}get size(){return this._size}*[Symbol.iterator](){let e=this._head;for(;e;)yield e.value,e=e.next}};bt.exports=De});var Tt=st((na,wt)=>{"use strict";var eo=It(),to=r=>{if(!((Number.isInteger(r)||r===1/0)&&r>0))throw new TypeError("Expected `concurrency` to be a number from 1 and up");let e=new eo,t=0,o=()=>{t--,e.size>0&&e.dequeue()()},a=async(s,n,...m)=>{t++;let l=(async()=>s(...m))();n(l);try{await l}catch{}o()},p=(s,n,...m)=>{e.enqueue(a.bind(null,s,n,...m)),(async()=>(await Promise.resolve(),t<r&&e.size>0&&e.dequeue()()))()},i=(s,...n)=>new Promise(m=>{p(s,m,...n)});return Object.defineProperties(i,{activeCount:{get:()=>t},pendingCount:{get:()=>e.size},clearQueue:{value:()=>{e.clear()}}}),i};wt.exports=to});import Yr from"next/dynamic";var Ct=(e=>(e.AccordionItemContent="accordionItemContent",e))(Ct||{}),Ve=Yr(()=>import("../../accordion-item-A2CU5OKG.mjs").then(r=>r.AccordionItem));import{UniformText as Xr}from"@uniformdev/canvas-next-rsc/component";import{jsx as yt}from"react/jsx-runtime";var xt=({className:r,...e})=>yt("svg",{viewBox:"0 0 6 6","aria-hidden":"true",className:f("w-1.5 h-1.5",r),...e,children:yt("circle",{r:"3",cx:"3",cy:"3"})});var gt=({pill:r,size:e,dotColor:t,borderColor:o,backgroundColor:a})=>f("inline-flex items-center w-fit",{"rounded-full":r,"rounded-md":!r,"gap-x-1.5":!!t,[`ring-1 ring-inset ring-${o}`]:!!o,[`bg-${a}`]:!!a,[`p-${e}`]:e});import{jsx as Le,jsxs as Zr}from"react/jsx-runtime";var vt=({component:r,context:e,textColor:t,backgroundColor:o,borderColor:a,dotColor:p,pill:i=!1,size:s})=>Zr("div",{className:gt({pill:i,size:s,dotColor:p,borderColor:a,backgroundColor:o}),children:[p&&Le(xt,{className:f({[`fill-${p}`]:p})}),Le(b,{color:t,size:"xs",children:Le(Xr,{placeholder:"Badge text goes here",parameterId:"text",component:r,context:e})})]});var Re=vt;import{flattenValues as Gt,CanvasClient as xo}from"@uniformdev/canvas";var At=Ir(Tt(),1),ro=Object.defineProperty,St=r=>{throw TypeError(r)},oo=(r,e,t)=>e in r?ro(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,ao=(r,e,t)=>oo(r,typeof e!="symbol"?e+"":e,t),no=(r,e,t)=>e.has(r)||St("Cannot "+t),h=(r,e,t)=>(no(r,e,"read from private field"),t?t.call(r):e.get(r)),I=(r,e,t)=>e.has(r)?St("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t);var io=(0,At.default)(6),so=class Nt extends Error{constructor(e,t,o,a,p,i){super(`${e}
+import{a as ut}from"../../chunk-TM7Q5NMH.mjs";import{a as ft,b as ht,c as Pt}from"../../chunk-HLLKGZN6.mjs";import{a as z}from"../../chunk-AKRWCDDG.mjs";import{a as pt}from"../../chunk-56OQGKRM.mjs";import{B as Ae,D as Ne,E as Mr,G as Be,H as Or,I as jr,K as ke,L as Hr,M as $r,N as Wr,P as Fe,Q as zr,S as _e,T as Kr,U as Qr,a as Ce,b as wr,d as xe,e as Ar,f as Nr,h as Br,i as ge,k as Ur,l as _r,m as Vr,n as W,p as Lr,q as be,s as Rr,t as Gr,u as Ie,w as Dr,x as we,z as Se}from"../../chunk-CFF343FV.mjs";import{b as Er,c as Te}from"../../chunk-2SEOCBRK.mjs";import{a as qr,b as Jr,c as Ue}from"../../chunk-Q3CRLNSQ.mjs";import{a as j,b as H,d as $}from"../../chunk-H3OSPGNK.mjs";import"../../chunk-6TUDWIYU.mjs";import{a as b}from"../../chunk-QHIWJPL6.mjs";import{a as Tr,b as Sr,c as ye}from"../../chunk-T6HZMAEP.mjs";import{a as kr,b as Fr,c as ve}from"../../chunk-2UV7TQNF.mjs";import{a as ct,b as dt}from"../../chunk-VZCFPWET.mjs";import{a as v}from"../../chunk-SDTLQ3CZ.mjs";import{a as lt}from"../../chunk-RZFK2OR7.mjs";import"../../chunk-3PDY7RJC.mjs";import{a as C}from"../../chunk-JNIJ5N3Y.mjs";import"../../chunk-MSXDLSXH.mjs";import{a as O,c as g,d as mt}from"../../chunk-RX4IAAQQ.mjs";import{a as Pe,c as f}from"../../chunk-S7CSCIW4.mjs";import{a as st,b as Ir}from"../../chunk-YEKQJ4YC.mjs";var It=st((aa,bt)=>{"use strict";var Ge=class{constructor(e){this.value=e,this.next=void 0}},De=class{constructor(){this.clear()}enqueue(e){let t=new Ge(e);this._head?(this._tail.next=t,this._tail=t):(this._head=t,this._tail=t),this._size++}dequeue(){let e=this._head;if(e)return this._head=this._head.next,this._size--,e.value}clear(){this._head=void 0,this._tail=void 0,this._size=0}get size(){return this._size}*[Symbol.iterator](){let e=this._head;for(;e;)yield e.value,e=e.next}};bt.exports=De});var Tt=st((na,wt)=>{"use strict";var eo=It(),to=r=>{if(!((Number.isInteger(r)||r===1/0)&&r>0))throw new TypeError("Expected `concurrency` to be a number from 1 and up");let e=new eo,t=0,o=()=>{t--,e.size>0&&e.dequeue()()},a=async(s,n,...m)=>{t++;let l=(async()=>s(...m))();n(l);try{await l}catch{}o()},p=(s,n,...m)=>{e.enqueue(a.bind(null,s,n,...m)),(async()=>(await Promise.resolve(),t<r&&e.size>0&&e.dequeue()()))()},i=(s,...n)=>new Promise(m=>{p(s,m,...n)});return Object.defineProperties(i,{activeCount:{get:()=>t},pendingCount:{get:()=>e.size},clearQueue:{value:()=>{e.clear()}}}),i};wt.exports=to});import Yr from"next/dynamic";var Ct=(e=>(e.AccordionItemContent="accordionItemContent",e))(Ct||{}),Ve=Yr(()=>import("../../accordion-item-A2CU5OKG.mjs").then(r=>r.AccordionItem));import{UniformText as Xr}from"@uniformdev/canvas-next-rsc/component";import{jsx as yt}from"react/jsx-runtime";var xt=({className:r,...e})=>yt("svg",{viewBox:"0 0 6 6","aria-hidden":"true",className:f("w-1.5 h-1.5",r),...e,children:yt("circle",{r:"3",cx:"3",cy:"3"})});var gt=({pill:r,size:e,dotColor:t,borderColor:o,backgroundColor:a})=>f("inline-flex items-center w-fit",{"rounded-full":r,"rounded-md":!r,"gap-x-1.5":!!t,[`ring-1 ring-inset ring-${o}`]:!!o,[`bg-${a}`]:!!a,[`p-${e}`]:e});import{jsx as Le,jsxs as Zr}from"react/jsx-runtime";var vt=({component:r,context:e,textColor:t,backgroundColor:o,borderColor:a,dotColor:p,pill:i=!1,size:s})=>Zr("div",{className:gt({pill:i,size:s,dotColor:p,borderColor:a,backgroundColor:o}),children:[p&&Le(xt,{className:f({[`fill-${p}`]:p})}),Le(b,{color:t,size:"xs",children:Le(Xr,{placeholder:"Badge text goes here",parameterId:"text",component:r,context:e})})]});var Re=vt;import{flattenValues as Gt,CanvasClient as xo}from"@uniformdev/canvas";var At=Ir(Tt(),1),ro=Object.defineProperty,St=r=>{throw TypeError(r)},oo=(r,e,t)=>e in r?ro(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,ao=(r,e,t)=>oo(r,typeof e!="symbol"?e+"":e,t),no=(r,e,t)=>e.has(r)||St("Cannot "+t),h=(r,e,t)=>(no(r,e,"read from private field"),t?t.call(r):e.get(r)),I=(r,e,t)=>e.has(r)?St("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t);var io=(0,At.default)(6),so=class Nt extends Error{constructor(e,t,o,a,p,i){super(`${e}
  ${a}${p?" "+p:""} (${t} ${o}${i?` Request ID: ${i}`:""})`),this.errorMessage=e,this.fetchMethod=t,this.fetchUri=o,this.statusCode=a,this.statusText=p,this.requestId=i,Object.setPrototypeOf(this,Nt.prototype)}},y=class Bt{constructor(e){ao(this,"options");var t,o,a,p,i;if(!e.apiKey&&!e.bearerToken)throw new Error("You must provide an API key or a bearer token");let s=e.fetch;if(!s)if(typeof window<"u")s=window.fetch.bind(window);else if(typeof fetch<"u")s=fetch;else throw new Error("You must provide or polyfill a fetch implementation when not in a browser");this.options={...e,fetch:s,apiHost:this.ensureApiHost(e.apiHost),apiKey:(t=e.apiKey)!=null?t:null,projectId:(o=e.projectId)!=null?o:null,bearerToken:(a=e.bearerToken)!=null?a:null,limitPolicy:(p=e.limitPolicy)!=null?p:io,bypassCache:(i=e.bypassCache)!=null?i:!1}}async apiClient(e,t){return(await this.apiClientWithResponse(e,t)).body}async apiClientWithResponse(e,t){return this.options.limitPolicy(async()=>{var o;let a=this.options.apiKey?{"x-api-key":this.options.apiKey}:{Authorization:`Bearer ${this.options.bearerToken}`};this.options.bypassCache&&(a["x-bypass-cache"]="true");let{fetch:p,signal:i}=this.options,n=await po(()=>p(e.toString(),{...t,signal:i,headers:{...t?.headers,...a}}));if(!n.ok){let m="";try{let l=await n.text();try{let c=JSON.parse(l);c.errorMessage?m=Array.isArray(c.errorMessage)?c.errorMessage.join(", "):c.errorMessage:m=l}catch{m=l}}catch{m="General error"}throw new so(m,(o=t?.method)!=null?o:"GET",e.toString(),n.status,n.statusText,Bt.getRequestId(n))}return t?.expectNoContent?{response:n,body:null}:{response:n,body:await n.json()}})}createUrl(e,t,o){let a=new URL(`${o??this.options.apiHost}${e}`);return Object.entries(t??{}).forEach(([p,i])=>{var s;typeof i<"u"&&i!==null&&a.searchParams.append(p,Array.isArray(i)?i.join(","):(s=i?.toString())!=null?s:"")}),a}ensureApiHost(e){if(!e)return"https://uniform.app";if(!e?.startsWith("http"))throw new Error('Your apiHost must start with "http"');if(e.indexOf("/",8)>-1)throw new Error("Your apiHost must not contain a path element after the domain");if(e.indexOf("?")>-1)throw new Error("Your apiHost must not contain a query string");return e?.endsWith("/")&&(e=e.substring(0,e.length-1)),e}static getRequestId(e){let t=e.headers.get("apigw-requestid");if(t)return t}};async function po(r){var e;let o=5,a;for(;o>0&&(a=await r(),a.status===429);){let p=0;try{let n=a.clone(),m=n.headers.get("date"),l=m?new Date(m).getTime():void 0,c=await n.json(),u=(e=c?.info)==null?void 0:e.reset;typeof l=="number"&&typeof u=="number"&&(p=Math.max(0,Math.min(Math.round(1.1*(u-l)),1e4)))}catch{}let i=Math.pow(2,5-o)*333,s=i+Math.round(Math.random()*(i/2))*(Math.random()>.5?1:-1);await new Promise(n=>setTimeout(n,p+s)),o-=1}return a}var _,mo=class q extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(q,_),{...e,projectId:t});return await this.apiClient(o)}async upsert(e){let t=this.createUrl(h(q,_));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async remove(e){let t=this.createUrl(h(q,_));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}};_=new WeakMap;I(mo,_,"/api/v2/aggregate");var Ee,lo=class kt extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(kt,Ee),{...e,projectId:t});return await this.apiClient(o)}};Ee=new WeakMap;I(lo,Ee,"/api/v2/dimension");var V,Y,Ft=class F extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(F,V),{...e,projectId:t});return await this.apiClient(o)}async upsertCategory(e){let t=this.createUrl(h(F,V));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async removeCategory(e){let t=this.createUrl(h(F,V));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async upsertValue(e){let t=this.createUrl(h(F,Y));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async removeValue(e){let t=this.createUrl(h(F,Y));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}};V=new WeakMap;Y=new WeakMap;I(Ft,V,"/api/v1/enrichments");I(Ft,Y,"/api/v1/enrichment-values");var Me,co=class Ut extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(Ut,Me),{...e,projectId:t});return await this.apiClient(o)}async publish(){let{projectId:e}=this.options,t=this.createUrl("/api/v1/publish",{siteId:e});await this.apiClient(t,{method:"POST",expectNoContent:!0})}};Me=new WeakMap;I(co,Me,"/api/v2/manifest");var L,uo=class J extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(J,L),{...e,projectId:t});return await this.apiClient(o)}async upsert(e){let t=this.createUrl(h(J,L));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async remove(e){let t=this.createUrl(h(J,L));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}};L=new WeakMap;I(uo,L,"/api/v2/quirk");var R,fo=class K extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(K,R),{...e,projectId:t});return await this.apiClient(o)}async upsert(e){let t=this.createUrl(h(K,R));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async remove(e){let t=this.createUrl(h(K,R));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}};R=new WeakMap;I(fo,R,"/api/v2/signal");var G,ho=class Q extends y{constructor(e){super(e)}async get(e){let{projectId:t}=this.options,o=this.createUrl(h(Q,G),{...e,projectId:t});return await this.apiClient(o)}async upsert(e){let t=this.createUrl(h(Q,G));await this.apiClient(t,{method:"PUT",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}async remove(e){let t=this.createUrl(h(Q,G));await this.apiClient(t,{method:"DELETE",body:JSON.stringify({...e,projectId:this.options.projectId}),expectNoContent:!0})}};G=new WeakMap;I(ho,G,"/api/v2/test");import{createVariableReference as Co,parseVariableExpression as yo}from"@uniformdev/canvas";var _t=r=>{throw TypeError(r)},$e=(r,e,t)=>e.has(r)||_t("Cannot "+t),X=(r,e,t)=>($e(r,e,"read from private field"),t?t.call(r):e.get(r)),Vt=(r,e,t)=>e.has(r)?_t("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),Po=(r,e,t,o)=>($e(r,e,"write to private field"),o?o.call(r,t):e.set(r,t),t),D=(r,e,t)=>($e(r,e,"access private method"),t);var Lt=class extends y{constructor(r){super(r),this.getProjectMapDefinitions=async()=>{let{projectId:e}=this.options,t=this.createUrl("/api/v1/project-map",{projectId:e});return await this.apiClient(t)},this.getProjectMapDefinition=async e=>{let{projectId:t}=this.options,o=this.createUrl("/api/v1/project-map",{...e,projectId:t});return await this.apiClient(o)},this.upsertProjectMap=async e=>{let{projectId:t}=this.options,o=this.createUrl("/api/v1/project-map");return(await this.apiClient(o,{method:"PUT",body:JSON.stringify({...e,projectId:t})})).projectMapId},this.deleteProjectMap=async e=>{let{projectId:t}=this.options,o=this.createUrl("/api/v1/project-map");await this.apiClient(o,{method:"DELETE",body:JSON.stringify({...e,projectId:t}),expectNoContent:!0})},this.upsertProjectMapNodes=async e=>{let{projectId:t}=this.options,o=this.createUrl("/api/v1/project-map-nodes");await this.apiClient(o,{method:"PUT",body:JSON.stringify({...e,projectId:t,nodes:e.nodes.map(a=>({...a,node:{...this.cleanProjectMapNode(a.node)}}))}),expectNoContent:!0})},this.deleteProjectMapNode=async e=>{let{projectId:t}=this.options,o=this.createUrl("/api/v1/project-map-nodes");await this.apiClient(o,{method:"DELETE",body:JSON.stringify({...e,projectId:t}),expectNoContent:!0})},this.getSubtree=async e=>{var t;let o=this.setFetchOptions(e);o.tree="true";let a=this.createUrl("/api/v1/project-map-nodes",o),i={...(await this.apiClient(a)).tree},s=[i];for(;s&&s.length>0;){let n=s.pop(),m;(t=n?.children)==null||t.forEach(l=>{l.parent=Oe(n),l.previousSibling=Oe(m),m&&(m.nextSibling=Oe(l)),m=l,s.push(l)})}return i},this.getNodes=async e=>{let t=this.setFetchOptions(e),o=this.createUrl("/api/v1/project-map-nodes",t);return await this.apiClient(o)}}setFetchOptions(r){let{projectId:e}=this.options,t={projectId:e};return Object.entries(r).forEach(([o,a])=>{if(a!==void 0){if(typeof a=="boolean"){if(!a)return;t[o]="true";return}if(typeof a=="number"){t[o]=a.toString(10);return}t[o]=a}}),t}cleanProjectMapNode(r){var e,t,o;return{id:((o=(t=(e=r.id)==null?void 0:e.match(/^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i))==null?void 0:t.length)!=null?o:0)==1?r.id:void 0,path:r.path,name:r.name,type:r.type,order:r.order,data:r.data,compositionId:r.compositionId,description:r.description,locales:r.locales}}};var Oe=r=>r?{...r,parent:void 0,children:void 0}:void 0;var S,A,He,Z,We=class w{constructor(e){this.route=e,Vt(this,S);var t;Po(this,S,D(t=w,A,He).call(t,this.route))}get dynamicSegmentCount(){return X(this,S).segments.reduce((e,t)=>{var o;return D(o=w,A,Z).call(o,t)?e+1:e},0)}matches(e){var t,o;let{segments:a,queryParams:p}=D(t=w,A,He).call(t,e),{segments:i}=X(this,S);if(a.length!==i.length)return{match:!1};let s={match:!0,dynamicSegmentCount:0,pathParams:{},queryParams:{}};for(let n=0;n<i.length;n++){let m=i[n],l=a[n];if(D(o=w,A,Z).call(o,m)){let c=m.slice(1);s.pathParams[c]=l,s.dynamicSegmentCount++}else if(m!==l)return{match:!1}}for(let[n,m]of X(this,S).queryParams)s.queryParams[n]=p.has(n)?p.get(n):m;return s}expand(e){let{dynamicInputValues:t={},allowedQueryParams:o=[],doNotEscapeVariables:a=!1}=e??{},p=X(this,S).segments.map(n=>{let m=w.getDynamicRouteSegmentName(n);if(!m)return n;let l=t[m];return l?je(l,a):n}).join("/"),i=o.filter(n=>{let m=typeof t[n];return m==="string"||m==="number"||m==="boolean"}).map(n=>`${je(n,a)}=${je(t[n],a)}`),s=i.length?`?${i.join("&")}`:"";return`/${p}${s}`}static getDynamicRouteSegmentName(e){var t;if(D(t=w,A,Z).call(t,e))return e.slice(w.dynamicSegmentPrefix.length)}};S=new WeakMap;A=new WeakSet;He=function(r){if(!r.startsWith("/")||r==="")throw new Error(`Path must start with a slash: ${r}`);let[e,t]=r.split("?"),o=e.substring(1).split("/");o[o.length-1]===""&&o.pop();let a=new URLSearchParams(t);return{segments:o,queryParams:a}};Z=function(r){return r?r.startsWith(We.dynamicSegmentPrefix):!1};Vt(We,A);We.dynamicSegmentPrefix=":";function je(r,e){if(!e)return encodeURIComponent(r);let t=[];return yo(r.toString(10),(o,a)=>{a==="variable"?t.push(Co(o)):t.push(encodeURIComponent(o))}),t.join("")}import{jsx as ee}from"react/jsx-runtime";var Rt=r=>{switch(r){case"slash":return ee("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:ee("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m9 20.247 6-16.5"})});case"chevron":default:return ee("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:ee("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"})})}};import{jsx as te,jsxs as go}from"react/jsx-runtime";var Dt=async({separator:r,links:e,size:t,color:o,font:a,transform:p,autoGenerate:i,context:s})=>{let l=i?await(async()=>{let c=new Lt({projectId:process.env.UNIFORM_PROJECT_ID,apiKey:process.env.UNIFORM_API_KEY}),{nodes:u}=await c.getNodes({path:s?.matchedRoute,includeAncestors:!0});return u?.length?Promise.all(u.map(async d=>{let x=d.pathSegment?.includes(":")&&d.compositionId?await new xo({projectId:process.env.UNIFORM_PROJECT_ID,apiKey:process.env.UNIFORM_API_KEY}).getCompositionById({compositionId:d.compositionId}).then(({composition:N})=>N&&Gt(N)?.pageTitle||d.name).catch(()=>d.name):d.name,T=d.type==="placeholder"?void 0:O(d.path,s.dynamicInputs);return{title:x,link:T}})):[]})():await(async()=>e?.reduce((c,u)=>{let{title:d,link:P}=Gt(u);return d?[...c,{title:d,link:g(P)}]:c},[])||[])();return l.length?te("ul",{className:f("flex items-center",{[`text-${t}`]:!!t,[`text-${o}`]:!!o}),children:l.map(({title:c,link:u},d)=>go("li",{className:"flex items-center",children:[!!d&&te("div",{className:"mx-2 size-[1em]",children:Rt(r)}),u?te(H,{variant:"link",textColor:o,className:f({[`font-${a}`]:!!a,[`text-${t}`]:!!t,[p||""]:!!p}),href:u,children:c}):te(b,{size:t,font:a,color:o,transform:p,children:c})]},`${c}-${d}`))}):null};var ze=Dt;import{useMemo as vo}from"react";import{UniformText as bo}from"@uniformdev/canvas-next-rsc/component";import{jsx as re}from"react/jsx-runtime";var Et=({component:r,context:e,link:t,textColor:o,textFont:a,textWeight:p,textTransform:i,buttonColor:s,icon:n,iconPosition:m,border:l,size:c,textSize:u,hoverButtonColor:d,hoverTextColor:P,className:x,onClick:T,text:N})=>{let U=g(t),B=e.previewMode==="editor"&&e?.isContextualEditing,k=vo(()=>{let[he]=C(n),{url:M,title:br=""}=he||{};if(M)return{url:M,title:br}},[n]),ue=()=>{if(!k)return;let{url:he,title:M}=k;return re(v,{src:he,alt:M,width:20,height:20,containerStyle:{width:"20px",height:"20px"}})};return!(!!N||!!k)&&!B?null:re(H,{variant:r.variant,href:U,border:l,size:c,onClick:T,className:x,textSize:u,isActive:e.matchedRoute===U,textColor:o,textFont:a,textWeight:p,textTransform:i,buttonColor:s,hoverButtonColor:d,hoverTextColor:P,icon:re(ue,{}),iconPosition:m,children:re(bo,{placeholder:"Button text goes here",parameterId:"text",component:r,context:e})})};var qe=Et;import{UniformSlot as Io}from"@uniformdev/canvas-next-rsc/component";import{jsx as Mt}from"react/jsx-runtime";var oe=({displayName:r,anchor:e,slots:t,component:o,context:a,backgroundColor:p,spacing:i,border:s,fluidContent:n,fullHeight:m,className:l})=>Mt(lt,{title:r,id:e,backgroundColor:p,spacing:i,border:s,fluidContent:n,fullHeight:m,className:l,children:Mt(Io,{data:o,context:a,slot:t.containerContent})});var Ot=(e=>(e.ContainerContent="containerContent",e))(Ot||{});import{jsx as jt}from"react/jsx-runtime";var ae=({color:r,thickness:e,width:t,alignment:o})=>jt("div",{className:f("flex w-full",`justify-${o||"center"}`),children:jt("div",{className:f({[`bg-${r}`]:!!r}),style:{width:t,height:e}})});import{UniformSlot as wo}from"@uniformdev/canvas-next-rsc/component";import{jsx as Ht}from"react/jsx-runtime";var $t=({direction:r,justifyContent:e,gap:t,alignItems:o,backgroundColor:a,spacing:p,border:i,fluidContent:s,fullHeight:n,slots:m,component:l,context:c,className:u,wrapperClassName:d})=>Ht(ft,{direction:r,justifyContent:e,gap:t,alignItems:o,backgroundColor:a,spacing:p,border:i,fluidContent:s,fullHeight:n,wrapperClassName:d,className:u,children:Ht(wo,{data:l,context:c,slot:m.flexItem})});var Je=$t;import{UniformSlot as To}from"@uniformdev/canvas-next-rsc/component";import{jsx as Wt}from"react/jsx-runtime";var ne=({alignSelf:r,shrink:e,context:t,component:o,slots:a})=>Wt(ht,{alignSelf:r,shrink:e,children:Wt(To,{data:o,context:t,slot:a.inner})});import{UniformSlot as So}from"@uniformdev/canvas-next-rsc/component";import{jsx as zt}from"react/jsx-runtime";var qt=({columnsCount:r,gapX:e,gapY:t,backgroundColor:o,spacing:a,border:p,fluidContent:i,fullHeight:s,slots:n,component:m,context:l,className:c})=>zt(ct,{className:c,columnsCount:r,gapX:e,gapY:t,backgroundColor:o,spacing:a,border:p,fluidContent:i,fullHeight:s,children:zt(So,{data:m,context:l,slot:n.gridInner})});var Jt=(e=>(e.GridInner="gridInner",e))(Jt||{}),Ke=qt;import{UniformSlot as Ao}from"@uniformdev/canvas-next-rsc/component";import{jsx as Kt}from"react/jsx-runtime";var Qt=({columnStart:r,columnSpan:e,rowStart:t,className:o,rowSpan:a,context:p,component:i,slots:s})=>Kt(dt,{columnStart:r,columnSpan:e,rowStart:t,rowSpan:a,className:o,children:Kt(Ao,{data:i,context:p,slot:s.inner})});var Yt=(e=>(e.Inner="inner",e))(Yt||{}),Qe=Qt;import{UniformText as No}from"@uniformdev/canvas-next-rsc/component";import{jsx as Ye}from"react/jsx-runtime";var Xt=({icon:r,size:e,tag:t,color:o,weight:a,font:p,transform:i,decoration:s,letterSpacing:n,alignment:m,component:l,context:c})=>{let[u]=C(r),{url:d,title:P=""}=u||{};return Ye(z,{icon:d?Ye(v,{src:d,alt:P,fill:!0}):void 0,size:e,tag:t,color:o,weight:a,font:p,transform:i,decoration:s,letterSpacing:n,alignment:m,children:Ye(No,{placeholder:"Text goes here",parameterId:"text",component:l,context:c})})};var Xe=Xt;import{jsx as Zt}from"react/jsx-runtime";var er=({context:r,component:e,width:t,height:o})=>{let a=r.previewMode==="editor"&&r.isContextualEditing,p=e?._id?.includes("placeholder_");return!a||p?null:Zt("div",{style:{width:t?`${t}px`:"auto",height:o?`${o}px`:"auto"},children:Zt($,{type:"image",placeholder:"Please add an asset to display an image"})})};import{jsx as tr}from"react/jsx-runtime";var ie=({image:r,objectFit:e,width:t,height:o,overlayColor:a,overlayOpacity:p,border:i,priority:s,unoptimized:n,context:m,component:l})=>{let[c]=C(r);if(!c)return tr(er,{context:m,component:l,width:t,height:o});let{url:u,title:d=""}=c;return tr(v,{containerStyle:{...t?{width:`${t}px`}:{},...o?{height:`${o}px`}:{}},src:u,alt:d,fill:!0,unoptimized:n,priority:s,sizes:"100%",style:{objectFit:e},overlayColor:a,overlayOpacity:p,border:i})};import{UniformSlot as Bo}from"@uniformdev/canvas-next-rsc/component";import{jsx as rr}from"react/jsx-runtime";var or=({component:r,context:e,slots:t,link:o,openInNewTab:a})=>rr(j,{link:g(o),openInNewTab:a,children:rr(Bo,{data:r,context:e,slot:t.linkContent})});var ar=(e=>(e.LinkContent="linkContent",e))(ar||{}),Ze=or;import{UniformText as ko}from"@uniformdev/canvas-next-rsc/component";import{jsx as nr}from"react/jsx-runtime";var ir=({href:r,isExternalLink:e,children:t})=>r?nr(j,{className:"cursor-pointer hover:no-underline",link:r,openInNewTab:e,rel:e?"noopener noreferrer":"",children:t}):nr("div",{className:"cursor-pointer",children:t});import{jsx as E}from"react/jsx-runtime";var sr=({icon:r,link:e,activeState:t,size:o,tag:a,color:p,weight:i,font:s,transform:n,decoration:m,letterSpacing:l,alignment:c,component:u,context:d,hoverEffect:P="",className:x})=>{let T=g(e),N=t&&O(d.matchedRoute,d.dynamicInputs)===T,[U]=C(r),{url:B,title:k=""}=U||{},ue=()=>B?B.endsWith(".svg")?E(ut,{src:B,alt:k,fill:!0}):E(v,{src:B,alt:k,fill:!0}):null,fe=f("transition-all duration-150",{[Pe(P,"group-hover:{value}")]:!!P,[Pe(P,"{value}")]:!!P&&N});return E(ir,{href:T,isExternalLink:mt(T),children:E(z,{icon:ue(),className:f("group",x),iconClassName:fe,textClassName:fe,size:o,tag:a,color:p,weight:i,font:s,transform:n,decoration:m,letterSpacing:l,alignment:c,children:E(ko,{placeholder:"Text goes here",parameterId:"text",className:"whitespace-nowrap",component:u,context:d})})})};var et=sr;import{UniformRichText as Fo}from"@uniformdev/canvas-next-rsc/component";import{jsx as pr}from"react/jsx-runtime";var mr=({color:r,lineCountRestrictions:e,font:t,component:o,className:a})=>pr(b,{lineCountRestrictions:e,color:r,font:t,children:pr(Fo,{className:f("prose max-w-full marker:text-current [&_*:not(pre)]:text-current",a),parameterId:"text",component:o,placeholder:"Rich text content goes here..."})});var tt=mr;import{jsx as Uo}from"react/jsx-runtime";var se=({size:r,component:{variant:e}})=>{let t=e==="horizontal";return Uo("div",{className:f({[`w-${r}`]:t,[`h-${r}`]:!t})})};var rt=(e=>(e.Horizontal="horizontal",e))(rt||{});import{UniformSlot as _o}from"@uniformdev/canvas-next-rsc/component";import{jsx as Vo}from"react/jsx-runtime";var lr=({slots:r,component:e,context:t})=>Vo(_o,{data:e,context:t,slot:r.tabContent});var cr=(e=>(e.TabContent="tabContent",e))(cr||{}),ot=lr;import{UniformSlot as Lo}from"@uniformdev/canvas-next-rsc/component";import{jsx as at}from"react/jsx-runtime";var pe=({component:r,context:e,slots:t,alignment:o})=>at("td",{children:at("div",{className:f("w-fit",dr[o||"left"]),children:at(Lo,{slot:t.tableCustomCellContent,context:e,data:r})})});var dr={left:"ml-0",center:"mx-auto",right:"ml-auto"},ur=(e=>(e.TableCustomCellContent="tableCustomCellContent",e))(ur||{});import{UniformText as Ro}from"@uniformdev/canvas-next-rsc/component";import{jsx as fr}from"react/jsx-runtime";var me=({component:r,context:e})=>fr("td",{children:fr(Ro,{component:r,context:e,parameterId:"value",placeholder:"Value"})});import{UniformText as Go}from"@uniformdev/canvas-next-rsc/component";import{jsx as hr}from"react/jsx-runtime";var le=({component:r,context:e})=>hr("th",{children:hr(Go,{component:r,context:e,parameterId:"value",placeholder:"Value"})});import{UniformSlot as Do}from"@uniformdev/canvas-next-rsc/component";import{jsx as Pr}from"react/jsx-runtime";var ce=({slots:r,component:e,context:t})=>Pr("tr",{children:Pr(Do,{data:e,context:t,slot:r.tableRowCells})});import{UniformText as Eo}from"@uniformdev/canvas-next-rsc/component";import{jsx as Cr}from"react/jsx-runtime";var yr=({tag:r,size:e,color:t,weight:o,font:a,transform:p,decoration:i,letterSpacing:s,lineCountRestrictions:n,alignment:m,component:l,context:c})=>Cr(b,{color:t,size:e,font:a,weight:o,transform:p,decoration:i,letterSpacing:s,alignment:m,lineCountRestrictions:n,children:Cr(Eo,{placeholder:"Text goes here",parameterId:"text",as:r||void 0,component:l,context:c})});var nt=yr;import Mo from"next/dynamic";var it=Mo(()=>import("../../theme-switcher-WO5JIV2W.mjs").then(r=>r.ThemeSwitcher));import{jsx as Oo}from"react/jsx-runtime";var xr=({context:r,component:e})=>{let t=r.previewMode==="editor"&&r.isContextualEditing,o=e?._id?.includes("placeholder_");return!t||o?null:Oo($,{type:"video",placeholder:"Please add video link to display a video"})};import{jsx as gr}from"react/jsx-runtime";var de=({video:r,url:e,placeholderImage:t,autoPlay:o,lazyLoad:a,loop:p,controls:i,muted:s,overlayColor:n,overlayOpacity:m,border:l,component:c,context:u})=>{let[d]=C(r),[P]=C(t),x=d?.url||(e?.type==="url"?e.path:void 0);return x?gr(Pt,{url:x,placeholderImageUrl:P?.url,autoPlay:o,lazyLoad:a,loop:p,controls:i,muted:s,overlayColor:n,overlayOpacity:m,border:l}):gr(xr,{component:c,context:u})};var vr={accordion:{component:Ce},accordionItem:{component:Ve},badge:{component:Re},banner:{component:ye},button:{component:qe},card:{component:xe},carousel:{component:ge},container:{component:oe},countdown:{component:ve},divider:{component:ae},grid:{component:Ke},gridItem:{component:Qe},flex:{component:Je},flexItem:{component:ne},header:{component:Ie},section:{component:ke},iconLabel:{component:Xe},image:{component:ie},page:{component:Ne},richText:{component:tt},spacer:{component:se},text:{component:nt},video:{component:de},tabs:{component:Ue},tab:{component:ot},table:{component:Fe},tableRow:{component:ce},tableHeaderCell:{component:le},tableDataCell:{component:me},tableCustomCell:{component:pe},modal:{component:Te},imageGallery:{component:we},testimonial:{component:_e},breadcrumbs:{component:ze},review:{component:Be},navigationLink:{component:et},navigationGroup:{component:Ae},navigationFlyout:{component:Se},footer:{component:be},themeSwitcher:{component:it},link:{component:Ze},fixedHero:{component:W.FixedHero},flexibleHero:{component:W.FlexibleHero}},ap=vr,np=pt(vr);export{Ce as Accordion,Ve as AccordionItem,Ct as AccordionItemSlots,wr as AccordionSlots,Re as Badge,ye as Banner,Tr as BannerContentAlignment,Sr as BannerSlots,ze as Breadcrumbs,qe as Button,xe as Card,Nr as CardSlots,Ar as CardVariants,ge as Carousel,Br as CarouselSlots,Mr as CommonPageSlots,oe as Container,Ot as ContainerSlots,ve as Countdown,kr as CountdownSlots,Fr as CountdownVariants,W as DemoHero,Ur as DemoHeroContentAlignment,_r as DemoHeroVariants,ae as Divider,Je as Flex,ne as FlexItem,Vr as FlexibleHeroSlots,be as Footer,Lr as FooterSlots,Ke as Grid,Qe as GridItem,Yt as GridItemSlots,Jt as GridSlots,Ie as Header,Rr as HeaderSlots,Gr as HeaderVariants,Xe as IconLabel,ie as Image,we as ImageGallery,Dr as ImageGallerySlots,Ze as Link,ar as LinkSlots,Te as Modal,Er as ModalSlots,Se as NavigationFlyout,Ae as NavigationGroup,et as NavigationLink,Ne as Page,Be as Review,jr as ReviewSlots,Or as ReviewVariants,tt as RichText,ke as Section,Hr as SectionContentAlignment,Wr as SectionSlots,$r as SectionVariants,se as Spacer,rt as SpacerVariants,ot as Tab,cr as TabSlots,Fe as Table,pe as TableCustomCell,ur as TableCustomCellSlots,me as TableDataCell,le as TableHeaderCell,ce as TableRow,zr as TableSlots,Ue as Tabs,Jr as TabsSlots,qr as TabsVariants,_e as Testimonial,Qr as TestimonialSlots,Kr as TestimonialVariants,nt as Text,it as ThemeSwitcher,de as Video,np as componentResolver,vr as cskComponentsMapping,ap as default};

package/dist/components/ui/index.d.mts

@@ -26,7 +26,13 @@ declare const VideoIcon: FC<SVGProps<SVGSVGElement>>;
 
 type CarouselProps = Pick<ContainerProps, 'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight'> & {
     countOfItems?: number;
-    children: ReactElement | ReactElement[];
+    children: (options: {
+        className?: string;
+        style?: React.CSSProperties;
+    }) => ReactElement;
+    itemsPerPage?: string;
+    gapX?: string;
+    variant?: string;
 };
 declare const _default$2: react.ComponentType<CarouselProps>;
 

package/dist/components/ui/index.mjs

@@ -1 +1 @@
-import{a as h}from"../../chunk-V4EBWEG4.mjs";import{a as c,b as g,c as F}from"../../chunk-HLLKGZN6.mjs";import{a as i}from"../../chunk-AKRWCDDG.mjs";import{a as o}from"../../chunk-P2OOJTJ2.mjs";import{a as t,b as r,c as a,d as m,e as x,f as y,g as n,h as I}from"../../chunk-H3OSPGNK.mjs";import{a as f,b as s,c as d}from"../../chunk-6TUDWIYU.mjs";import{a as l}from"../../chunk-QHIWJPL6.mjs";import{a as u,b as P}from"../../chunk-VZCFPWET.mjs";import{a as p}from"../../chunk-SDTLQ3CZ.mjs";import{a as e}from"../../chunk-RZFK2OR7.mjs";import"../../chunk-RX4IAAQQ.mjs";import"../../chunk-S7CSCIW4.mjs";import"../../chunk-YEKQJ4YC.mjs";export{f as ArrowIcon,r as Button,a as ButtonVariant,o as Carousel,e as Container,c as Flex,g as FlexItem,x as Footer,u as Grid,P as GridItem,y as Header,i as IconLabel,p as Image,s as ImageIcon,t as Link,m as MediaPlaceholder,n as Page,I as Rating,l as Text,h as ThemeSwitcher,F as Video,d as VideoIcon};
+import{a as h}from"../../chunk-V4EBWEG4.mjs";import{a as c,b as g,c as F}from"../../chunk-HLLKGZN6.mjs";import{a as i}from"../../chunk-AKRWCDDG.mjs";import{a as o}from"../../chunk-GKTFFPF4.mjs";import{a as t,b as r,c as a,d as m,e as x,f as y,g as n,h as I}from"../../chunk-H3OSPGNK.mjs";import{a as f,b as s,c as d}from"../../chunk-6TUDWIYU.mjs";import{a as l}from"../../chunk-QHIWJPL6.mjs";import{a as u,b as P}from"../../chunk-VZCFPWET.mjs";import{a as p}from"../../chunk-SDTLQ3CZ.mjs";import{a as e}from"../../chunk-RZFK2OR7.mjs";import"../../chunk-RX4IAAQQ.mjs";import"../../chunk-S7CSCIW4.mjs";import"../../chunk-YEKQJ4YC.mjs";export{f as ArrowIcon,r as Button,a as ButtonVariant,o as Carousel,e as Container,c as Flex,g as FlexItem,x as Footer,u as Grid,P as GridItem,y as Header,i as IconLabel,p as Image,s as ImageIcon,t as Link,m as MediaPlaceholder,n as Page,I as Rating,l as Text,h as ThemeSwitcher,F as Video,d as VideoIcon};

package/dist/content/components/canvas/Carousel/carousel.tsx

@@ -1,16 +1,10 @@
 'use client';
 
 import { FC } from 'react';
-import { UniformSlot, CustomSlotChildRenderFunc } from '@uniformdev/canvas-next-rsc/component';
+import { UniformSlot } from '@uniformdev/canvas-next-rsc/component';
 import BaseCarousel from '@/components/ui/Carousel';
 import { CarouselProps } from '.';
 
-const itemRenderFunc: CustomSlotChildRenderFunc = ({ child, key }) => (
-  <div key={key} className="flex size-full min-w-full items-center justify-center">
-    {child}
-  </div>
-);
-
 export const Carousel: FC<CarouselProps> = ({
   slots,
   component,
@@ -20,13 +14,22 @@ export const Carousel: FC<CarouselProps> = ({
   border,
   fluidContent,
   fullHeight,
+  itemsPerPage,
+  gapX,
 }) => (
   <BaseCarousel
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight }}
+    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, itemsPerPage, gapX }}
     countOfItems={slots.carouselItems?.items.length ?? 0}
+    variant={component.variant}
   >
-    <UniformSlot context={context} slot={slots.carouselItems} data={component}>
-      {itemRenderFunc}
-    </UniformSlot>
+    {({ className, style }) => (
+      <UniformSlot context={context} slot={slots.carouselItems} data={component}>
+        {({ child, key }) => (
+          <div key={key} className={className} style={style}>
+            {child}
+          </div>
+        )}
+      </UniformSlot>
+    )}
   </BaseCarousel>
 );

package/dist/content/components/canvas/Carousel/index.tsx

@@ -2,7 +2,10 @@ import dynamic from 'next/dynamic';
 import { ComponentProps } from '@uniformdev/canvas-next-rsc/component';
 import { ContainerParameters } from '@/components/canvas/Container/parameters';
 
-export type CarouselParameters = ContainerParameters;
+export type CarouselParameters = ContainerParameters & {
+  itemsPerPage: string;
+  gapX: string;
+};
 
 export enum CarouselSlots {
   Items = 'carouselItems',

package/dist/content/components/ui/Carousel/carousel.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import { FC, useCallback, useEffect, useRef, useState } from 'react';
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import BaseContainer from '@/components/ui/Container';
-import { cn } from '@/utils/styling';
-import { CarouselProps } from '.';
+import { cn, resolveViewPort } from '@/utils/styling';
+import { CarouselProps, CarouselVariant } from '.';
 
 export const Carousel: FC<CarouselProps> = ({
   countOfItems,
@@ -12,62 +12,120 @@ export const Carousel: FC<CarouselProps> = ({
   border,
   fluidContent,
   fullHeight,
+  itemsPerPage = '1',
   children,
+  gapX,
+  variant = CarouselVariant.DEFAULT,
 }) => {
-  const container = useRef<HTMLInputElement>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
   const [currentIndex, setCurrentIndex] = useState(0);
-  const [reCheckCarouselSlider, setReCheckCarouselSlider] = useState<boolean>(false);
+  const [recheckSlider, setRecheckSlider] = useState(false);
 
-  const totalCountOfItems = (() => {
-    if (countOfItems) return countOfItems;
-    return Array.isArray(children) ? children.length : 1;
-  })();
+  const itemsPerPageNumber = Number(itemsPerPage);
+
+  const totalCountOfItems = useMemo(() => {
+    if (!countOfItems) return 0;
+    return itemsPerPageNumber > 1 ? Math.ceil(countOfItems / itemsPerPageNumber) : countOfItems;
+  }, [countOfItems, itemsPerPageNumber]);
 
   useEffect(() => {
-    const handleResize = () => setReCheckCarouselSlider(prevState => !prevState);
+    const handleResize = () => setRecheckSlider(prev => !prev);
     window.addEventListener('resize', handleResize, { passive: true });
     return () => window.removeEventListener('resize', handleResize);
   }, []);
 
   useEffect(() => {
-    if (container.current) {
-      const { clientWidth } = container.current;
-      container.current.scrollLeft = currentIndex * clientWidth;
+    if (containerRef.current) {
+      const { clientWidth } = containerRef.current;
+      containerRef.current.scrollLeft = currentIndex * clientWidth;
     }
-  }, [currentIndex, reCheckCarouselSlider]);
+  }, [currentIndex, recheckSlider]);
 
-  const handlerPreviousNextButton = useCallback(
-    () => setCurrentIndex(prevState => (prevState === 0 ? totalCountOfItems - 1 : prevState - 1)),
-    [totalCountOfItems]
-  );
+  const goToPrevious = useCallback(() => {
+    setCurrentIndex(prev => (prev === 0 ? totalCountOfItems - 1 : prev - 1));
+  }, [totalCountOfItems]);
 
-  const handlerClickNextButton = useCallback(
-    () => setCurrentIndex(prevState => (totalCountOfItems - 1 === prevState ? 0 : prevState + 1)),
-    [totalCountOfItems]
-  );
+  const goToNext = useCallback(() => {
+    setCurrentIndex(prev => (prev === totalCountOfItems - 1 ? 0 : prev + 1));
+  }, [totalCountOfItems]);
+
+  const renderPagination = () => {
+    if (variant === CarouselVariant.BROCHURE) {
+      return (
+        <div className={cn('flex py-4 px-4 z-5 gap-x-4 justify-end items-center')}>
+          <button onClick={goToPrevious}>❮</button>
+
+          <div className="flex items-center gap-2">
+            {Array.from({ length: totalCountOfItems }).map((_, index) => (
+              <button
+                key={`slide-${index}`}
+                onClick={() => setCurrentIndex(index)}
+                className={cn('h-2 rounded-full transition-all duration-300 size-2 opacity-50', {
+                  'w-6 opacity-100': index === currentIndex,
+                  [`bg-${backgroundColor} invert`]: !!backgroundColor,
+                  'bg-black dark:bg-white': !backgroundColor,
+                })}
+                aria-label={`Go to slide ${index + 1}`}
+              />
+            ))}
+          </div>
+
+          <button onClick={goToNext}>❯</button>
+        </div>
+      );
+    }
 
-  const renderCarouselButtons = useCallback(
-    () => (
+    if (variant === CarouselVariant.NUMERIC) {
+      return (
+        <div
+          className={cn('flex py-4 px-4 z-5 gap-x-4 justify-end items-center', {
+            [`text-${backgroundColor} invert`]: !!backgroundColor,
+            'text-black dark:text-white': !backgroundColor,
+          })}
+        >
+          <button onClick={goToPrevious}>❮</button>
+          <div className="flex flex-col px-2">
+            {currentIndex + 1} of {totalCountOfItems}
+          </div>
+          <button onClick={goToNext}>❯</button>
+        </div>
+      );
+    }
+
+    return (
       <div
         className={cn('absolute inset-x-5 top-1/2 flex -translate-y-1/2 justify-between', {
           [`text-${backgroundColor} invert`]: !!backgroundColor,
           'text-black dark:text-white': !backgroundColor,
         })}
       >
-        <button onClick={handlerPreviousNextButton}>❮</button>
-        <button onClick={handlerClickNextButton}>❯</button>
+        <button onClick={goToPrevious}>❮</button>
+        <button onClick={goToNext}>❯</button>
       </div>
-    ),
-    [backgroundColor, handlerClickNextButton, handlerPreviousNextButton]
-  );
+    );
+  };
+
+  const renderSlides = () =>
+    children({
+      className: cn('flex size-full items-center justify-center', {
+        [resolveViewPort(gapX, 'px-{value}')]: gapX,
+      }),
+      style: {
+        minWidth: itemsPerPageNumber > 1 ? `calc(${100 / itemsPerPageNumber}%)` : '100%',
+      },
+    });
 
   return (
     <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight }}>
-      <div className="relative">
-        <div ref={container} className="flex flex-row items-center overflow-x-hidden scroll-smooth">
-          {children}
+      <div
+        className={cn('relative', {
+          [resolveViewPort(gapX, '-mx-{value}')]: gapX,
+        })}
+      >
+        <div ref={containerRef} className="flex overflow-x-hidden scroll-smooth">
+          {renderSlides()}
         </div>
-        {renderCarouselButtons()}
+        {renderPagination()}
       </div>
     </BaseContainer>
   );

package/dist/content/components/ui/Carousel/index.ts

@@ -7,7 +7,16 @@ export type CarouselProps = Pick<
   'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight'
 > & {
   countOfItems?: number;
-  children: ReactElement | ReactElement[];
+  children: (options: { className?: string; style?: React.CSSProperties }) => ReactElement;
+  itemsPerPage?: string;
+  gapX?: string;
+  variant?: string;
 };
 
+export enum CarouselVariant {
+  DEFAULT = 'default',
+  BROCHURE = 'brochure',
+  NUMERIC = 'numeric',
+}
+
 export default dynamic(() => import('./carousel').then(mod => mod.Carousel));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-components",
-  "version": "6.0.82-alpha.1",
+  "version": "6.0.83-alpha.1",
   "description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/dist/carousel-3H6U25O4.mjs

@@ -1 +0,0 @@
-"use client";import{a as m}from"./chunk-RZFK2OR7.mjs";import{c as d}from"./chunk-S7CSCIW4.mjs";import"./chunk-YEKQJ4YC.mjs";import{useCallback as i,useEffect as C,useRef as E,useState as v}from"react";import{jsx as s,jsxs as x}from"react/jsx-runtime";var R=({countOfItems:l,backgroundColor:t,spacing:h,border:p,fluidContent:w,fullHeight:b,children:o})=>{let n=E(null),[a,u]=v(0),[B,N]=v(!1),r=l||(Array.isArray(o)?o.length:1);C(()=>{let e=()=>N(y=>!y);return window.addEventListener("resize",e,{passive:!0}),()=>window.removeEventListener("resize",e)},[]),C(()=>{if(n.current){let{clientWidth:e}=n.current;n.current.scrollLeft=a*e}},[a,B]);let c=i(()=>u(e=>e===0?r-1:e-1),[r]),f=i(()=>u(e=>r-1===e?0:e+1),[r]),k=i(()=>x("div",{className:d("absolute inset-x-5 top-1/2 flex -translate-y-1/2 justify-between",{[`text-${t} invert`]:!!t,"text-black dark:text-white":!t}),children:[s("button",{onClick:c,children:"\u276E"}),s("button",{onClick:f,children:"\u276F"})]}),[t,f,c]);return s(m,{backgroundColor:t,spacing:h,border:p,fluidContent:w,fullHeight:b,children:x("div",{className:"relative",children:[s("div",{ref:n,className:"flex flex-row items-center overflow-x-hidden scroll-smooth",children:o}),k()]})})};export{R as Carousel};

package/dist/carousel-UKVR7LKR.mjs

@@ -1 +0,0 @@
-"use client";import{a as r}from"./chunk-P2OOJTJ2.mjs";import"./chunk-YEKQJ4YC.mjs";import{UniformSlot as a}from"@uniformdev/canvas-next-rsc/component";import{jsx as t}from"react/jsx-runtime";var c=({child:e,key:o})=>t("div",{className:"flex size-full min-w-full items-center justify-center",children:e},o),p=({slots:e,component:o,context:s,backgroundColor:l,spacing:m,border:i,fluidContent:n,fullHeight:u})=>t(r,{backgroundColor:l,spacing:m,border:i,fluidContent:n,fullHeight:u,countOfItems:e.carouselItems?.items.length??0,children:t(a,{context:s,slot:e.carouselItems,data:o,children:c})});export{p as Carousel};

package/dist/chunk-P2OOJTJ2.mjs

@@ -1 +0,0 @@
-import t from"next/dynamic";var r=t(()=>import("./carousel-3H6U25O4.mjs").then(e=>e.Carousel));export{r as a};