@stackshift-ui/app-promo 6.0.12-beta.0 → 6.0.12-beta.1

package/dist/app-promo.js

@@ -1 +1 @@
-"use strict";var ut=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},B=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var H=(t,r,e)=>(e=t!=null?ut(dt(t)):{},B(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>B(h({},"__esModule",{value:!0}),t);var k,V=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var K={};v(K,{AppPromo_A:()=>J,default:()=>J});function J({logo:t,subtitle:r,title:e,images:i=[]}){var s;let[n,c]=(0,N.useState)(0);return(0,a.jsx)(E.Section,{className:"l-16 overflow-hidden bg-background",children:(0,a.jsxs)(D.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Nt,{arrowLeftClick:()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},children:(0,a.jsx)(Ct,{image:i[n].image,alt:(s=i[n].alt)!=null?s:`appPromo-variantA-image-${n}`})})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(M.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(N.default.Fragment,{children:[t?(0,a.jsx)(q.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function I({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,c,m,p,s,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(I,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,a.jsx)(I,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(s=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?s:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(I,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Nt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(W.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,a.jsx)(S.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(S.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var D,W,G,C,M,E,S,q,N,a,O=b(()=>{"use strict";D=require("@stackshift-ui/container"),W=require("@stackshift-ui/flex"),G=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),M=require("@stackshift-ui/link"),E=require("@stackshift-ui/section"),S=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),N=H(require("react"));V();a=require("react/jsx-runtime")});var rt={};v(rt,{AppPromo_B:()=>tt,default:()=>tt});function tt({subtitle:t,title:r,description:e,statistics:i,images:n}){let[c,m]=u.default.useState(0);return(0,l.jsx)(E.Section,{className:"l-16 overflow-hidden bg-background",children:(0,l.jsx)(U.Container,{className:"relative text-center",maxWidth:1280,children:(0,l.jsxs)(W.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,l.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,l.jsx)(Pt,{subtitle:t,title:r,description:e}),(0,l.jsx)(gt,{statistics:i})]}),(0,l.jsx)(W.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,l.jsx)(Lt,{images:n,currentPosition:c,arrowLeftClick:()=>{n!=null&&n.length&&m(c!==0?c-1:c=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(c!==n.length-1?m(c+1):m(c=0))}})})]})})})}function Pt({subtitle:t,title:r,description:e}){return(0,l.jsxs)(u.default.Fragment,{children:[t?(0,l.jsx)(q.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,l.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,l.jsx)(q.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function gt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,l.jsx)(u.default.Fragment,{children:(0,l.jsx)(W.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,l.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,l.jsx)(q.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,l.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function Lt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,l.jsx)(u.default.Fragment,{children:t.length>1?(0,l.jsx)(yt,{arrowLeftClick:e,arrowRightClick:i,children:(0,l.jsx)(Q,{images:t,currentPosition:r})}):(0,l.jsx)(Q,{images:t,currentPosition:r})}):null}function yt({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,l.jsxs)(u.default.Fragment,{children:[(0,l.jsx)(S.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,l.jsx)(S.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function Q({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,l.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,l.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var U,W,G,C,E,S,q,u,l,et=b(()=>{"use strict";U=require("@stackshift-ui/container"),u=H(require("react")),l=require("react/jsx-runtime")});var ct={};v(ct,{AppPromo_C:()=>at,default:()=>at});function at({subtitle:t,title:r,description:e,features:i,images:n}){return(0,l.jsx)(E.Section,{className:"py-20 bg-background",children:(0,l.jsx)(nt.Container,{maxWidth:1280,children:(0,l.jsxs)(W.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,l.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,l.jsx)(Rt,{images:n})]})})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,l.jsxs)("div",{className:"w-full lg:max-w-xl space-y-5",children:[t?(0,l.jsx)(q.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,l.jsx)(G.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,l.jsx)(q.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,l.jsx)(St,{features:i})]})}function St({features:t}){return t?(0,l.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,l.jsxs)(W.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,l.jsx)(At,{}),(0,l.jsx)(q.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,l.jsxs)("div",{className:"flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,l.jsx)(A,{images:t,start:0,end:1}),(0,l.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,l.jsx)(A,{images:[r],start:0,end:1},e))}),(0,l.jsx)(A,{images:t,start:3,end:4})]}):null}function A({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,l.jsx)("div",{className:"lg:w-full",children:t.slice(r,e).map((n,c)=>{var m;return(0,l.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${c}`},c)})}):null}function At(){return(0,l.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var nt,W,G,C,E,q,l,mt=b(()=>{"use strict";nt=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>st});module.exports=ht(zt);var y=require("react"),Ft={variant_a:(0,y.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,y.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,y.lazy)(()=>Promise.resolve().then(()=>(mt(),ct)))},Tt="AppPromo",st=({data:t})=>{var n,c,m,p,s,f,x,d,w,T,z,_,$,j;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(c=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?c:void 0,subtitle:(p=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?p:void 0,title:(f=(s=t==null?void 0:t.variants)==null?void 0:s.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(T=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?T:void 0,features:(_=(z=t==null?void 0:t.variants)==null?void 0:z.tags)!=null?_:void 0,images:(j=($=t==null?void 0:t.variants)==null?void 0:$.images)!=null?j:void 0};return e?(0,l.jsx)(e,{...i}):null};st.displayName=Tt;0&&(module.exports={AppPromo});
+"use strict";var dt=Object.create;var x=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var ht=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)x(t,e,{get:r[e],enumerable:!0})},V=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ht(r))!bt.call(t,n)&&n!==e&&x(t,n,{get:()=>r[n],enumerable:!(i=wt(r,n))||i.enumerable});return t};var D=(t,r,e)=>(e=t!=null?dt(xt(t)):{},V(r||!t||!t.__esModule?x(e,"default",{value:t,enumerable:!0}):e,t)),vt=t=>V(x({},"__esModule",{value:!0}),t);var k,M=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var Q={};v(Q,{AppPromo_A:()=>O,default:()=>O});function O({logo:t,subtitle:r,title:e,images:i=[]}){var u;let[n,l]=(0,N.useState)(0);return(0,c.jsx)(J.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,c.jsxs)(W.Container,{className:"relative text-center",maxWidth:448,children:[(0,c.jsx)(kt,{logo:t}),(0,c.jsx)(Ct,{subtitle:r,title:e}),(0,c.jsx)(Nt,{images:i}),(0,c.jsx)(Lt,{arrowLeftClick:()=>{i!=null&&i.length&&l(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?l(n+1):l(n=0))},children:(0,c.jsx)(Pt,{image:i[n].image,alt:(u=i[n].alt)!=null?u:`appPromo-variantA-image-${n}`})})]})})}function kt({logo:t}){var r;return t!=null&&t.image?(0,c.jsx)(q.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,c.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function Ct({subtitle:t,title:r}){return(0,c.jsxs)(N.default.Fragment,{children:[t?(0,c.jsx)(K.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,c.jsx)(E.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function S({src:t,alt:r,positionClass:e}){return t?(0,c.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function Nt({images:t}){var r,e,i,n,l,m,s,u,p,d,w,h;return(0,c.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,c.jsx)(S,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 C-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(l=t==null?void 0:t[1])!=null&&l.image?(0,c.jsx)(S,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(u=(s=t==null?void 0:t[1])==null?void 0:s.alt)!=null?u:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(p=t==null?void 0:t[2])!=null&&p.image?(0,c.jsx)(S,{src:(d=t==null?void 0:t[2])==null?void 0:d.image,alt:(h=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?h:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Pt({image:t,alt:r}){return t?(0,c.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,c.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Lt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,c.jsxs)(G.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,c.jsx)(I.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,c.jsx)(I.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var W,G,E,C,q,J,I,K,N,c,U=b(()=>{"use strict";W=require("@stackshift-ui/container"),G=require("@stackshift-ui/flex"),E=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),q=require("@stackshift-ui/link"),J=require("@stackshift-ui/section"),I=require("@stackshift-ui/swiper-button"),K=require("@stackshift-ui/text"),N=D(require("react"));M();c=require("react/jsx-runtime")});var nt={};v(nt,{AppPromo_B:()=>et,default:()=>et});function et({subtitle:t,title:r,description:e,statistics:i,images:n}){let[l,m]=f.default.useState(0);return(0,a.jsx)(J.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsx)(Y.Container,{className:"relative text-center",maxWidth:1280,children:(0,a.jsxs)(G.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,a.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,a.jsx)(gt,{subtitle:t,title:r,description:e}),(0,a.jsx)(yt,{statistics:i})]}),(0,a.jsx)(G.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,a.jsx)(Rt,{images:n,currentPosition:l,arrowLeftClick:()=>{n!=null&&n.length&&m(l!==0?l-1:l=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(l!==n.length-1?m(l+1):m(l=0))}})})]})})})}function gt({subtitle:t,title:r,description:e}){return(0,a.jsxs)(f.default.Fragment,{children:[t?(0,a.jsx)(K.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,a.jsx)(E.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,a.jsx)(K.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function yt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,a.jsx)(f.default.Fragment,{children:(0,a.jsx)(G.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,a.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,a.jsx)(K.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,a.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function Rt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,a.jsx)(f.default.Fragment,{children:t.length>1?(0,a.jsx)(St,{arrowLeftClick:e,arrowRightClick:i,children:(0,a.jsx)(X,{images:t,currentPosition:r})}):(0,a.jsx)(X,{images:t,currentPosition:r})}):null}function St({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,a.jsxs)(f.default.Fragment,{children:[(0,a.jsx)(I.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,a.jsx)(I.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function X({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,a.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,a.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var Y,G,E,C,J,I,K,f,a,it=b(()=>{"use strict";Y=require("@stackshift-ui/container"),f=D(require("react")),a=require("react/jsx-runtime")});var ut={};v(ut,{AppPromo_C:()=>mt,default:()=>mt});function mt({subtitle:t,title:r,description:e,features:i,images:n}){var p;let[l,m]=(0,ot.useState)(0);return(0,a.jsx)(J.Section,{className:"py-20 bg-background",children:(0,a.jsxs)(lt.Container,{maxWidth:1280,children:[(0,a.jsxs)(G.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,a.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,a.jsx)(Ft,{images:n})]}),n&&(0,a.jsx)(jt,{arrowLeftClick:()=>{n!=null&&n.length&&m(l!==0?l-1:l=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(l!==n.length-1?m(l+1):m(l=0))},children:(0,a.jsx)(zt,{image:n[l].image,alt:(p=n[l].alt)!=null?p:`appPromo-variantC-image-${l}`})})]})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,a.jsxs)("div",{className:"w-full lg:max-w-xl space-G-5",children:[t?(0,a.jsx)(K.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,a.jsx)(E.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,a.jsx)(K.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,a.jsx)(At,{features:i})]})}function At({features:t}){return t?(0,a.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,a.jsxs)(G.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,a.jsx)(Tt,{}),(0,a.jsx)(K.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Ft({images:t}){return t?(0,a.jsxs)("div",{className:"hidden sm:flex lg:flex-row items-center justify-start gap-0 w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,a.jsx)(F,{images:t,start:0,end:1}),(0,a.jsx)("div",{className:"lg:w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,a.jsx)(F,{images:[r],start:0,end:1},e))}),(0,a.jsx)(F,{images:t,start:3,end:4})]}):null}function F({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,a.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,l)=>{var m;return(0,a.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${l}`},l)})}):null}function Tt(){return(0,a.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}function zt({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function jt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(G.Flex,{justify:"between",align:"center",className:"mt-16 sm:hidden",children:[(0,a.jsx)(I.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(I.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var ot,lt,G,E,C,J,I,K,a,st=b(()=>{"use strict";ot=require("react"),lt=require("@stackshift-ui/container")});var $t={};v($t,{AppPromo:()=>pt});module.exports=vt($t);var R=require("react"),Bt={variant_a:(0,R.lazy)(()=>Promise.resolve().then(()=>(U(),Q))),variant_b:(0,R.lazy)(()=>Promise.resolve().then(()=>(it(),nt))),variant_c:(0,R.lazy)(()=>Promise.resolve().then(()=>(st(),ut)))},_t="AppPromo",pt=({data:t})=>{var n,l,m,s,u,p,d,w,h,j,B,_,$,H;let r=t==null?void 0:t.variant,e=r&&Bt[r],i={logo:(l=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?l:void 0,subtitle:(s=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?s:void 0,title:(p=(u=t==null?void 0:t.variants)==null?void 0:u.title)!=null?p:void 0,description:(w=(d=t==null?void 0:t.variants)==null?void 0:d.description)!=null?w:void 0,statistics:(j=(h=t==null?void 0:t.variants)==null?void 0:h.stats)!=null?j:void 0,features:(_=(B=t==null?void 0:t.variants)==null?void 0:B.tags)!=null?_:void 0,images:(H=($=t==null?void 0:t.variants)==null?void 0:$.images)!=null?H:void 0};return e?(0,a.jsx)(e,{...i}):null};pt.displayName=_t;0&&(module.exports={AppPromo});

package/dist/app-promo.mjs

@@ -1 +1 @@
-import{a}from"./chunk-43YKVXJS.mjs";export{a as AppPromo};
+import{a}from"./chunk-4EH6ILDL.mjs";export{a as AppPromo};

package/dist/app-promo_c.js

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var h=(e,l)=>{for(var r in l)i(e,r,{get:l[r],enumerable:!0})},y=(e,l,r,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of v(l))!N.call(e,a)&&a!==r&&i(e,a,{get:()=>l[a],enumerable:!(n=w(l,a))||n.enumerable});return e};var b=e=>y(i({},"__esModule",{value:!0}),e);var S={};h(S,{AppPromo_C:()=>d,default:()=>d});module.exports=b(S);var f=require("@stackshift-ui/container"),m=require("@stackshift-ui/flex"),p=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),x=require("@stackshift-ui/section"),s=require("@stackshift-ui/text"),t=require("react/jsx-runtime");function d({subtitle:e,title:l,description:r,features:n,images:a}){return(0,t.jsx)(x.Section,{className:"py-20 bg-background",children:(0,t.jsx)(f.Container,{maxWidth:1280,children:(0,t.jsxs)(m.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,t.jsx)(I,{subtitle:e,title:l,description:r,features:n}),(0,t.jsx)(P,{images:a})]})})})}function I({subtitle:e,title:l,description:r,features:n}){return(0,t.jsxs)("div",{className:"w-full lg:max-w-xl space-y-5",children:[e?(0,t.jsx)(s.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,l?(0,t.jsx)(p.Heading,{type:"h1",fontSize:"3xl",children:l}):null,r?(0,t.jsx)(s.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:r}):null,(0,t.jsx)(C,{features:n})]})}function C({features:e}){return e?(0,t.jsx)("ul",{className:"mb-8",children:e.map((l,r)=>(0,t.jsxs)(m.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,t.jsx)(k,{}),(0,t.jsx)(s.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:l})]},r))}):null}function P({images:e}){return e?(0,t.jsxs)("div",{className:"flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,t.jsx)(o,{images:e,start:0,end:1}),(0,t.jsx)("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((l,r)=>(0,t.jsx)(o,{images:[l],start:0,end:1},r))}),(0,t.jsx)(o,{images:e,start:3,end:4})]}):null}function o({images:e,start:l,end:r}){var n;return(n=e==null?void 0:e[l])!=null&&n.image?(0,t.jsx)("div",{className:"lg:w-full",children:e.slice(l,r).map((a,u)=>{var c;return(0,t.jsx)(g.Image,{className:"object-cover",src:`${a.image}`,sizes:"100vw",width:500,height:850,alt:(c=a.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function k(){return(0,t.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}0&&(module.exports={AppPromo_C});
+"use strict";var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var k=(t,r)=>{for(var o in r)m(t,o,{get:r[o],enumerable:!0})},y=(t,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of N(r))!C.call(t,l)&&l!==o&&m(t,l,{get:()=>r[l],enumerable:!(n=b(r,l))||n.enumerable});return t};var R=t=>y(m({},"__esModule",{value:!0}),t);var A={};k(A,{AppPromo_C:()=>v,default:()=>v});module.exports=R(A);var w=require("react"),x=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),f=require("@stackshift-ui/image"),h=require("@stackshift-ui/section"),d=require("@stackshift-ui/swiper-button"),s=require("@stackshift-ui/text"),e=require("react/jsx-runtime");function v({subtitle:t,title:r,description:o,features:n,images:l}){var p;let[i,a]=(0,w.useState)(0);return(0,e.jsx)(h.Section,{className:"py-20 bg-background",children:(0,e.jsxs)(x.Container,{maxWidth:1280,children:[(0,e.jsxs)(c.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,e.jsx)(L,{subtitle:t,title:r,description:o,features:n}),(0,e.jsx)(S,{images:l})]}),l&&(0,e.jsx)(z,{arrowLeftClick:()=>{l!=null&&l.length&&a(i!==0?i-1:i=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(i!==l.length-1?a(i+1):a(i=0))},children:(0,e.jsx)(j,{image:l[i].image,alt:(p=l[i].alt)!=null?p:`appPromo-variantC-image-${i}`})})]})})}function L({subtitle:t,title:r,description:o,features:n}){return(0,e.jsxs)("div",{className:"w-full lg:max-w-xl space-y-5",children:[t?(0,e.jsx)(s.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,e.jsx)(g.Heading,{type:"h1",fontSize:"3xl",children:r}):null,o?(0,e.jsx)(s.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:o}):null,(0,e.jsx)(P,{features:n})]})}function P({features:t}){return t?(0,e.jsx)("ul",{className:"mb-8",children:t.map((r,o)=>(0,e.jsxs)(c.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,e.jsx)(I,{}),(0,e.jsx)(s.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},o))}):null}function S({images:t}){return t?(0,e.jsxs)("div",{className:"hidden sm:flex lg:flex-row items-center justify-start gap-0 w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,e.jsx)(u,{images:t,start:0,end:1}),(0,e.jsx)("div",{className:"lg:w-full",children:t==null?void 0:t.slice(1,3).map((r,o)=>(0,e.jsx)(u,{images:[r],start:0,end:1},o))}),(0,e.jsx)(u,{images:t,start:3,end:4})]}):null}function u({images:t,start:r,end:o}){var n;return(n=t==null?void 0:t[r])!=null&&n.image?(0,e.jsx)("div",{className:"w-full",children:t.slice(r,o).map((l,i)=>{var a;return(0,e.jsx)(f.Image,{className:"object-cover",src:`${l.image}`,sizes:"100vw",width:500,height:850,alt:(a=l.alt)!=null?a:`appPromo-variantC-image-${i}`},i)})}):null}function I(){return(0,e.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,e.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}function j({image:t,alt:r}){return t?(0,e.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,e.jsx)(f.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function z({arrowLeftClick:t,arrowRightClick:r,children:o}){return(0,e.jsxs)(c.Flex,{justify:"between",align:"center",className:"mt-16 sm:hidden",children:[(0,e.jsx)(d.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),o,(0,e.jsx)(d.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}0&&(module.exports={AppPromo_C});

package/dist/app-promo_c.mjs

@@ -1 +1 @@
-import{a}from"./chunk-POYP3IUG.mjs";export{a as AppPromo_C,a as default};
+import{a}from"./chunk-2JSILVLZ.mjs";export{a as AppPromo_C,a as default};

package/dist/chunk-2JSILVLZ.mjs

@@ -0,0 +1 @@
+import{useState as w}from"react";import{Container as x}from"@stackshift-ui/container";import{Flex as u}from"@stackshift-ui/flex";import{Heading as g}from"@stackshift-ui/heading";import{Image as p}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as f}from"@stackshift-ui/swiper-button";import{Text as m}from"@stackshift-ui/text";import{jsx as e,jsxs as s}from"react/jsx-runtime";function v({subtitle:t,title:r,description:o,features:a,images:l}){var d;let[i,n]=w(0);return e(h,{className:"py-20 bg-background",children:s(x,{maxWidth:1280,children:[s(u,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[e(b,{subtitle:t,title:r,description:o,features:a}),e(C,{images:l})]}),l&&e(R,{arrowLeftClick:()=>{l!=null&&l.length&&n(i!==0?i-1:i=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(i!==l.length-1?n(i+1):n(i=0))},children:e(y,{image:l[i].image,alt:(d=l[i].alt)!=null?d:`appPromo-variantC-image-${i}`})})]})})}function b({subtitle:t,title:r,description:o,features:a}){return s("div",{className:"w-full lg:max-w-xl space-y-5",children:[t?e(m,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?e(g,{type:"h1",fontSize:"3xl",children:r}):null,o?e(m,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:o}):null,e(N,{features:a})]})}function N({features:t}){return t?e("ul",{className:"mb-8",children:t.map((r,o)=>s(u,{as:"li",align:"center",className:"mb-3",children:[e(k,{}),e(m,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},o))}):null}function C({images:t}){return t?s("div",{className:"hidden sm:flex lg:flex-row items-center justify-start gap-0 w-2/3 transform -rotate-12 lg:w-1/2",children:[e(c,{images:t,start:0,end:1}),e("div",{className:"lg:w-full",children:t==null?void 0:t.slice(1,3).map((r,o)=>e(c,{images:[r],start:0,end:1},o))}),e(c,{images:t,start:3,end:4})]}):null}function c({images:t,start:r,end:o}){var a;return(a=t==null?void 0:t[r])!=null&&a.image?e("div",{className:"w-full",children:t.slice(r,o).map((l,i)=>{var n;return e(p,{className:"object-cover",src:`${l.image}`,sizes:"100vw",width:500,height:850,alt:(n=l.alt)!=null?n:`appPromo-variantC-image-${i}`},i)})}):null}function k(){return e("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:e("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}function y({image:t,alt:r}){return t?e("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:e(p,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function R({arrowLeftClick:t,arrowRightClick:r,children:o}){return s(u,{justify:"between",align:"center",className:"mt-16 sm:hidden",children:[e(f,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),o,e(f,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}export{v as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var ut=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},M=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var E=(t,r,e)=>(e=t!=null?ut(dt(t)):{},M(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>M(h({},"__esModule",{value:!0}),t);var k,q=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var Y={};v(Y,{AppPromo_A:()=>R,default:()=>R});function R({logo:t,subtitle:r,title:e,images:i=[]}){var s;let[n,c]=(0,N.useState)(0);return(0,a.jsx)(U.Section,{className:"o-16 overflow-hidden bg-background",children:(0,a.jsxs)(J.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Nt,{arrowLeftClick:()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},children:(0,a.jsx)(Ct,{image:i[n].image,alt:(s=i[n].alt)!=null?s:`appPromo-variantA-image-${n}`})})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(Q.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(N.default.Fragment,{children:[t?(0,a.jsx)(X.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function I({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,c,m,p,s,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(I,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,a.jsx)(I,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(s=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?s:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(I,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Nt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(K.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,a.jsx)(S.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(S.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var J,K,O,C,Q,U,S,X,N,a,A=b(()=>{"use strict";J=require("@stackshift-ui/container"),K=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),U=require("@stackshift-ui/section"),S=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),N=E(require("react"));q();a=require("react/jsx-runtime")});var it={};v(it,{AppPromo_B:()=>T,default:()=>T});function T({subtitle:t,title:r,description:e,statistics:i,images:n}){let[c,m]=u.default.useState(0);return(0,o.jsx)(U.Section,{className:"o-16 overflow-hidden bg-background",children:(0,o.jsx)(tt.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(K.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,o.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,o.jsx)(Pt,{subtitle:t,title:r,description:e}),(0,o.jsx)(gt,{statistics:i})]}),(0,o.jsx)(K.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(Lt,{images:n,currentPosition:c,arrowLeftClick:()=>{n!=null&&n.length&&m(c!==0?c-1:c=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(c!==n.length-1?m(c+1):m(c=0))}})})]})})})}function Pt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(u.default.Fragment,{children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(X.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function gt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(u.default.Fragment,{children:(0,o.jsx)(K.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,o.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,o.jsx)(X.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,o.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function Lt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(u.default.Fragment,{children:t.length>1?(0,o.jsx)(yt,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Z,{images:t,currentPosition:r})}):(0,o.jsx)(Z,{images:t,currentPosition:r})}):null}function yt({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(u.default.Fragment,{children:[(0,o.jsx)(S.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,o.jsx)(S.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function Z({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,o.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,o.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var tt,K,O,C,U,S,X,u,o,z=b(()=>{"use strict";tt=require("@stackshift-ui/container"),u=E(require("react")),o=require("react/jsx-runtime")});var mt={};v(mt,{AppPromo_C:()=>j,default:()=>j});function j({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(U.Section,{className:"py-20 bg-background",children:(0,o.jsx)(ot.Container,{maxWidth:1280,children:(0,o.jsxs)($.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,o.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"w-full lg:max-w-xl space-y-5",children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(X.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(St,{features:i})]})}function St({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)($.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.jsx)(X.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,o.jsxs)("div",{className:"flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(_,{images:t,start:0,end:1}),(0,o.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,o.jsx)(_,{images:[r],start:0,end:1},e))}),(0,o.jsx)(_,{images:t,start:3,end:4})]}):null}function _({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"lg:w-full",children:t.slice(r,e).map((n,c)=>{var m;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${c}`},c)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var ot,$,O,C,U,X,o,B=b(()=>{"use strict";ot=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>st,AppPromo_A:()=>R,AppPromo_B:()=>T,AppPromo_C:()=>j});module.exports=ht(zt);var y=require("react"),Ft={variant_a:(0,y.lazy)(()=>Promise.resolve().then(()=>(A(),Y))),variant_b:(0,y.lazy)(()=>Promise.resolve().then(()=>(z(),it))),variant_c:(0,y.lazy)(()=>Promise.resolve().then(()=>(B(),mt)))},Tt="AppPromo",st=({data:t})=>{var n,c,m,p,s,f,x,d,w,H,V,D,W,G;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(c=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?c:void 0,subtitle:(p=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?p:void 0,title:(f=(s=t==null?void 0:t.variants)==null?void 0:s.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(H=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?H:void 0,features:(D=(V=t==null?void 0:t.variants)==null?void 0:V.tags)!=null?D:void 0,images:(G=(W=t==null?void 0:t.variants)==null?void 0:W.images)!=null?G:void 0};return e?(0,o.jsx)(e,{...i}):null};st.displayName=Tt;A();z();B();0&&(module.exports={AppPromo,AppPromo_A,AppPromo_B,AppPromo_C});
+"use strict";var dt=Object.create;var h=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},q=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!bt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=wt(r,n))||i.enumerable});return t};var J=(t,r,e)=>(e=t!=null?dt(ht(t)):{},q(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),vt=t=>q(h({},"__esModule",{value:!0}),t);var k,K=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var tt={};v(tt,{AppPromo_A:()=>A,default:()=>A});function A({logo:t,subtitle:r,title:e,images:i=[]}){var u;let[n,l]=(0,N.useState)(0);return(0,c.jsx)(Y.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,c.jsxs)(O.Container,{className:"relative text-center",maxWidth:448,children:[(0,c.jsx)(kt,{logo:t}),(0,c.jsx)(Ct,{subtitle:r,title:e}),(0,c.jsx)(Nt,{images:i}),(0,c.jsx)(Lt,{arrowLeftClick:()=>{i!=null&&i.length&&l(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?l(n+1):l(n=0))},children:(0,c.jsx)(Pt,{image:i[n].image,alt:(u=i[n].alt)!=null?u:`appPromo-variantA-image-${n}`})})]})})}function kt({logo:t}){var r;return t!=null&&t.image?(0,c.jsx)(X.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,c.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function Ct({subtitle:t,title:r}){return(0,c.jsxs)(N.default.Fragment,{children:[t?(0,c.jsx)(Z.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,c.jsx)(U.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function S({src:t,alt:r,positionClass:e}){return t?(0,c.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function Nt({images:t}){var r,e,i,n,l,m,p,u,s,d,w,x;return(0,c.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,c.jsx)(S,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(l=t==null?void 0:t[1])!=null&&l.image?(0,c.jsx)(S,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(u=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?u:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(s=t==null?void 0:t[2])!=null&&s.image?(0,c.jsx)(S,{src:(d=t==null?void 0:t[2])==null?void 0:d.image,alt:(x=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?x:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Pt({image:t,alt:r}){return t?(0,c.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,c.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Lt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,c.jsxs)(Q.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,c.jsx)(I.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,c.jsx)(I.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var O,Q,U,C,X,Y,I,Z,N,c,F=b(()=>{"use strict";O=require("@stackshift-ui/container"),Q=require("@stackshift-ui/flex"),U=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),X=require("@stackshift-ui/link"),Y=require("@stackshift-ui/section"),I=require("@stackshift-ui/swiper-button"),Z=require("@stackshift-ui/text"),N=J(require("react"));K();c=require("react/jsx-runtime")});var lt={};v(lt,{AppPromo_B:()=>z,default:()=>z});function z({subtitle:t,title:r,description:e,statistics:i,images:n}){let[l,m]=f.default.useState(0);return(0,a.jsx)(Y.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsx)(et.Container,{className:"relative text-center",maxWidth:1280,children:(0,a.jsxs)(Q.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,a.jsxs)("div",{className:"w-full U-8 lg:w-1/2",children:[(0,a.jsx)(gt,{subtitle:t,title:r,description:e}),(0,a.jsx)(yt,{statistics:i})]}),(0,a.jsx)(Q.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,a.jsx)(Rt,{images:n,currentPosition:l,arrowLeftClick:()=>{n!=null&&n.length&&m(l!==0?l-1:l=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(l!==n.length-1?m(l+1):m(l=0))}})})]})})})}function gt({subtitle:t,title:r,description:e}){return(0,a.jsxs)(f.default.Fragment,{children:[t?(0,a.jsx)(Z.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,a.jsx)(U.Heading,{type:"h1",fontSize:"3xl",className:"U-3 text-center md:text-left",children:r}):null,e?(0,a.jsx)(Z.Text,{className:"U-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function yt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,a.jsx)(f.default.Fragment,{children:(0,a.jsx)(Q.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,a.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,a.jsx)(Z.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,a.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function Rt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,a.jsx)(f.default.Fragment,{children:t.length>1?(0,a.jsx)(St,{arrowLeftClick:e,arrowRightClick:i,children:(0,a.jsx)(rt,{images:t,currentPosition:r})}):(0,a.jsx)(rt,{images:t,currentPosition:r})}):null}function St({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,a.jsxs)(f.default.Fragment,{children:[(0,a.jsx)(I.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,a.jsx)(I.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function rt({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,a.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,a.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var et,Q,U,C,Y,I,Z,f,a,j=b(()=>{"use strict";et=require("@stackshift-ui/container"),f=J(require("react")),a=require("react/jsx-runtime")});var pt={};v(pt,{AppPromo_C:()=>H,default:()=>H});function H({subtitle:t,title:r,description:e,features:i,images:n}){var s;let[l,m]=(0,at.useState)(0);return(0,a.jsx)(Y.Section,{className:"py-20 bg-background",children:(0,a.jsxs)(ct.Container,{maxWidth:1280,children:[(0,a.jsxs)(Q.Flex,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[(0,a.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,a.jsx)(Ft,{images:n})]}),n&&(0,a.jsx)(jt,{arrowLeftClick:()=>{n!=null&&n.length&&m(l!==0?l-1:l=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(l!==n.length-1?m(l+1):m(l=0))},children:(0,a.jsx)(zt,{image:n[l].image,alt:(s=n[l].alt)!=null?s:`appPromo-variantC-image-${l}`})})]})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,a.jsxs)("div",{className:"w-full lg:max-w-xl space-Q-5",children:[t?(0,a.jsx)(Z.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,a.jsx)(U.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,a.jsx)(Z.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,a.jsx)(At,{features:i})]})}function At({features:t}){return t?(0,a.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,a.jsxs)(Q.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,a.jsx)(Tt,{}),(0,a.jsx)(Z.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Ft({images:t}){return t?(0,a.jsxs)("div",{className:"hidden sm:flex lg:flex-row items-center justify-start gap-0 w-2/3 transform -rotate-12 lg:w-1/2",children:[(0,a.jsx)(B,{images:t,start:0,end:1}),(0,a.jsx)("div",{className:"lg:w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,a.jsx)(B,{images:[r],start:0,end:1},e))}),(0,a.jsx)(B,{images:t,start:3,end:4})]}):null}function B({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,a.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,l)=>{var m;return(0,a.jsx)($.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${l}`},l)})}):null}function Tt(){return(0,a.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}function zt({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)($.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function jt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(Q.Flex,{justify:"between",align:"center",className:"U-16 sm:hidden",children:[(0,a.jsx)(I.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(I.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var at,ct,Q,U,$,Y,I,Z,a,V=b(()=>{"use strict";at=require("react"),ct=require("@stackshift-ui/container")});var $t={};v($t,{AppPromo:()=>st,AppPromo_A:()=>A,AppPromo_B:()=>z,AppPromo_C:()=>H});module.exports=vt($t);var R=require("react"),Bt={variant_a:(0,R.lazy)(()=>Promise.resolve().then(()=>(F(),tt))),variant_b:(0,R.lazy)(()=>Promise.resolve().then(()=>(j(),lt))),variant_c:(0,R.lazy)(()=>Promise.resolve().then(()=>(V(),pt)))},_t="AppPromo",st=({data:t})=>{var n,l,m,p,u,s,d,w,x,D,M,W,G,E;let r=t==null?void 0:t.variant,e=r&&Bt[r],i={logo:(l=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?l:void 0,subtitle:(p=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?p:void 0,title:(s=(u=t==null?void 0:t.variants)==null?void 0:u.title)!=null?s:void 0,description:(w=(d=t==null?void 0:t.variants)==null?void 0:d.description)!=null?w:void 0,statistics:(D=(x=t==null?void 0:t.variants)==null?void 0:x.stats)!=null?D:void 0,features:(W=(M=t==null?void 0:t.variants)==null?void 0:M.tags)!=null?W:void 0,images:(E=(G=t==null?void 0:t.variants)==null?void 0:G.images)!=null?E:void 0};return e?(0,a.jsx)(e,{...i}):null};st.displayName=_t;F();j();V();0&&(module.exports={AppPromo,AppPromo_A,AppPromo_B,AppPromo_C});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as t}from"./chunk-43YKVXJS.mjs";import{a as o}from"./chunk-2AGQEIJY.mjs";import{a as r}from"./chunk-5WNEK5LG.mjs";import{a as e}from"./chunk-POYP3IUG.mjs";import"./chunk-KQFO7OZP.mjs";export{t as AppPromo,o as AppPromo_A,r as AppPromo_B,e as AppPromo_C};
+"use strict";import{a as t}from"./chunk-4EH6ILDL.mjs";import{a as o}from"./chunk-2AGQEIJY.mjs";import{a as r}from"./chunk-5WNEK5LG.mjs";import{a as e}from"./chunk-2JSILVLZ.mjs";import"./chunk-KQFO7OZP.mjs";export{t as AppPromo,o as AppPromo_A,r as AppPromo_B,e as AppPromo_C};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/app-promo",
   "description": "",
-  "version": "6.0.12-beta.0",
+  "version": "6.0.12-beta.1",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,27 +29,27 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10-beta.0",
-    "@stackshift-ui/typescript-config": "6.0.10-beta.0"
+    "@stackshift-ui/eslint-config": "6.0.10-beta.1",
+    "@stackshift-ui/typescript-config": "6.0.10-beta.1"
   },
   "dependencies": {
-    "@stackshift-ui/scripts": "6.0.10-beta.0",
-    "@stackshift-ui/system": "6.0.11-beta.0",
-    "@stackshift-ui/heading": "6.0.11-beta.0",
-    "@stackshift-ui/image": "6.0.11-beta.0",
-    "@stackshift-ui/swiper-button": "6.0.11-beta.0",
-    "@stackshift-ui/container": "6.0.11-beta.0",
-    "@stackshift-ui/section": "6.0.11-beta.0",
-    "@stackshift-ui/text": "6.0.11-beta.0",
-    "@stackshift-ui/flex": "6.0.11-beta.0",
-    "@stackshift-ui/link": "6.0.11-beta.0"
+    "@stackshift-ui/system": "6.0.11-beta.1",
+    "@stackshift-ui/image": "6.0.11-beta.1",
+    "@stackshift-ui/link": "6.0.11-beta.1",
+    "@stackshift-ui/scripts": "6.0.10-beta.1",
+    "@stackshift-ui/heading": "6.0.11-beta.1",
+    "@stackshift-ui/flex": "6.0.11-beta.1",
+    "@stackshift-ui/text": "6.0.11-beta.1",
+    "@stackshift-ui/container": "6.0.11-beta.1",
+    "@stackshift-ui/section": "6.0.11-beta.1",
+    "@stackshift-ui/swiper-button": "6.0.11-beta.1"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.0.11-beta.0"
+    "@stackshift-ui/system": ">=6.0.11-beta.1"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/app-promo_c.tsx

@@ -1,8 +1,10 @@
+import React, { useState } from "react";
 import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
 import { Section } from "@stackshift-ui/section";
+import { SwiperButton } from "@stackshift-ui/swiper-button";
 import { Text } from "@stackshift-ui/text";
 import { AppPromoProps } from ".";
 import { Images } from "./types";
@@ -14,6 +16,25 @@ export default function AppPromo_C({
   features,
   images,
 }: AppPromoProps) {
+  //for image carousel
+  let [currentPosition, setCurrentPosition] = useState(0); // Initial image index value
+
+  const arrowRightClick = () => {
+    if (images?.length) {
+      currentPosition !== images.length - 1 // Check index length
+        ? setCurrentPosition(currentPosition + 1)
+        : setCurrentPosition((currentPosition = 0));
+    }
+  };
+
+  const arrowLeftClick = () => {
+    if (images?.length) {
+      currentPosition !== 0 // Check index length
+        ? setCurrentPosition(currentPosition - 1)
+        : setCurrentPosition((currentPosition = images.length - 1));
+    }
+  };
+
   return (
     <Section className="py-20 bg-background">
       <Container maxWidth={1280}>
@@ -26,6 +47,15 @@ export default function AppPromo_C({
           />
           <ImageSection images={images} />
         </Flex>
+        {/* mobile image view less than 640px */}
+        {images && (
+          <SwiperButtons arrowLeftClick={arrowLeftClick} arrowRightClick={arrowRightClick}>
+            <MobileImageView
+              image={images[currentPosition].image}
+              alt={images[currentPosition].alt ?? `appPromo-variantC-image-${currentPosition}`}
+            />
+          </SwiperButtons>
+        )}
       </Container>
     </Section>
   );
@@ -85,9 +115,9 @@ function ImageSection({ images }: { images?: Images[] }) {
   if (!images) return null;
 
   return (
-    <div className="flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2">
+    <div className="hidden sm:flex lg:flex-row items-center justify-start gap-0 w-2/3 transform -rotate-12 lg:w-1/2">
       <ImageDisplay images={images} start={0} end={1} />
-      <div className="w-full">
+      <div className="lg:w-full">
         {images
           ?.slice(1, 3)
           .map((img, index) => <ImageDisplay images={[img]} start={0} end={1} key={index} />)}
@@ -101,7 +131,7 @@ function ImageDisplay({ images, start, end }: { images?: Images[]; start: number
   if (!images?.[start]?.image) return null;
 
   return (
-    <div className="lg:w-full">
+    <div className="w-full">
       {images.slice(start, end).map((image, index) => (
         <Image
           key={index}
@@ -134,4 +164,49 @@ function CheckIcon() {
   );
 }
 
+function MobileImageView({ image, alt }: { image: any; alt: string }) {
+  if (!image) return null;
+
+  return (
+    <div className="object-contain w-1/2 mx-auto sm:hidden">
+      <Image
+        className="object-contain w-full h-full"
+        src={image}
+        sizes="(min-width: 520px) 224px, 45vw"
+        width={500}
+        height={850}
+        alt={alt}
+      />
+    </div>
+  );
+}
+
+function SwiperButtons({
+  arrowLeftClick,
+  arrowRightClick,
+  children,
+}: {
+  arrowLeftClick: () => void;
+  arrowRightClick: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <Flex justify="between" align="center" className="mt-16 sm:hidden">
+      <SwiperButton
+        type="left"
+        ariaLabel="Left Arrow button"
+        className="order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1"
+        onClick={arrowLeftClick}
+      />
+      {children}
+      <SwiperButton
+        type="right"
+        ariaLabel="Right Arrow button"
+        className="order-2 bg-white"
+        onClick={arrowRightClick}
+      />
+    </Flex>
+  );
+}
+
 export { AppPromo_C };

package/dist/chunk-POYP3IUG.mjs

@@ -1 +0,0 @@
-import{Container as f}from"@stackshift-ui/container";import{Flex as c}from"@stackshift-ui/flex";import{Heading as p}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as x}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{jsx as t,jsxs as s}from"react/jsx-runtime";function d({subtitle:e,title:l,description:r,features:a,images:n}){return t(x,{className:"py-20 bg-background",children:t(f,{maxWidth:1280,children:s(c,{align:"center",className:"flex flex-col lg:flex-row items-center justify-start gap-8",children:[t(w,{subtitle:e,title:l,description:r,features:a}),t(N,{images:n})]})})})}function w({subtitle:e,title:l,description:r,features:a}){return s("div",{className:"w-full lg:max-w-xl space-y-5",children:[e?t(o,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,l?t(p,{type:"h1",fontSize:"3xl",children:l}):null,r?t(o,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:r}):null,t(v,{features:a})]})}function v({features:e}){return e?t("ul",{className:"mb-8",children:e.map((l,r)=>s(c,{as:"li",align:"center",className:"mb-3",children:[t(h,{}),t(o,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:l})]},r))}):null}function N({images:e}){return e?s("div",{className:"flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2",children:[t(i,{images:e,start:0,end:1}),t("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((l,r)=>t(i,{images:[l],start:0,end:1},r))}),t(i,{images:e,start:3,end:4})]}):null}function i({images:e,start:l,end:r}){var a;return(a=e==null?void 0:e[l])!=null&&a.image?t("div",{className:"lg:w-full",children:e.slice(l,r).map((n,m)=>{var u;return t(g,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(u=n.alt)!=null?u:`appPromo-variantC-image-${m}`},m)})}):null}function h(){return t("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:t("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}export{d as a};