@stackshift-ui/app-promo 6.0.2 → 6.0.3

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 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})},H=(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 j=(t,r,e)=>(e=t!=null?ut(xt(t)):{},H(r||!t||!t.__esModule?f(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>H(f({},"__esModule",{value:!0}),t);var w,V=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,b.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)(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:(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)(h.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)(b.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 P({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(h.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;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)(P,{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)(P,{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)(P,{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)(h.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}){return(0,a.jsxs)(W.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(N.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)(N.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var D,W,G,h,M,E,N,q,b,a,O=d(()=>{"use strict";D=require("@stackshift-ui/container"),W=require("@stackshift-ui/flex"),G=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),M=require("@stackshift-ui/link"),E=require("@stackshift-ui/section"),N=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),b=j(require("react"));V();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)(W.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)(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 Nt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(p.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 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)(N.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(N.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)(h.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,h,E,N,q,p,o,et=d(()=>{"use strict";U=require("@stackshift-ui/container"),p=j(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)(W.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-W-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)(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)(I,{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)(I,{images:[r],start:0,end:1},e))}),(0,o.jsx)(I,{images:t,start:3,end:4})]}):null}function I({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)(h.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,h,E,lt,W,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 g=require("react"),Ft={variant_a:(0,g.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,g.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,g.lazy)(()=>Promise.resolve().then(()=>(ct(),mt)))},Tt="AppPromo",st=({data:t})=>{var n,m,c,u,s,S,R,A,F,T,z,_,$,B;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:(S=(s=t==null?void 0:t.variants)==null?void 0:s.title)!=null?S:void 0,description:(A=(R=t==null?void 0:t.variants)==null?void 0:R.description)!=null?A:void 0,statistics:(T=(F=t==null?void 0:t.variants)==null?void 0:F.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};st.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-3QSNPWRF.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 N=Object.create;var l=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)l(t,i,{get:r[i],enumerable:!0})},h=(t,r,i,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of y(r))!S.call(t,a)&&a!==i&&l(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)):{},h(r||!t||!t.__esModule?l(i,"default",{value:t,enumerable:!0}):i,t)),z=t=>h(l({},"__esModule",{value:!0}),t);var H={};R(H,{AppPromo_A:()=>C,default:()=>C});module.exports=z(H);var b=require("@stackshift-ui/container"),k=require("@stackshift-ui/flex"),w=require("@stackshift-ui/heading"),u=require("@stackshift-ui/image"),x=require("@stackshift-ui/link"),L=require("@stackshift-ui/section"),d=require("@stackshift-ui/swiper-button"),P=require("@stackshift-ui/text"),o=T(require("react"));var m=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 s;let[a,p]=(0,o.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)(b.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:(s=e[a].alt)!=null?s:`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 ${m(t)==="/"?"home page":m(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:m(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 $({subtitle:t,title:r}){return(0,n.jsxs)(o.default.Fragment,{children:[t?(0,n.jsx)(P.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,n.jsx)(w.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function f({src:t,alt:r,positionClass:i}){return t?(0,n.jsx)(u.Image,{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)(f,{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)(f,{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)(f,{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)(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 G({arrowLeftClick:t,arrowRightClick:r}){return(0,n.jsxs)(k.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,n.jsx)(d.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)(d.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-KBEJLTRE.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo_A,a as default};

package/dist/chunk-KBEJLTRE.mjs

@@ -0,0 +1 @@
+import{a as c}from"./chunk-KQFO7OZP.mjs";import{Container as s}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as w}from"@stackshift-ui/heading";import{Image as u}from"@stackshift-ui/image";import{Link as x}from"@stackshift-ui/link";import{Section as P}from"@stackshift-ui/section";import{SwiperButton as d}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 p}from"react/jsx-runtime";function L({logo:t,subtitle:n,title:a,images:e=[]}){var f;let[o,i]=v(0),l=()=>{e!=null&&e.length&&(o!==e.length-1?i(o+1):i(o=0))},h=()=>{e!=null&&e.length&&i(o!==0?o-1:o=e.length-1)};return r(P,{className:"pt-16 overflow-hidden bg-background",children:p(s,{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:(f=e[o].alt)!=null?f:`appPromo-variantA-image-${o}`}),r(y,{arrowLeftClick:h,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(u,{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 p(C.Fragment,{children:[t?r(k,{className:"mb-3 text-secondary",children:t}):null,n?r(w,{type:"h1",fontSize:"3xl",className:"mb-8",children:n}):null]})}function m({src:t,alt:n,positionClass:a}){return t?r(u,{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 p("div",{className:"hidden h-72 sm:block",children:[(n=t==null?void 0:t[0])!=null&&n.image?r(m,{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(m,{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(m,{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(u,{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 p(b,{justify:"between",className:"mb-16 sm:hidden",children:[r(d,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),r(d,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:n})]})}export{L 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 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})},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&&f(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var E=(t,r,e)=>(e=t!=null?ut(dt(t)):{},M(r||!t||!t.__esModule?f(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>M(f({},"__esModule",{value:!0}),t);var w,q=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:()=>L,default:()=>L});function L({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,m]=(0,b.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)(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)(h.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)(b.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 P({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(h.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;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)(P,{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)(P,{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)(P,{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)(h.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}){return(0,a.jsxs)(K.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(N.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)(N.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var J,K,O,h,Q,U,N,X,b,a,y=x(()=>{"use strict";J=require("@stackshift-ui/container"),K=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),U=require("@stackshift-ui/section"),N=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),b=E(require("react"));q();a=require("react/jsx-runtime")});var it={};d(it,{AppPromo_B:()=>R,default:()=>R});function R({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)(K.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)(O.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(X.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Nt({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 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)(N.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(N.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)(h.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,h,U,N,X,s,o,A=x(()=>{"use strict";tt=require("@stackshift-ui/container"),s=E(require("react")),o=require("react/jsx-runtime")});var ct={};d(ct,{AppPromo_C:()=>T,default:()=>T});function T({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)(K.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)(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)(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)(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,m)=>{var c;return(0,o.jsx)(h.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,h,U,mt,K,o,z=x(()=>{"use strict";ot=require("@stackshift-ui/heading"),mt=require("@stackshift-ui/container")});var zt={};d(zt,{AppPromo:()=>pt,AppPromo_A:()=>L,AppPromo_B:()=>R,AppPromo_C:()=>T});module.exports=ht(zt);var g=require("react"),Ft={variant_a:(0,g.lazy)(()=>Promise.resolve().then(()=>(y(),Y))),variant_b:(0,g.lazy)(()=>Promise.resolve().then(()=>(A(),it))),variant_c:(0,g.lazy)(()=>Promise.resolve().then(()=>(z(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,m,c,u,p,_,$,B,H,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:(_=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?_:void 0,description:(B=($=t==null?void 0:t.variants)==null?void 0:$.description)!=null?B:void 0,statistics:(j=(H=t==null?void 0:t.variants)==null?void 0:H.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;y();A();z();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-3QSNPWRF.mjs";import{a as o}from"./chunk-KBEJLTRE.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};

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/app-promo",
   "description": "",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "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": {
@@ -28,20 +29,20 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.2",
-    "@stackshift-ui/eslint-config": "6.0.2"
+    "@stackshift-ui/eslint-config": "6.0.2",
+    "@stackshift-ui/typescript-config": "6.0.2"
   },
   "dependencies": {
+    "@stackshift-ui/swiper-button": "6.0.3",
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
     "@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/text": "6.0.3",
+    "@stackshift-ui/link": "6.0.3",
+    "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/heading": "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="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="appPromo-variantA-image-2"
+          positionClass="bottom-0 left-0 -mb-24"
+        />
+      ) : null}
+      {images?.[2]?.image ? (
+        <PromoImage
+          src={images?.[2]?.image}
+          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,189 @@
+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}>
+        <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>
+      </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 { Heading } from "@stackshift-ui/heading";
+import { Text } from "@stackshift-ui/text";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Images } from "./types";
+import { AppPromoProps } from ".";
+
+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};