@stackshift-ui/app-promo 6.0.2 → 6.0.4-beta.0

package/dist/app-promo.js

@@ -1 +1 @@
-"use strict";var ut=Object.create;var f=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var d=(t,r)=>()=>(t&&(r=t(t=0)),r);var x=(t,r)=>{for(var e in r)f(t,e,{get:r[e],enumerable:!0})},B=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of dt(r))!wt.call(t,n)&&n!==e&&f(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var H=(t,r,e)=>(e=t!=null?ut(xt(t)):{},B(r||!t||!t.__esModule?f(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>B(f({},"__esModule",{value:!0}),t);var w,j=d(()=>{"use strict";w=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={};x(K,{AppPromo_A:()=>J,default:()=>J});function J({logo:t,subtitle:r,title:e,images:i=[]}){var s;let[n,m]=(0,h.useState)(0),c=()=>{i!=null&&i.length&&(n!==i.length-1?m(n+1):m(n=0))},u=()=>{i!=null&&i.length&&m(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(E.Section,{className:"o-16 overflow-hidden bg-background",children:(0,a.jsxs)(V.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)(Ct,{image:i[n].image,alt:(s=i[n].alt)!=null?s:`appPromo-variantA-image-${n}`}),(0,a.jsx)(gt,{arrowLeftClick:u,arrowRightClick:c})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(M.Link,{"aria-label":`Go to ${w(t)==="/"?"home page":w(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:w(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(G.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)(h.default.Fragment,{children:[t?(0,a.jsx)(q.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(W.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function g({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)("img",{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,m,c;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)(g,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(i=t==null?void 0:t[1])!=null&&i.image?(0,a.jsx)(g,{src:(n=t==null?void 0:t[1])==null?void 0:n.image,alt:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(m=t==null?void 0:t[2])!=null&&m.image?(0,a.jsx)(g,{src:(c=t==null?void 0:t[2])==null?void 0:c.image,alt:"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)("img",{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function gt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(D.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(P.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(P.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var V,D,W,G,M,E,P,q,h,a,O=d(()=>{"use strict";V=require("@stackshift-ui/container"),D=require("@stackshift-ui/flex"),W=require("@stackshift-ui/heading"),G=require("@stackshift-ui/image"),M=require("@stackshift-ui/link"),E=require("@stackshift-ui/section"),P=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),h=H(require("react"));j();a=require("react/jsx-runtime")});var rt={};x(rt,{AppPromo_B:()=>tt,default:()=>tt});function tt({subtitle:t,title:r,description:e,statistics:i,images:n}){let[m,c]=p.default.useState(0);return(0,o.jsx)(E.Section,{className:"o-16 overflow-hidden bg-background",children:(0,o.jsxs)(U.Container,{className:"relative text-center",maxWidth:1280,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)(Nt,{statistics:i})]}),(0,o.jsx)(D.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(Lt,{images:n,currentPosition:m,arrowLeftClick:()=>{n!=null&&n.length&&c(m!==0?m-1:m=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(m!==n.length-1?c(m+1):c(m=0))}})})]})})}function Pt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(p.default.Fragment,{children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(W.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(q.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Nt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(p.default.Fragment,{children:(0,o.jsx)(D.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)(q.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)(p.default.Fragment,{children:t.length>1?(0,o.jsx)(yt,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Q,{images:t,currentPosition:r})}):(0,o.jsx)(Q,{images:t,currentPosition:r})}):null}function yt({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(p.default.Fragment,{children:[(0,o.jsx)(P.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(P.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:e})]})}function Q({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)(G.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,D,W,G,E,P,q,p,o,et=d(()=>{"use strict";U=require("@stackshift-ui/container"),p=H(require("react")),o=require("react/jsx-runtime")});var mt={};x(mt,{AppPromo_C:()=>at,default:()=>at});function at({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(E.Section,{className:"py-20 bg-background",children:(0,o.jsx)(lt.Container,{maxWidth:1280,children:(0,o.jsxs)(D.Flex,{align:"center",wrap:!0,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:"max-w-xl space-y-5",children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(nt.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(q.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)(D.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.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,o.jsxs)(D.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(y,{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)(y,{images:[r],start:0,end:1},e))}),(0,o.jsx)(y,{images:t,start:3,end:4})]}):null}function y({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,m)=>{var c;return(0,o.jsx)(G.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${m}`},m)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",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 nt,q,G,E,lt,D,o,ct=d(()=>{"use strict";nt=require("@stackshift-ui/heading"),lt=require("@stackshift-ui/container")});var zt={};x(zt,{AppPromo:()=>st});module.exports=ht(zt);var C=require("react"),Ft={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(ct(),mt)))},Tt="AppPromo",st=({data:t})=>{var n,m,c,u,s,I,S,R,A,F,T,z,_,$;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(m=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?m:void 0,subtitle:(u=(c=t==null?void 0:t.variants)==null?void 0:c.subtitle)!=null?u:void 0,title:(I=(s=t==null?void 0:t.variants)==null?void 0:s.title)!=null?I:void 0,description:(R=(S=t==null?void 0:t.variants)==null?void 0:S.description)!=null?R:void 0,statistics:(F=(A=t==null?void 0:t.variants)==null?void 0:A.stats)!=null?F:void 0,features:(z=(T=t==null?void 0:t.variants)==null?void 0:T.tags)!=null?z:void 0,images:($=(_=t==null?void 0:t.variants)==null?void 0:_.images)!=null?$:void 0};return e?(0,o.jsx)(e,{...i}):null};st.displayName=Tt;0&&(module.exports={AppPromo});
+"use strict";var st=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})},H=(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 j=(t,r,e)=>(e=t!=null?st(dt(t)):{},H(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>H(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 p;let[n,c]=(0,P.useState)(0),m=()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},u=()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(E.Section,{className:"pt-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)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`}),(0,a.jsx)(Pt,{arrowLeftClick:u,arrowRightClick:m})]})})}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)(P.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 g({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,u,p,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)(g,{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)(g,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"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)(g,{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 Pt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(W.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var D,W,G,C,M,E,R,q,P,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"),R=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),P=j(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]=s.default.useState(0);return(0,o.jsx)(E.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsx)(U.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(W.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)(Nt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(W.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(yt,{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 Nt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.default.Fragment,{children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(q.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(W.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)(q.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 yt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(It,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Q,{images:t,currentPosition:r})}):(0,o.jsx)(Q,{images:t,currentPosition:r})}):null}function It({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:e})]})}function Q({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 U,W,G,C,E,R,q,s,o,et=b(()=>{"use strict";U=require("@stackshift-ui/container"),s=j(require("react")),o=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,o.jsx)(E.Section,{className:"py-20 bg-background",children:(0,o.jsx)(nt.Container,{maxWidth:1280,children:(0,o.jsxs)(W.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(St,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function St({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-q-5",children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(q.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(gt,{features:i})]})}function gt({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(W.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.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,o.jsxs)(W.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(F,{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)(F,{images:[r],start:0,end:1},e))}),(0,o.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,o.jsx)("div",{className:"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-foreground",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 nt,W,G,C,E,q,o,mt=b(()=>{"use strict";nt=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt});module.exports=ht(zt);var S=require("react"),Ft={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(mt(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,c,m,u,p,f,x,d,w,T,z,_,$,B;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:(u=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.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:(B=($=t==null?void 0:t.variants)==null?void 0:$.images)!=null?B:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;0&&(module.exports={AppPromo});

package/dist/app-promo.mjs

@@ -1 +1 @@
-import{a}from"./chunk-G2VBXDZJ.mjs";export{a as AppPromo};
+import{a}from"./chunk-WA4PS4TA.mjs";export{a as AppPromo};

package/dist/app-promo_a.js

@@ -1 +1 @@
-"use strict";var N=Object.create;var m=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var R=(t,r)=>{for(var i in r)m(t,i,{get:r[i],enumerable:!0})},s=(t,r,i,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of y(r))!S.call(t,a)&&a!==i&&m(t,a,{get:()=>r[a],enumerable:!(e=A(r,a))||e.enumerable});return t};var T=(t,r,i)=>(i=t!=null?N(I(t)):{},s(r||!t||!t.__esModule?m(i,"default",{value:t,enumerable:!0}):i,t)),z=t=>s(m({},"__esModule",{value:!0}),t);var H={};R(H,{AppPromo_A:()=>C,default:()=>C});module.exports=z(H);var h=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),w=require("@stackshift-ui/image"),x=require("@stackshift-ui/link"),L=require("@stackshift-ui/section"),f=require("@stackshift-ui/swiper-button"),P=require("@stackshift-ui/text"),u=T(require("react"));var l=t=>{var r,i,e;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(i=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&i.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(e=t==null?void 0:t.externalLink)!=null?e:"/"};var n=require("react/jsx-runtime");function C({logo:t,subtitle:r,title:i,images:e=[]}){var d;let[a,p]=(0,u.useState)(0),c=()=>{e!=null&&e.length&&(a!==e.length-1?p(a+1):p(a=0))},v=()=>{e!=null&&e.length&&p(a!==0?a-1:a=e.length-1)};return(0,n.jsx)(L.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,n.jsxs)(h.Container,{className:"relative text-center",maxWidth:448,children:[(0,n.jsx)(F,{logo:t}),(0,n.jsx)($,{subtitle:r,title:i}),(0,n.jsx)(j,{images:e}),(0,n.jsx)(B,{image:e[a].image,alt:(d=e[a].alt)!=null?d:`appPromo-variantA-image-${a}`}),(0,n.jsx)(G,{arrowLeftClick:v,arrowRightClick:c})]})})}function F({logo:t}){var r;return t!=null&&t.image?(0,n.jsx)(x.Link,{"aria-label":`Go to ${l(t)==="/"?"home page":l(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:l(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(w.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 $({subtitle:t,title:r}){return(0,n.jsxs)(u.default.Fragment,{children:[t?(0,n.jsx)(P.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,n.jsx)(k.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function o({src:t,alt:r,positionClass:i}){return t?(0,n.jsx)("img",{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function j({images:t}){var r,i,e,a,p,c;return(0,n.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,n.jsx)(o,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(e=t==null?void 0:t[1])!=null&&e.image?(0,n.jsx)(o,{src:(a=t==null?void 0:t[1])==null?void 0:a.image,alt:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(p=t==null?void 0:t[2])!=null&&p.image?(0,n.jsx)(o,{src:(c=t==null?void 0:t[2])==null?void 0:c.image,alt:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function B({image:t,alt:r}){return t?(0,n.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,n.jsx)("img",{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function G({arrowLeftClick:t,arrowRightClick:r}){return(0,n.jsxs)(b.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,n.jsx)(f.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,n.jsx)(f.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}0&&(module.exports={AppPromo_A});
+"use strict";var S=Object.create;var o=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var $=(t,r)=>{for(var i in r)o(t,i,{get:r[i],enumerable:!0})},L=(t,r,i,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of T(r))!F.call(t,a)&&a!==i&&o(t,a,{get:()=>r[a],enumerable:!(e=R(r,a))||e.enumerable});return t};var j=(t,r,i)=>(i=t!=null?S(z(t)):{},L(r||!t||!t.__esModule?o(i,"default",{value:t,enumerable:!0}):i,t)),B=t=>L(o({},"__esModule",{value:!0}),t);var V={};$(V,{AppPromo_A:()=>I,default:()=>I});module.exports=B(V);var P=require("@stackshift-ui/container"),C=require("@stackshift-ui/flex"),v=require("@stackshift-ui/heading"),d=require("@stackshift-ui/image"),N=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),b=require("@stackshift-ui/swiper-button"),y=require("@stackshift-ui/text"),m=j(require("react"));var f=t=>{var r,i,e;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(i=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&i.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(e=t==null?void 0:t.externalLink)!=null?e:"/"};var n=require("react/jsx-runtime");function I({logo:t,subtitle:r,title:i,images:e=[]}){var p;let[a,l]=(0,m.useState)(0),c=()=>{e!=null&&e.length&&(a!==e.length-1?l(a+1):l(a=0))},u=()=>{e!=null&&e.length&&l(a!==0?a-1:a=e.length-1)};return(0,n.jsx)(A.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,n.jsxs)(P.Container,{className:"relative text-center",maxWidth:448,children:[(0,n.jsx)(G,{logo:t}),(0,n.jsx)(H,{subtitle:r,title:i}),(0,n.jsx)(_,{images:e}),(0,n.jsx)(E,{image:e[a].image,alt:(p=e[a].alt)!=null?p:`appPromo-variantA-image-${a}`}),(0,n.jsx)(M,{arrowLeftClick:u,arrowRightClick:c})]})})}function G({logo:t}){var r;return t!=null&&t.image?(0,n.jsx)(N.Link,{"aria-label":`Go to ${f(t)==="/"?"home page":f(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:f(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(d.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 H({subtitle:t,title:r}){return(0,n.jsxs)(m.default.Fragment,{children:[t?(0,n.jsx)(y.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,n.jsx)(v.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function h({src:t,alt:r,positionClass:i}){return t?(0,n.jsx)(d.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function _({images:t}){var r,i,e,a,l,c,u,p,k,s,w,x;return(0,n.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,n.jsx)(h,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:(a=(e=t==null?void 0:t[0])==null?void 0:e.alt)!=null?a:"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,n.jsx)(h,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(k=t==null?void 0:t[2])!=null&&k.image?(0,n.jsx)(h,{src:(s=t==null?void 0:t[2])==null?void 0:s.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 E({image:t,alt:r}){return t?(0,n.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,n.jsx)(d.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function M({arrowLeftClick:t,arrowRightClick:r}){return(0,n.jsxs)(C.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,n.jsx)(b.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,n.jsx)(b.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}0&&(module.exports={AppPromo_A});

package/dist/app-promo_a.mjs

@@ -1 +1 @@
-import{a}from"./chunk-HEASXD32.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo_A,a as default};
+import{a}from"./chunk-VYDG5YDD.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo_A,a as default};

package/dist/app-promo_b.js

@@ -1 +1 @@
-"use strict";var v=Object.create;var m=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var s=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},d=(t,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of R(e))!N.call(t,n)&&n!==o&&m(t,n,{get:()=>e[n],enumerable:!(l=k(e,n))||l.enumerable});return t};var F=(t,e,o)=>(o=t!=null?v(s(t)):{},d(e||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>d(m({},"__esModule",{value:!0}),t);var A={};S(A,{AppPromo_B:()=>b,default:()=>b});module.exports=P(A);var w=require("@stackshift-ui/container"),p=require("@stackshift-ui/flex"),x=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),C=require("@stackshift-ui/section"),f=require("@stackshift-ui/swiper-button"),u=require("@stackshift-ui/text"),i=F(require("react")),r=require("react/jsx-runtime");function b({subtitle:t,title:e,description:o,statistics:l,images:n}){let[a,c]=i.default.useState(0);return(0,r.jsx)(C.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,r.jsxs)(w.Container,{className:"relative text-center",maxWidth:1280,children:[(0,r.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,r.jsx)(I,{subtitle:t,title:e,description:o}),(0,r.jsx)(L,{statistics:l})]}),(0,r.jsx)(p.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,r.jsx)(y,{images:n,currentPosition:a,arrowLeftClick:()=>{n!=null&&n.length&&c(a!==0?a-1:a=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(a!==n.length-1?c(a+1):c(a=0))}})})]})})}function I({subtitle:t,title:e,description:o}){return(0,r.jsxs)(i.default.Fragment,{children:[t?(0,r.jsx)(u.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?(0,r.jsx)(x.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?(0,r.jsx)(u.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function L({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,r.jsx)(i.default.Fragment,{children:(0,r.jsx)(p.Flex,{wrap:!0,children:t==null?void 0:t.map((e,o)=>(0,r.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,r.jsx)(u.Text,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),(0,r.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function y({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:l}){return t?(0,r.jsx)(i.default.Fragment,{children:t.length>1?(0,r.jsx)(T,{arrowLeftClick:o,arrowRightClick:l,children:(0,r.jsx)(g,{images:t,currentPosition:e})}):(0,r.jsx)(g,{images:t,currentPosition:e})}):null}function T({children:t,arrowLeftClick:e,arrowRightClick:o}){return(0,r.jsxs)(i.default.Fragment,{children:[(0,r.jsx)(f.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,(0,r.jsx)(f.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function g({images:t,currentPosition:e}){var o,l,n;return(o=t==null?void 0:t[e])!=null&&o.image?(0,r.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,r.jsx)(h.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(n=(l=t[e])==null?void 0:l.alt)!=null?n:`appPromo-variantB-image-${e}`})}):null}0&&(module.exports={AppPromo_B});
+"use strict";var v=Object.create;var m=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},d=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of s(e))!R.call(t,l)&&l!==o&&m(t,l,{get:()=>e[l],enumerable:!(n=k(e,l))||n.enumerable});return t};var S=(t,e,o)=>(o=t!=null?v(N(t)):{},d(e||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>d(m({},"__esModule",{value:!0}),t);var A={};F(A,{AppPromo_B:()=>C,default:()=>C});module.exports=P(A);var g=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),x=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),p=require("@stackshift-ui/swiper-button"),u=require("@stackshift-ui/text"),i=S(require("react")),r=require("react/jsx-runtime");function C({subtitle:t,title:e,description:o,statistics:n,images:l}){let[a,c]=i.default.useState(0);return(0,r.jsx)(b.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,r.jsx)(g.Container,{className:"relative text-center",maxWidth:1280,children:(0,r.jsxs)(f.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,r.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,r.jsx)(I,{subtitle:t,title:e,description:o}),(0,r.jsx)(L,{statistics:n})]}),(0,r.jsx)(f.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,r.jsx)(y,{images:l,currentPosition:a,arrowLeftClick:()=>{l!=null&&l.length&&c(a!==0?a-1:a=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(a!==l.length-1?c(a+1):c(a=0))}})})]})})})}function I({subtitle:t,title:e,description:o}){return(0,r.jsxs)(i.default.Fragment,{children:[t?(0,r.jsx)(u.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?(0,r.jsx)(x.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?(0,r.jsx)(u.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function L({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,r.jsx)(i.default.Fragment,{children:(0,r.jsx)(f.Flex,{wrap:!0,children:t==null?void 0:t.map((e,o)=>(0,r.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,r.jsx)(u.Text,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),(0,r.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function y({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:n}){return t?(0,r.jsx)(i.default.Fragment,{children:t.length>1?(0,r.jsx)(T,{arrowLeftClick:o,arrowRightClick:n,children:(0,r.jsx)(w,{images:t,currentPosition:e})}):(0,r.jsx)(w,{images:t,currentPosition:e})}):null}function T({children:t,arrowLeftClick:e,arrowRightClick:o}){return(0,r.jsxs)(i.default.Fragment,{children:[(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function w({images:t,currentPosition:e}){var o,n,l;return(o=t==null?void 0:t[e])!=null&&o.image?(0,r.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,r.jsx)(h.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(n=t[e])==null?void 0:n.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}0&&(module.exports={AppPromo_B});

package/dist/app-promo_b.mjs

@@ -1 +1 @@
-import{a}from"./chunk-UHCXH5CS.mjs";export{a as AppPromo_B,a as default};
+import{a}from"./chunk-75ZMG3QX.mjs";export{a as AppPromo_B,a as default};

package/dist/app-promo_c.js

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var h=(e,r)=>{for(var l in r)m(e,l,{get:r[l],enumerable:!0})},b=(e,r,l,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of v(r))!N.call(e,a)&&a!==l&&m(e,a,{get:()=>r[a],enumerable:!(n=w(r,a))||n.enumerable});return e};var y=e=>b(m({},"__esModule",{value:!0}),e);var F={};h(F,{AppPromo_C:()=>x,default:()=>x});module.exports=y(F);var p=require("@stackshift-ui/heading"),o=require("@stackshift-ui/text"),d=require("@stackshift-ui/image"),g=require("@stackshift-ui/section"),f=require("@stackshift-ui/container"),i=require("@stackshift-ui/flex"),t=require("react/jsx-runtime");function x({subtitle:e,title:r,description:l,features:n,images:a}){return(0,t.jsx)(g.Section,{className:"py-20 bg-background",children:(0,t.jsx)(f.Container,{maxWidth:1280,children:(0,t.jsxs)(i.Flex,{align:"center",wrap:!0,gap:8,children:[(0,t.jsx)(I,{subtitle:e,title:r,description:l,features:n}),(0,t.jsx)(P,{images:a})]})})})}function I({subtitle:e,title:r,description:l,features:n}){return(0,t.jsxs)("div",{className:"max-w-xl space-y-5",children:[e?(0,t.jsx)(o.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?(0,t.jsx)(p.Heading,{type:"h1",fontSize:"3xl",children:r}):null,l?(0,t.jsx)(o.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,(0,t.jsx)(C,{features:n})]})}function C({features:e}){return e?(0,t.jsx)("ul",{className:"mb-8",children:e.map((r,l)=>(0,t.jsxs)(i.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,t.jsx)(k,{}),(0,t.jsx)(o.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function P({images:e}){return e?(0,t.jsxs)(i.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,t.jsx)(s,{images:e,start:0,end:1}),(0,t.jsx)("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>(0,t.jsx)(s,{images:[r],start:0,end:1},l))}),(0,t.jsx)(s,{images:e,start:3,end:4})]}):null}function s({images:e,start:r,end:l}){var n;return(n=e==null?void 0:e[r])!=null&&n.image?(0,t.jsx)("div",{className:"w-full",children:e.slice(r,l).map((a,u)=>{var c;return(0,t.jsx)(d.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-foreground",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 w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var h=(e,r)=>{for(var l in r)m(e,l,{get:r[l],enumerable:!0})},b=(e,r,l,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of v(r))!N.call(e,a)&&a!==l&&m(e,a,{get:()=>r[a],enumerable:!(n=w(r,a))||n.enumerable});return e};var y=e=>b(m({},"__esModule",{value:!0}),e);var F={};h(F,{AppPromo_C:()=>x,default:()=>x});module.exports=y(F);var p=require("@stackshift-ui/container"),i=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),f=require("@stackshift-ui/section"),o=require("@stackshift-ui/text"),t=require("react/jsx-runtime");function x({subtitle:e,title:r,description:l,features:n,images:a}){return(0,t.jsx)(f.Section,{className:"py-20 bg-background",children:(0,t.jsx)(p.Container,{maxWidth:1280,children:(0,t.jsxs)(i.Flex,{align:"center",wrap:!0,gap:8,children:[(0,t.jsx)(I,{subtitle:e,title:r,description:l,features:n}),(0,t.jsx)(P,{images:a})]})})})}function I({subtitle:e,title:r,description:l,features:n}){return(0,t.jsxs)("div",{className:"max-w-xl space-y-5",children:[e?(0,t.jsx)(o.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?(0,t.jsx)(d.Heading,{type:"h1",fontSize:"3xl",children:r}):null,l?(0,t.jsx)(o.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,(0,t.jsx)(C,{features:n})]})}function C({features:e}){return e?(0,t.jsx)("ul",{className:"mb-8",children:e.map((r,l)=>(0,t.jsxs)(i.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,t.jsx)(k,{}),(0,t.jsx)(o.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function P({images:e}){return e?(0,t.jsxs)(i.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,t.jsx)(s,{images:e,start:0,end:1}),(0,t.jsx)("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>(0,t.jsx)(s,{images:[r],start:0,end:1},l))}),(0,t.jsx)(s,{images:e,start:3,end:4})]}):null}function s({images:e,start:r,end:l}){var n;return(n=e==null?void 0:e[r])!=null&&n.image?(0,t.jsx)("div",{className:"w-full",children:e.slice(r,l).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-foreground",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});

package/dist/app-promo_c.mjs

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

package/dist/chunk-75ZMG3QX.mjs

@@ -0,0 +1 @@
+import{Container as w}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as g}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as p}from"@stackshift-ui/swiper-button";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function b({subtitle:t,title:e,description:o,statistics:a,images:l}){let[n,m]=c.useState(0);return r(h,{className:"pt-16 overflow-hidden bg-background",children:r(w,{className:"relative text-center",maxWidth:1280,children:i(f,{justify:"between",className:"flex-col md:flex-row",children:[i("div",{className:"w-full mt-8 lg:w-1/2",children:[r(C,{subtitle:t,title:e,description:o}),r(v,{statistics:a})]}),r(f,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:r(k,{images:l,currentPosition:n,arrowLeftClick:()=>{l!=null&&l.length&&m(n!==0?n-1:n=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(n!==l.length-1?m(n+1):m(n=0))}})})]})})})}function C({subtitle:t,title:e,description:o}){return i(c.Fragment,{children:[t?r(u,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?r(g,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?r(u,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function v({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:r(c.Fragment,{children:r(f,{wrap:!0,children:t==null?void 0:t.map((e,o)=>i("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[r(u,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),r("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function k({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:a}){return t?r(c.Fragment,{children:t.length>1?r(s,{arrowLeftClick:o,arrowRightClick:a,children:r(d,{images:t,currentPosition:e})}):r(d,{images:t,currentPosition:e})}):null}function s({children:t,arrowLeftClick:e,arrowRightClick:o}){return i(c.Fragment,{children:[r(p,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,r(p,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function d({images:t,currentPosition:e}){var o,a,l;return(o=t==null?void 0:t[e])!=null&&o.image?r("div",{className:"object-contain w-1/2 mr-2",children:r(x,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(a=t[e])==null?void 0:a.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}export{b as a};

package/dist/chunk-VYDG5YDD.mjs

@@ -0,0 +1 @@
+import{a as u}from"./chunk-KQFO7OZP.mjs";import{Container as k}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as C}from"@stackshift-ui/heading";import{Image as m}from"@stackshift-ui/image";import{Link as v}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{SwiperButton as P}from"@stackshift-ui/swiper-button";import{Text as N}from"@stackshift-ui/text";import A,{useState as I}from"react";import{jsx as r,jsxs as f}from"react/jsx-runtime";function S({logo:t,subtitle:n,title:i,images:o=[]}){var a;let[e,l]=I(0),c=()=>{o!=null&&o.length&&(e!==o.length-1?l(e+1):l(e=0))},p=()=>{o!=null&&o.length&&l(e!==0?e-1:e=o.length-1)};return r(L,{className:"pt-16 overflow-hidden bg-background",children:f(k,{className:"relative text-center",maxWidth:448,children:[r(y,{logo:t}),r(R,{subtitle:n,title:i}),r(T,{images:o}),r(z,{image:o[e].image,alt:(a=o[e].alt)!=null?a:`appPromo-variantA-image-${e}`}),r(F,{arrowLeftClick:p,arrowRightClick:c})]})})}function y({logo:t}){var n;return t!=null&&t.image?r(v,{"aria-label":`Go to ${u(t)==="/"?"home page":u(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:u(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:r(m,{src:t==null?void 0:t.image,width:50,height:56,alt:(n=t==null?void 0:t.alt)!=null?n:"appPromo-logo"})}):null}function R({subtitle:t,title:n}){return f(A.Fragment,{children:[t?r(N,{className:"mb-3 text-secondary",children:t}):null,n?r(C,{type:"h1",fontSize:"3xl",className:"mb-8",children:n}):null]})}function d({src:t,alt:n,positionClass:i}){return t?r(m,{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:n}):null}function T({images:t}){var n,i,o,e,l,c,p,a,h,b,w,x;return f("div",{className:"hidden h-72 sm:block",children:[(n=t==null?void 0:t[0])!=null&&n.image?r(d,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:(e=(o=t==null?void 0:t[0])==null?void 0:o.alt)!=null?e:"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?r(d,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(a=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?a:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(h=t==null?void 0:t[2])!=null&&h.image?r(d,{src:(b=t==null?void 0:t[2])==null?void 0:b.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 z({image:t,alt:n}){return t?r("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:r(m,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:n})}):null}function F({arrowLeftClick:t,arrowRightClick:n}){return f(s,{justify:"between",className:"mb-16 sm:hidden",children:[r(P,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),r(P,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:n})]})}export{S as a};

package/dist/{chunk-DOIJ5GHV.mjs → chunk-YISSMRJL.mjs}

@@ -1 +1 @@
-import{Heading as p}from"@stackshift-ui/heading";import{Text as m}from"@stackshift-ui/text";import{Image as d}from"@stackshift-ui/image";import{Section as g}from"@stackshift-ui/section";import{Container as f}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{jsx as t,jsxs as o}from"react/jsx-runtime";function x({subtitle:e,title:r,description:l,features:a,images:n}){return t(g,{className:"py-20 bg-background",children:t(f,{maxWidth:1280,children:o(s,{align:"center",wrap:!0,gap:8,children:[t(w,{subtitle:e,title:r,description:l,features:a}),t(N,{images:n})]})})})}function w({subtitle:e,title:r,description:l,features:a}){return o("div",{className:"max-w-xl space-y-5",children:[e?t(m,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?t(p,{type:"h1",fontSize:"3xl",children:r}):null,l?t(m,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,t(v,{features:a})]})}function v({features:e}){return e?t("ul",{className:"mb-8",children:e.map((r,l)=>o(s,{as:"li",align:"center",className:"mb-3",children:[t(h,{}),t(m,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function N({images:e}){return e?o(s,{align:"center",className:"w-full 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((r,l)=>t(i,{images:[r],start:0,end:1},l))}),t(i,{images:e,start:3,end:4})]}):null}function i({images:e,start:r,end:l}){var a;return(a=e==null?void 0:e[r])!=null&&a.image?t("div",{className:"w-full",children:e.slice(r,l).map((n,u)=>{var c;return t(d,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function h(){return t("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",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{x as a};
+import{Container as p}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as f}from"@stackshift-ui/section";import{Text as m}from"@stackshift-ui/text";import{jsx as t,jsxs as o}from"react/jsx-runtime";function x({subtitle:e,title:r,description:l,features:a,images:n}){return t(f,{className:"py-20 bg-background",children:t(p,{maxWidth:1280,children:o(s,{align:"center",wrap:!0,gap:8,children:[t(w,{subtitle:e,title:r,description:l,features:a}),t(N,{images:n})]})})})}function w({subtitle:e,title:r,description:l,features:a}){return o("div",{className:"max-w-xl space-y-5",children:[e?t(m,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?t(d,{type:"h1",fontSize:"3xl",children:r}):null,l?t(m,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,t(v,{features:a})]})}function v({features:e}){return e?t("ul",{className:"mb-8",children:e.map((r,l)=>o(s,{as:"li",align:"center",className:"mb-3",children:[t(h,{}),t(m,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function N({images:e}){return e?o(s,{align:"center",className:"w-full 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((r,l)=>t(i,{images:[r],start:0,end:1},l))}),t(i,{images:e,start:3,end:4})]}):null}function i({images:e,start:r,end:l}){var a;return(a=e==null?void 0:e[r])!=null&&a.image?t("div",{className:"w-full",children:e.slice(r,l).map((n,u)=>{var c;return t(g,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function h(){return t("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",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{x as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var ut=Object.create;var f=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var x=(t,r)=>()=>(t&&(r=t(t=0)),r);var d=(t,r)=>{for(var e in r)f(t,e,{get:r[e],enumerable:!0})},G=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&f(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var M=(t,r,e)=>(e=t!=null?ut(dt(t)):{},G(r||!t||!t.__esModule?f(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>G(f({},"__esModule",{value:!0}),t);var w,E=x(()=>{"use strict";w=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={};d(Y,{AppPromo_A:()=>N,default:()=>N});function N({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,m]=(0,h.useState)(0),c=()=>{i!=null&&i.length&&(n!==i.length-1?m(n+1):m(n=0))},u=()=>{i!=null&&i.length&&m(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsxs)(q.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)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`}),(0,a.jsx)(gt,{arrowLeftClick:u,arrowRightClick:c})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(Q.Link,{"aria-label":`Go to ${w(t)==="/"?"home page":w(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:w(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(O.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)(h.default.Fragment,{children:[t?(0,a.jsx)(X.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(K.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function g({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)("img",{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,m,c;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)(g,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(i=t==null?void 0:t[1])!=null&&i.image?(0,a.jsx)(g,{src:(n=t==null?void 0:t[1])==null?void 0:n.image,alt:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(m=t==null?void 0:t[2])!=null&&m.image?(0,a.jsx)(g,{src:(c=t==null?void 0:t[2])==null?void 0:c.image,alt:"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)("img",{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function gt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(J.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(P.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(P.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var q,J,K,O,Q,U,P,X,h,a,L=x(()=>{"use strict";q=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),K=require("@stackshift-ui/heading"),O=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),U=require("@stackshift-ui/section"),P=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),h=M(require("react"));E();a=require("react/jsx-runtime")});var it={};d(it,{AppPromo_B:()=>S,default:()=>S});function S({subtitle:t,title:r,description:e,statistics:i,images:n}){let[m,c]=s.default.useState(0);return(0,o.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsxs)(tt.Container,{className:"relative text-center",maxWidth:1280,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)(Nt,{statistics:i})]}),(0,o.jsx)(J.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(Lt,{images:n,currentPosition:m,arrowLeftClick:()=>{n!=null&&n.length&&c(m!==0?m-1:m=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(m!==n.length-1?c(m+1):c(m=0))}})})]})})}function Pt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.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)(K.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 Nt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(J.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)(s.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)(s.default.Fragment,{children:[(0,o.jsx)(P.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(P.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",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)(O.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,J,K,O,U,P,X,s,o,R=x(()=>{"use strict";tt=require("@stackshift-ui/container"),s=M(require("react")),o=require("react/jsx-runtime")});var ct={};d(ct,{AppPromo_C:()=>F,default:()=>F});function F({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)(mt.Container,{maxWidth:1280,children:(0,o.jsxs)(J.Flex,{align:"center",wrap:!0,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:"max-w-xl space-P-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)(ot.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)(J.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)(J.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(A,{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)(A,{images:[r],start:0,end:1},e))}),(0,o.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,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,m)=>{var c;return(0,o.jsx)(O.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${m}`},m)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",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,X,O,U,mt,J,o,T=x(()=>{"use strict";ot=require("@stackshift-ui/heading"),mt=require("@stackshift-ui/container")});var zt={};d(zt,{AppPromo:()=>pt,AppPromo_A:()=>N,AppPromo_B:()=>S,AppPromo_C:()=>F});module.exports=ht(zt);var C=require("react"),Ft={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(L(),Y))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(R(),it))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(T(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,m,c,u,p,z,_,$,B,H,j,V,D,W;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(m=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?m:void 0,subtitle:(u=(c=t==null?void 0:t.variants)==null?void 0:c.subtitle)!=null?u:void 0,title:(z=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?z:void 0,description:($=(_=t==null?void 0:t.variants)==null?void 0:_.description)!=null?$:void 0,statistics:(H=(B=t==null?void 0:t.variants)==null?void 0:B.stats)!=null?H:void 0,features:(V=(j=t==null?void 0:t.variants)==null?void 0:j.tags)!=null?V:void 0,images:(W=(D=t==null?void 0:t.variants)==null?void 0:D.images)!=null?W:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;L();R();T();0&&(module.exports={AppPromo,AppPromo_A,AppPromo_B,AppPromo_C});
+"use strict";var st=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?st(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:()=>A,default:()=>A});function A({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,m]=(0,P.useState)(0),c=()=>{i!=null&&i.length&&(n!==i.length-1?m(n+1):m(n=0))},u=()=>{i!=null&&i.length&&m(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(U.Section,{className:"pt-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)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`}),(0,a.jsx)(Pt,{arrowLeftClick:u,arrowRightClick:c})]})})}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)(P.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 g({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,m,c,u,p,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)(g,{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,(m=t==null?void 0:t[1])!=null&&m.image?(0,a.jsx)(g,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"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)(g,{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 Pt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(K.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var J,K,O,C,Q,U,R,X,P,a,F=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"),R=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),P=E(require("react"));q();a=require("react/jsx-runtime")});var it={};v(it,{AppPromo_B:()=>z,default:()=>z});function z({subtitle:t,title:r,description:e,statistics:i,images:n}){let[m,c]=s.default.useState(0);return(0,o.jsx)(U.Section,{className:"pt-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 U-8 lg:w-1/2",children:[(0,o.jsx)(Nt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(K.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(yt,{images:n,currentPosition:m,arrowLeftClick:()=>{n!=null&&n.length&&c(m!==0?m-1:m=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(m!==n.length-1?c(m+1):c(m=0))}})})]})})})}function Nt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.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:"U-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(X.Text,{className:"U-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.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 yt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(It,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Z,{images:t,currentPosition:r})}):(0,o.jsx)(Z,{images:t,currentPosition:r})}):null}function It({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",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,R,X,s,o,_=b(()=>{"use strict";tt=require("@stackshift-ui/container"),s=E(require("react")),o=require("react/jsx-runtime")});var ct={};v(ct,{AppPromo_C:()=>B,default:()=>B});function B({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)(K.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(St,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function St({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-X-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)(gt,{features:i})]})}function gt({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(K.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)(K.Flex,{align:"center",className:"w-full 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:"w-full",children:t.slice(r,e).map((n,m)=>{var c;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${m}`},m)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",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,K,O,C,U,X,o,H=b(()=>{"use strict";ot=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt,AppPromo_A:()=>A,AppPromo_B:()=>z,AppPromo_C:()=>B});module.exports=ht(zt);var S=require("react"),Ft={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(F(),Y))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(_(),it))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(H(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,m,c,u,p,f,x,d,w,j,V,D,W,G;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(m=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?m:void 0,subtitle:(u=(c=t==null?void 0:t.variants)==null?void 0:c.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(j=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?j: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};pt.displayName=Tt;F();_();H();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-G2VBXDZJ.mjs";import{a as o}from"./chunk-HEASXD32.mjs";import{a as r}from"./chunk-UHCXH5CS.mjs";import{a as e}from"./chunk-DOIJ5GHV.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-WA4PS4TA.mjs";import{a as o}from"./chunk-VYDG5YDD.mjs";import{a as r}from"./chunk-75ZMG3QX.mjs";import{a as e}from"./chunk-YISSMRJL.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,14 +1,15 @@
 {
   "name": "@stackshift-ui/app-promo",
   "description": "",
-  "version": "6.0.2",
+  "version": "6.0.4-beta.0",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -33,15 +34,15 @@
   },
   "dependencies": {
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/swiper-button": "6.0.2",
-    "@stackshift-ui/system": "6.0.2",
-    "@stackshift-ui/text": "6.0.2",
-    "@stackshift-ui/heading": "6.0.2",
-    "@stackshift-ui/image": "6.0.2",
-    "@stackshift-ui/link": "6.0.2",
-    "@stackshift-ui/flex": "6.0.2",
-    "@stackshift-ui/container": "6.0.2",
-    "@stackshift-ui/section": "6.0.2"
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/swiper-button": "6.0.3",
+    "@stackshift-ui/heading": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
+    "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/link": "6.0.3",
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3",
+    "@stackshift-ui/container": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/app-promo.test.tsx

@@ -0,0 +1,13 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, test } from "vitest";
+import { AppPromo } from "./app-promo";
+
+describe.concurrent("app-promo", () => {
+  afterEach(cleanup);
+
+  test.skip("Dummy test - test if renders without errors", ({ expect }) => {
+    const clx = "my-class";
+    render(<AppPromo />);
+    expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
+  });
+});

package/src/app-promo.tsx

@@ -0,0 +1,39 @@
+import { lazy } from "react";
+import { SectionsProps, Logo, StatItems, Images } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./app-promo_a")),
+  variant_b: lazy(() => import("./app-promo_b")),
+  variant_c: lazy(() => import("./app-promo_c")),
+};
+
+export interface AppPromoProps {
+  logo?: Logo;
+  subtitle?: string;
+  title?: string;
+  description?: string;
+  statistics?: StatItems[];
+  features?: string[];
+  images?: Images[];
+}
+
+const displayName = "AppPromo";
+
+export const AppPromo: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants[variant as keyof typeof Variants];
+
+  const props = {
+    logo: data?.variants?.logo ?? undefined,
+    subtitle: data?.variants?.subtitle ?? undefined,
+    title: data?.variants?.title ?? undefined,
+    description: data?.variants?.description ?? undefined,
+    statistics: data?.variants?.stats ?? undefined,
+    features: data?.variants?.tags ?? undefined,
+    images: data?.variants?.images ?? undefined,
+  };
+
+  return Variant ? <Variant {...props} /> : null;
+};
+
+AppPromo.displayName = displayName;

package/src/app-promo_a.tsx

@@ -0,0 +1,172 @@
+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 { Link } from "@stackshift-ui/link";
+import { Section } from "@stackshift-ui/section";
+import { SwiperButton } from "@stackshift-ui/swiper-button";
+import { Text } from "@stackshift-ui/text";
+import React, { useState } from "react";
+import { AppPromoProps } from ".";
+import { logoLink } from "./helper";
+import { Images, Logo } from "./types";
+
+export default function AppPromo_A({ logo, subtitle, title, 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="pt-16 overflow-hidden bg-background">
+      <Container className="relative text-center" maxWidth={448}>
+        <LogoSection logo={logo} />
+        <SubtitleAndTitleText subtitle={subtitle} title={title} />
+        <PromoImagesGroup images={images} />
+
+        {/* mobile image view less than 640px */}
+        <MobileImageView
+          image={images[currentPosition].image}
+          alt={images[currentPosition].alt ?? `appPromo-variantA-image-${currentPosition}`}
+        />
+        <SwiperButtons arrowLeftClick={arrowLeftClick} arrowRightClick={arrowRightClick} />
+      </Container>
+    </Section>
+  );
+}
+
+function LogoSection({ logo }: { logo?: Logo }) {
+  if (!logo?.image) return null;
+
+  return (
+    <Link
+      aria-label={`Go to ${logoLink(logo) === "/" ? "home page" : logoLink(logo)}`}
+      className="inline-block p-5 mb-8 bg-white rounded-lg"
+      href={logoLink(logo)}
+      target={logo?.linkTarget}
+      rel={logo?.linkTarget === "_blank" ? "noopener noreferrer" : ""}>
+      <Image src={logo?.image} width={50} height={56} alt={logo?.alt ?? "appPromo-logo"} />
+    </Link>
+  );
+}
+
+function SubtitleAndTitleText({ subtitle, title }: { subtitle?: string; title?: string }) {
+  return (
+    <React.Fragment>
+      {subtitle ? <Text className="mb-3 text-secondary">{subtitle}</Text> : null}
+      {title ? (
+        <Heading type="h1" fontSize="3xl" className="mb-8">
+          {title}
+        </Heading>
+      ) : null}
+    </React.Fragment>
+  );
+}
+
+interface PromoImageProps {
+  src: any;
+  alt: string;
+  positionClass: string;
+}
+
+function PromoImage({ src, alt, positionClass }: PromoImageProps) {
+  if (!src) return null;
+
+  return (
+    <Image
+      className={`absolute object-contain h-80 rounded-t-2xl ${positionClass}`}
+      src={src}
+      sizes="218px"
+      width={218}
+      height={320}
+      alt={alt}
+    />
+  );
+}
+
+function PromoImagesGroup({ images }: { images: Images[] }) {
+  return (
+    <div className="hidden h-72 sm:block">
+      {images?.[0]?.image ? (
+        <PromoImage
+          src={images?.[0]?.image}
+          alt={images?.[0]?.alt ?? "appPromo-variantA-image-1"}
+          positionClass="bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"
+        />
+      ) : null}
+      {images?.[1]?.image ? (
+        <PromoImage
+          src={images?.[1]?.image}
+          alt={images?.[1]?.alt ?? "appPromo-variantA-image-2"}
+          positionClass="bottom-0 left-0 -mb-24"
+        />
+      ) : null}
+      {images?.[2]?.image ? (
+        <PromoImage
+          src={images?.[2]?.image}
+          alt={images?.[2]?.alt ?? "appPromo-variantA-image-3"}
+          positionClass="bottom-0 right-0 -mb-24"
+        />
+      ) : null}
+    </div>
+  );
+}
+
+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,
+}: {
+  arrowLeftClick: () => void;
+  arrowRightClick: () => void;
+}) {
+  return (
+    <Flex justify="between" className="mb-16 sm:hidden">
+      <SwiperButton
+        type="left"
+        ariaLabel="Left Arrow button"
+        className="order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1"
+        onClick={arrowLeftClick}
+      />
+
+      <SwiperButton
+        type="right"
+        ariaLabel="Right Arrow button"
+        className="order-2"
+        onClick={arrowRightClick}
+      />
+    </Flex>
+  );
+}
+
+export { AppPromo_A };

package/src/app-promo_b.tsx

@@ -0,0 +1,191 @@
+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 React from "react";
+import { AppPromoProps } from ".";
+import { Images, StatItems } from "./types";
+
+export default function AppPromo_B({
+  subtitle,
+  title,
+  description,
+  statistics,
+  images,
+}: AppPromoProps) {
+  //for image carousel
+  let [currentPosition, setCurrentPosition] = React.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="pt-16 overflow-hidden bg-background">
+      <Container className="relative text-center" maxWidth={1280}>
+        <Flex justify="between" className="flex-col md:flex-row">
+          <div className="w-full mt-8 lg:w-1/2">
+            <SubtitleTitleDescriptionText
+              subtitle={subtitle}
+              title={title}
+              description={description}
+            />
+            <StatisticsData statistics={statistics} />
+          </div>
+          <Flex align="center" justify="center" gap={8} className="w-full 2xl:w-1/2">
+            <ImageCarousel
+              images={images}
+              currentPosition={currentPosition}
+              arrowLeftClick={arrowLeftClick}
+              arrowRightClick={arrowRightClick}
+            />
+          </Flex>
+        </Flex>
+      </Container>
+    </Section>
+  );
+}
+
+function SubtitleTitleDescriptionText({
+  subtitle,
+  title,
+  description,
+}: {
+  subtitle?: string;
+  title?: string;
+  description?: string;
+}) {
+  return (
+    <React.Fragment>
+      {subtitle ? (
+        <Text weight="bold" className="text-center md:text-left text-secondary">
+          {subtitle}
+        </Text>
+      ) : null}
+      {title ? (
+        <Heading type="h1" fontSize="3xl" className="mt-3 text-center md:text-left">
+          {title}
+        </Heading>
+      ) : null}
+      {description ? (
+        <Text className="mt-3 mb-10 leading-loose text-center break-words md:text-left" muted>
+          {description}
+        </Text>
+      ) : null}
+    </React.Fragment>
+  );
+}
+
+function StatisticsData({ statistics }: { statistics?: StatItems[] }) {
+  if (!statistics || statistics?.length <= 0) return null;
+
+  return (
+    <React.Fragment>
+      <Flex wrap>
+        {statistics?.map((items, index) => (
+          <div className="w-full mb-8 text-center md:text-left lg:w-1/2" key={index}>
+            <Text muted className="mb-3">
+              {items?.label}
+            </Text>
+            <span className="text-xl text-gray-500 font-bold">{items?.value}</span>
+          </div>
+        ))}
+      </Flex>
+    </React.Fragment>
+  );
+}
+
+interface ImageCarouselProps {
+  images?: Images[];
+  currentPosition: number;
+  arrowLeftClick: () => void;
+  arrowRightClick: () => void;
+}
+
+function ImageCarousel({
+  images,
+  currentPosition,
+  arrowLeftClick,
+  arrowRightClick,
+}: ImageCarouselProps) {
+  if (!images) return null;
+  return (
+    <React.Fragment>
+      {images.length > 1 ? (
+        <SwiperControls arrowLeftClick={arrowLeftClick} arrowRightClick={arrowRightClick}>
+          <ImagesSection images={images} currentPosition={currentPosition} />
+        </SwiperControls>
+      ) : (
+        <ImagesSection images={images} currentPosition={currentPosition} />
+      )}
+    </React.Fragment>
+  );
+}
+
+function SwiperControls({
+  children,
+  arrowLeftClick,
+  arrowRightClick,
+}: {
+  children: React.ReactNode;
+  arrowLeftClick: () => void;
+  arrowRightClick: () => void;
+}) {
+  return (
+    <React.Fragment>
+      <SwiperButton
+        variant="variant_a"
+        type="left"
+        ariaLabel="Left Arrow button"
+        onClick={arrowLeftClick}
+      />
+      {children}
+      <SwiperButton
+        variant="variant_a"
+        type="right"
+        ariaLabel="Right Arrow button"
+        onClick={arrowRightClick}
+      />
+    </React.Fragment>
+  );
+}
+
+function ImagesSection({
+  images,
+  currentPosition,
+}: {
+  images?: Images[];
+  currentPosition: number;
+}) {
+  if (!images?.[currentPosition]?.image) return null;
+
+  return (
+    <div className="object-contain w-1/2 mr-2">
+      <Image
+        className="object-cover w-full h-full mx-auto mb-8 xl:mb-0"
+        src={`${images[currentPosition].image}`}
+        sizes="100vw"
+        width={500}
+        height={850}
+        alt={images[currentPosition]?.alt ?? `appPromo-variantB-image-${currentPosition}`}
+      />
+    </div>
+  );
+}
+
+export { AppPromo_B };

package/src/app-promo_c.tsx

@@ -0,0 +1,137 @@
+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 { Text } from "@stackshift-ui/text";
+import { AppPromoProps } from ".";
+import { Images } from "./types";
+
+export default function AppPromo_C({
+  subtitle,
+  title,
+  description,
+  features,
+  images,
+}: AppPromoProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <Flex align="center" wrap gap={8}>
+          <TextSection
+            subtitle={subtitle}
+            title={title}
+            description={description}
+            features={features}
+          />
+          <ImageSection images={images} />
+        </Flex>
+      </Container>
+    </Section>
+  );
+}
+
+function TextSection({
+  subtitle,
+  title,
+  description,
+  features,
+}: {
+  subtitle?: string;
+  title?: string;
+  description?: string;
+  features?: string[];
+}) {
+  return (
+    <div className="max-w-xl space-y-5">
+      {subtitle ? (
+        <Text weight="bold" className="text-sm md:text-lg lg:text-xl text-secondary">
+          {subtitle}
+        </Text>
+      ) : null}
+      {title ? (
+        <Heading type="h1" fontSize="3xl">
+          {title}
+        </Heading>
+      ) : null}
+      {description ? (
+        <Text muted className="text-sm md:text-lg lg:text-xl">
+          {description}
+        </Text>
+      ) : null}
+      <FeatureList features={features} />
+    </div>
+  );
+}
+
+function FeatureList({ features }: { features?: string[] }) {
+  if (!features) return null;
+
+  return (
+    <ul className="mb-8">
+      {features.map((feature, index) => (
+        <Flex as="li" align="center" className="mb-3" key={index}>
+          <CheckIcon />
+          <Text className="text-sm md:text-lg lg:text-xl" weight="bold" muted>
+            {feature}
+          </Text>
+        </Flex>
+      ))}
+    </ul>
+  );
+}
+
+function ImageSection({ images }: { images?: Images[] }) {
+  if (!images) return null;
+
+  return (
+    <Flex align="center" className="w-full transform -rotate-12 lg:w-1/2">
+      <ImageDisplay images={images} start={0} end={1} />
+      <div className="w-full">
+        {images
+          ?.slice(1, 3)
+          .map((img, index) => <ImageDisplay images={[img]} start={0} end={1} key={index} />)}
+      </div>
+      <ImageDisplay images={images} start={3} end={4} />
+    </Flex>
+  );
+}
+
+function ImageDisplay({ images, start, end }: { images?: Images[]; start: number; end: number }) {
+  if (!images?.[start]?.image) return null;
+
+  return (
+    <div className="w-full">
+      {images.slice(start, end).map((image, index) => (
+        <Image
+          key={index}
+          className="object-cover"
+          src={`${image.image}`}
+          sizes="100vw"
+          width={500}
+          height={850}
+          alt={image.alt ?? `appPromo-variantC-image-${index}`}
+        />
+      ))}
+    </div>
+  );
+}
+
+// Check Icon Component
+function CheckIcon() {
+  return (
+    <svg
+      className="w-5 h-5 mr-2 text-primary-foreground"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor">
+      <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"
+      />
+    </svg>
+  );
+}
+
+export { AppPromo_C };

package/src/helper/index.ts

@@ -0,0 +1,14 @@
+import { Logo } from "../types";
+
+export const logoLink = (logo: Logo) => {
+  if (logo?.internalLink && logo?.type === "linkInternal") {
+    if (logo?.internalLink?.toLowerCase()?.includes("home")) {
+      return "/";
+    }
+    return `/${logo.internalLink}`;
+  } else if (logo?.externalLink && logo?.type === "linkExternal") {
+    return logo?.externalLink ?? "/";
+  } else {
+    return "/";
+  }
+};

package/src/index.ts

@@ -0,0 +1,7 @@
+"use client";
+
+// component exports
+export * from "./app-promo";
+export * from "./app-promo_a";
+export * from "./app-promo_b";
+export * from "./app-promo_c";

package/src/types.ts

@@ -0,0 +1,412 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: string;
+  alt?: string;
+}
+
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Images {
+  image?: string;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: string;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: string;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: string | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: string;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: string | null;
+  profile?: {
+    alt: string;
+    image: string;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+  variant?: string | null | undefined;
+  schema?: Variants;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolios[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  length?: number;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  blogsPerPage?: number | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage: Reference;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolios {
+  dateAdded?: string | null;
+  mainImage?: {
+    image?: string | null;
+    alt?: string | null;
+  } | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface Content extends Portfolios {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: string | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}

package/dist/chunk-HEASXD32.mjs

@@ -1 +0,0 @@
-import{a as c}from"./chunk-KQFO7OZP.mjs";import{Container as h}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as w}from"@stackshift-ui/image";import{Link as x}from"@stackshift-ui/link";import{Section as P}from"@stackshift-ui/section";import{SwiperButton as f}from"@stackshift-ui/swiper-button";import{Text as k}from"@stackshift-ui/text";import C,{useState as v}from"react";import{jsx as r,jsxs as m}from"react/jsx-runtime";function L({logo:t,subtitle:n,title:a,images:e=[]}){var u;let[o,i]=v(0),l=()=>{e!=null&&e.length&&(o!==e.length-1?i(o+1):i(o=0))},d=()=>{e!=null&&e.length&&i(o!==0?o-1:o=e.length-1)};return r(P,{className:"pt-16 overflow-hidden bg-background",children:m(h,{className:"relative text-center",maxWidth:448,children:[r(N,{logo:t}),r(A,{subtitle:n,title:a}),r(I,{images:e}),r(S,{image:e[o].image,alt:(u=e[o].alt)!=null?u:`appPromo-variantA-image-${o}`}),r(y,{arrowLeftClick:d,arrowRightClick:l})]})})}function N({logo:t}){var n;return t!=null&&t.image?r(x,{"aria-label":`Go to ${c(t)==="/"?"home page":c(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:c(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:r(w,{src:t==null?void 0:t.image,width:50,height:56,alt:(n=t==null?void 0:t.alt)!=null?n:"appPromo-logo"})}):null}function A({subtitle:t,title:n}){return m(C.Fragment,{children:[t?r(k,{className:"mb-3 text-secondary",children:t}):null,n?r(b,{type:"h1",fontSize:"3xl",className:"mb-8",children:n}):null]})}function p({src:t,alt:n,positionClass:a}){return t?r("img",{className:`absolute object-contain h-80 rounded-t-2xl ${a}`,src:t,sizes:"218px",width:218,height:320,alt:n}):null}function I({images:t}){var n,a,e,o,i,l;return m("div",{className:"hidden h-72 sm:block",children:[(n=t==null?void 0:t[0])!=null&&n.image?r(p,{src:(a=t==null?void 0:t[0])==null?void 0:a.image,alt:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(e=t==null?void 0:t[1])!=null&&e.image?r(p,{src:(o=t==null?void 0:t[1])==null?void 0:o.image,alt:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(i=t==null?void 0:t[2])!=null&&i.image?r(p,{src:(l=t==null?void 0:t[2])==null?void 0:l.image,alt:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function S({image:t,alt:n}){return t?r("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:r("img",{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:n})}):null}function y({arrowLeftClick:t,arrowRightClick:n}){return m(s,{justify:"between",className:"mb-16 sm:hidden",children:[r(f,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),r(f,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:n})]})}export{L as a};

package/dist/chunk-UHCXH5CS.mjs

@@ -1 +0,0 @@
-import{Container as g}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Heading as w}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as f}from"@stackshift-ui/swiper-button";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function C({subtitle:t,title:e,description:o,statistics:a,images:n}){let[l,m]=c.useState(0);return r(h,{className:"pt-16 overflow-hidden bg-background",children:i(g,{className:"relative text-center",maxWidth:1280,children:[i("div",{className:"w-full mt-8 lg:w-1/2",children:[r(b,{subtitle:t,title:e,description:o}),r(v,{statistics:a})]}),r(d,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:r(k,{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 b({subtitle:t,title:e,description:o}){return i(c.Fragment,{children:[t?r(u,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?r(w,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?r(u,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function v({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:r(c.Fragment,{children:r(d,{wrap:!0,children:t==null?void 0:t.map((e,o)=>i("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[r(u,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),r("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function k({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:a}){return t?r(c.Fragment,{children:t.length>1?r(R,{arrowLeftClick:o,arrowRightClick:a,children:r(p,{images:t,currentPosition:e})}):r(p,{images:t,currentPosition:e})}):null}function R({children:t,arrowLeftClick:e,arrowRightClick:o}){return i(c.Fragment,{children:[r(f,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,r(f,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function p({images:t,currentPosition:e}){var o,a,n;return(o=t==null?void 0:t[e])!=null&&o.image?r("div",{className:"object-contain w-1/2 mr-2",children:r(x,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(n=(a=t[e])==null?void 0:a.alt)!=null?n:`appPromo-variantB-image-${e}`})}):null}export{C as a};