@stackshift-ui/app-promo 7.0.0-beta.0 → 7.0.0-beta.10

package/dist/app-promo.d.ts

@@ -1,4 +1,5 @@
-import { SectionsProps, Logo, StatItems, Images } from "./types";
+import React from "react";
+import { Images, Logo, SectionsProps, StatItems } from "./types";
 export interface AppPromoProps {
     logo?: Logo;
     subtitle?: string;

package/dist/app-promo.js

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

package/dist/app-promo.mjs

@@ -1 +1 @@
-import{a}from"./chunk-4EH6ILDL.mjs";export{a as AppPromo};
+import{a}from"./chunk-5JXG435C.mjs";import"./chunk-ETXJ2SC5.mjs";import"./chunk-5WNEK5LG.mjs";import"./chunk-2JSILVLZ.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo};

package/dist/app-promo_a.js

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

package/dist/app-promo_a.mjs

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

package/dist/chunk-5JXG435C.mjs

@@ -0,0 +1 @@
+import{a as b}from"./chunk-ETXJ2SC5.mjs";import{a as y}from"./chunk-5WNEK5LG.mjs";import{a as I}from"./chunk-2JSILVLZ.mjs";import{jsx as L}from"react/jsx-runtime";var V={variant_a:b,variant_b:y,variant_c:I},_="AppPromo",C=({data:i})=>{var r,n,e,p,t,m,f,c,g,l,u,v,P,A;let o=i==null?void 0:i.variant,s=o&&V[o],S={logo:(n=(r=i==null?void 0:i.variants)==null?void 0:r.logo)!=null?n:void 0,subtitle:(p=(e=i==null?void 0:i.variants)==null?void 0:e.subtitle)!=null?p:void 0,title:(m=(t=i==null?void 0:i.variants)==null?void 0:t.title)!=null?m:void 0,description:(c=(f=i==null?void 0:i.variants)==null?void 0:f.description)!=null?c:void 0,statistics:(l=(g=i==null?void 0:i.variants)==null?void 0:g.stats)!=null?l:void 0,features:(v=(u=i==null?void 0:i.variants)==null?void 0:u.tags)!=null?v:void 0,images:(A=(P=i==null?void 0:i.variants)==null?void 0:P.images)!=null?A:void 0};return s?L(s,{...S}):null};C.displayName=_;export{C as a};

package/dist/chunk-ETXJ2SC5.mjs

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

package/dist/index.js

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

package/package.json

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

package/src/app-promo.tsx

@@ -1,10 +1,13 @@
-import { lazy } from "react";
-import { SectionsProps, Logo, StatItems, Images } from "./types";
+import React from "react";
+import AppPromoA from "./app-promo_a";
+import AppPromoB from "./app-promo_b";
+import AppPromoC from "./app-promo_c";
+import { Images, Logo, SectionsProps, StatItems } 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")),
+  variant_a: AppPromoA,
+  variant_b: AppPromoB,
+  variant_c: AppPromoC,
 };
 
 export interface AppPromoProps {

package/src/app-promo_a.tsx

@@ -56,7 +56,7 @@ function LogoSection({ logo }: { logo?: Logo }) {
   return (
     <Link
       aria-label={`Go to ${logoLink(logo) === "/" ? "home page" : logoLink(logo)}`}
-      className="inline-block p-5 mb-8 bg-white rounded-lg"
+      className="inline-block p-5 rounded-lg"
       href={logoLink(logo)}
       target={logo?.linkTarget}
       rel={logo?.linkTarget === "_blank" ? "noopener noreferrer" : ""}>

package/dist/chunk-2AGQEIJY.mjs

@@ -1 +0,0 @@
-import{a as c}from"./chunk-KQFO7OZP.mjs";import{Container as x}from"@stackshift-ui/container";import{Flex as P}from"@stackshift-ui/flex";import{Heading as C}from"@stackshift-ui/heading";import{Image as h}from"@stackshift-ui/image";import{Link as v}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{SwiperButton as s}from"@stackshift-ui/swiper-button";import{Text as N}from"@stackshift-ui/text";import A,{useState as R}from"react";import{jsx as r,jsxs as p}from"react/jsx-runtime";function S({logo:t,subtitle:n,title:i,images:o=[]}){var a;let[e,l]=R(0);return r(L,{className:"pt-16 overflow-hidden bg-background",children:p(x,{className:"relative text-center",maxWidth:448,children:[r(I,{logo:t}),r(y,{subtitle:n,title:i}),r(T,{images:o}),r(F,{arrowLeftClick:()=>{o!=null&&o.length&&l(e!==0?e-1:e=o.length-1)},arrowRightClick:()=>{o!=null&&o.length&&(e!==o.length-1?l(e+1):l(e=0))},children:r(z,{image:o[e].image,alt:(a=o[e].alt)!=null?a:`appPromo-variantA-image-${e}`})})]})})}function I({logo:t}){var n;return t!=null&&t.image?r(v,{"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(h,{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 y({subtitle:t,title:n}){return p(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(h,{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,u,f,a,m,b,w,k;return p("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:(u=t==null?void 0:t[1])==null?void 0:u.image,alt:(a=(f=t==null?void 0:t[1])==null?void 0:f.alt)!=null?a:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(m=t==null?void 0:t[2])!=null&&m.image?r(d,{src:(b=t==null?void 0:t[2])==null?void 0:b.image,alt:(k=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?k:"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(h,{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,children:i}){return p(P,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[r(s,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),i,r(s,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:n})]})}export{S as a};

package/dist/chunk-4EH6ILDL.mjs

@@ -1 +0,0 @@
-import{lazy as s}from"react";import{jsx as _}from"react/jsx-runtime";var S={variant_a:s(()=>import("./app-promo_a.mjs")),variant_b:s(()=>import("./app-promo_b.mjs")),variant_c:s(()=>import("./app-promo_c.mjs"))},A="AppPromo",V=({data:i})=>{var o,r,t,p,m,c,g,f,l,u,v,P,y,b;let n=i==null?void 0:i.variant,e=n&&S[n],I={logo:(r=(o=i==null?void 0:i.variants)==null?void 0:o.logo)!=null?r:void 0,subtitle:(p=(t=i==null?void 0:i.variants)==null?void 0:t.subtitle)!=null?p:void 0,title:(c=(m=i==null?void 0:i.variants)==null?void 0:m.title)!=null?c:void 0,description:(f=(g=i==null?void 0:i.variants)==null?void 0:g.description)!=null?f:void 0,statistics:(u=(l=i==null?void 0:i.variants)==null?void 0:l.stats)!=null?u:void 0,features:(P=(v=i==null?void 0:i.variants)==null?void 0:v.tags)!=null?P:void 0,images:(b=(y=i==null?void 0:i.variants)==null?void 0:y.images)!=null?b:void 0};return e?_(e,{...I}):null};V.displayName=A;export{V as a};