@stackshift-ui/portfolio 6.0.2 → 6.0.4

package/dist/chunk-4Y7ZRUFQ.mjs

@@ -0,0 +1 @@
+import{Button as g}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as r}from"@stackshift-ui/flex";import{Heading as k}from"@stackshift-ui/heading";import{Image as u}from"@stackshift-ui/image";import{Section as C}from"@stackshift-ui/section";import{Text as x}from"@stackshift-ui/text";import{jsx as a,jsxs as s}from"react/jsx-runtime";function P({caption:l,title:i,portfolios:d,primaryButton:e,length:m=6}){let b=m;return a(C,{className:"py-20 bg-background",children:s(w,{maxWidth:1280,children:[s(r,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(L,{caption:l,title:i}),a("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&a(g,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),a(I,{portfolios:d,portfolioLength:b}),a("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&a(g,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function L({caption:l,title:i}){return!l||!i?null:s("div",{className:"text-center lg:text-left",children:[a(x,{weight:"semibold",children:l}),a(k,{className:"mb-6",fontSize:"2xl",children:i})]})}function T({content:l}){var i,d,e,m,b,f,h,v,N;return a("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:s("div",{className:"relative mx-auto overflow-hidden rounded-global md:mb-5",children:[((i=l==null?void 0:l.mainImage)==null?void 0:i.image)&&a(u,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(m=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?m:"portfolio-image"}),s(r,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[a(x,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&a(x,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((b=l==null?void 0:l.title)==null?void 0:b.length)>80?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,80)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&a(g,{as:"link",variant:"outline",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function I({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:a(r,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(d=>a(T,{content:d},d._key))})}export{P as a};

package/dist/{chunk-6QPID4RW.mjs → chunk-AC3OTID7.mjs}

@@ -1 +1 @@
-import N from"react";import{Button as v}from"@stackshift-ui/button";import{Heading as h}from"@stackshift-ui/heading";import{Text as k}from"@stackshift-ui/text";import{Image as B}from"@stackshift-ui/image";import{Section as P}from"@stackshift-ui/section";import{Container as w}from"@stackshift-ui/container";import{Flex as p}from"@stackshift-ui/flex";import{jsx as r,jsxs as g}from"react/jsx-runtime";function L({caption:l,title:e,portfoliosWithCategory:i,primaryButton:a,length:s=8}){var x;let m=s,[b,f]=N.useState((x=i==null?void 0:i[0])==null?void 0:x.category),u=i==null?void 0:i.find(d=>(d==null?void 0:d.category)===b);return r(P,{className:"py-20 bg-background",children:g(w,{maxWidth:1280,children:[g(w,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[r(T,{caption:l,title:e}),r(S,{categories:i,activeTab:b,onClickFn:f})]}),r(A,{portfolios:u==null?void 0:u.content,portfolioLength:m}),r(R,{button:a})]})})}function T({caption:l,title:e}){return!l||!e?null:g(N.Fragment,{children:[r(k,{weight:"semibold",children:l}),r(h,{className:"mb-6",fontSize:"2xl",children:e})]})}function R({button:l}){return l!=null&&l.label?r("div",{className:"text-center",children:r(v,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function S({categories:l,activeTab:e,onClickFn:i}){return!l||(l==null?void 0:l.length)===0?null:r(p,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((a,s)=>{var m;return r(v,{variant:"tab",as:"button",ariaLabel:(m=a==null?void 0:a.category)!=null?m:`Category button ${s+1}`,isActive:e===(a==null?void 0:a.category),onClick:()=>i==null?void 0:i(a==null?void 0:a.category),children:a==null?void 0:a.category},a==null?void 0:a._key)})})}function A({portfolios:l,portfolioLength:e}){var i;return!l||(l==null?void 0:l.length)===0?null:r(p,{wrap:!0,className:"mb-8",children:(i=l==null?void 0:l.slice(0,e))==null?void 0:i.map((a,s)=>{var m,b,f,u,x,d,y;return r(p,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:g("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-lg",children:[((m=a==null?void 0:a.mainImage)==null?void 0:m.image)&&r(B,{className:"object-cover w-full h-full",src:(b=a==null?void 0:a.mainImage)==null?void 0:b.image,alt:(u=(f=a==null?void 0:a.mainImage)==null?void 0:f.alt)!=null?u:`portfolio-image-${s}`}),r("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((x=a==null?void 0:a.primaryButton)==null?void 0:x.label)&&r(v,{as:"link",variant:"outline",ariaLabel:(d=a==null?void 0:a.primaryButton)==null?void 0:d.label,link:a==null?void 0:a.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(y=a==null?void 0:a.primaryButton)==null?void 0:y.label})})]})},a==null?void 0:a._key)})})}export{L as a};
+import{Button as v}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as p}from"@stackshift-ui/flex";import{Heading as h}from"@stackshift-ui/heading";import{Image as k}from"@stackshift-ui/image";import{Section as B}from"@stackshift-ui/section";import{Text as P}from"@stackshift-ui/text";import N from"react";import{jsx as r,jsxs as g}from"react/jsx-runtime";function L({caption:l,title:e,portfoliosWithCategory:i,primaryButton:a,length:s=8}){var x;let m=s,[b,f]=N.useState((x=i==null?void 0:i[0])==null?void 0:x.category),u=i==null?void 0:i.find(d=>(d==null?void 0:d.category)===b);return r(B,{className:"py-20 bg-background",children:g(w,{maxWidth:1280,children:[g(w,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[r(T,{caption:l,title:e}),r(S,{categories:i,activeTab:b,onClickFn:f})]}),r(A,{portfolios:u==null?void 0:u.content,portfolioLength:m}),r(R,{button:a})]})})}function T({caption:l,title:e}){return!l||!e?null:g(N.Fragment,{children:[r(P,{weight:"semibold",children:l}),r(h,{className:"mb-6",fontSize:"2xl",children:e})]})}function R({button:l}){return l!=null&&l.label?r("div",{className:"text-center",children:r(v,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function S({categories:l,activeTab:e,onClickFn:i}){return!l||(l==null?void 0:l.length)===0?null:r(p,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((a,s)=>{var m;return r(v,{variant:"tab",as:"button",ariaLabel:(m=a==null?void 0:a.category)!=null?m:`Category button ${s+1}`,isActive:e===(a==null?void 0:a.category),onClick:()=>i==null?void 0:i(a==null?void 0:a.category),children:a==null?void 0:a.category},a==null?void 0:a._key)})})}function A({portfolios:l,portfolioLength:e}){var i;return!l||(l==null?void 0:l.length)===0?null:r(p,{wrap:!0,className:"mb-8",children:(i=l==null?void 0:l.slice(0,e))==null?void 0:i.map((a,s)=>{var m,b,f,u,x,d,y;return r(p,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:g("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-global",children:[((m=a==null?void 0:a.mainImage)==null?void 0:m.image)&&r(k,{className:"object-cover w-full h-full",src:(b=a==null?void 0:a.mainImage)==null?void 0:b.image,alt:(u=(f=a==null?void 0:a.mainImage)==null?void 0:f.alt)!=null?u:`portfolio-image-${s}`}),r("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((x=a==null?void 0:a.primaryButton)==null?void 0:x.label)&&r(v,{as:"link",variant:"outline",ariaLabel:(d=a==null?void 0:a.primaryButton)==null?void 0:d.label,link:a==null?void 0:a.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(y=a==null?void 0:a.primaryButton)==null?void 0:y.label})})]})},a==null?void 0:a._key)})})}export{L as a};

package/dist/chunk-ULBLZJEZ.mjs

@@ -0,0 +1 @@
+import{a as z}from"./chunk-NFO6QLL6.mjs";import{Button as T}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as R}from"@stackshift-ui/flex";import{Heading as P}from"@stackshift-ui/heading";import{Image as I}from"@stackshift-ui/image";import{Section as F}from"@stackshift-ui/section";import{Text as h}from"@stackshift-ui/text";import A from"react";import{jsx as a,jsxs as u}from"react/jsx-runtime";function H({caption:l,title:i,portfoliosWithCategory:d,primaryButton:m,length:b=6}){var p,v,f,w,y,B,$,S,_;let x=b,e=0,[g,N]=A.useState((p=d==null?void 0:d[0])==null?void 0:p.category),s=d==null?void 0:d.find(r=>(r==null?void 0:r.category)===g);return a(F,{className:"py-20 bg-background",children:u(L,{maxWidth:1280,children:[u(L,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[a(j,{caption:l,title:i}),a(M,{categories:d,activeTab:g,onClickFn:N})]}),u("div",{className:"mb-12 sm:flex",children:[u(R,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(f=(v=s==null?void 0:s.content)==null?void 0:v.slice(e,e+2))==null?void 0:f.map(r=>a(k,{size:"sm",content:r},r._key)),(y=(w=s==null?void 0:s.content)==null?void 0:w.slice(e+2,e+3))==null?void 0:y.map(r=>a(k,{size:"lg",content:r},r._key))]}),u("div",{className:"w-full lg:w-1/2",children:[($=(B=s==null?void 0:s.content)==null?void 0:B.slice(e+3,e+4))==null?void 0:$.map(r=>a(k,{size:"lg",content:r},r._key)),a("div",{className:"flex flex-wrap",children:(_=(S=s==null?void 0:s.content)==null?void 0:S.slice(e+4,x))==null?void 0:_.map(r=>a(k,{size:"sm",content:r},r._key))})]})]}),a(D,{button:m})]})})}function j({caption:l,title:i}){return!l||!i?null:u(A.Fragment,{children:[a(h,{weight:"semibold",children:l}),a(P,{className:"mb-6",fontSize:"2xl",children:i})]})}function D({button:l}){return l!=null&&l.label?a("div",{className:"text-center",children:a(T,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function M({categories:l,activeTab:i,onClickFn:d}){return!l||(l==null?void 0:l.length)===0?null:a(R,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((m,b)=>{var x;return a(T,{variant:"tab",as:"button",ariaLabel:(x=m==null?void 0:m.category)!=null?x:`Category button ${b+1}`,isActive:i===(m==null?void 0:m.category),onClick:()=>d==null?void 0:d(m==null?void 0:m.category),children:m==null?void 0:m.category},m==null?void 0:m._key)})})}function k({size:l,content:i}){var b,x,e,g,N,s,p,v,f,w,y;let m=z("639")?60:90;return a("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((b=i==null?void 0:i.mainImage)==null?void 0:b.image)&&u("div",{className:"relative overflow-hidden rounded-global",children:[a(I,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:`portfolio-image-${i==null?void 0:i._key}`}),a("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:u("div",{className:"max-w-md my-auto text-xs",children:[(i==null?void 0:i.subtitle)&&a(h,{className:"text-sm text-primary",weight:"bold",children:((e=i==null?void 0:i.subtitle)==null?void 0:e.length)>26?`${(g=i==null?void 0:i.subtitle)==null?void 0:g.substring(0,26)}...`:i==null?void 0:i.subtitle}),(i==null?void 0:i.title)&&a(P,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((N=i==null?void 0:i.title)==null?void 0:N.length)>38?`${(s=i==null?void 0:i.title)==null?void 0:s.substring(0,38)}...`:i==null?void 0:i.title}),u("div",{className:"max-w-xs my-5",children:[(i==null?void 0:i.description)&&a(h,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((p=i==null?void 0:i.description)==null?void 0:p.length)>m?`${(v=i==null?void 0:i.description)==null?void 0:v.substring(0,m)}...`:i==null?void 0:i.description}),((f=i==null?void 0:i.primaryButton)==null?void 0:f.label)&&a(T,{as:"link",variant:"outline",ariaLabel:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(y=i==null?void 0:i.primaryButton)==null?void 0:y.label})]})]})})]})})}export{H as a};

package/dist/chunk-VJQNAKCY.mjs

@@ -0,0 +1 @@
+import{Button as b}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as k}from"@stackshift-ui/flex";import{Heading as r}from"@stackshift-ui/heading";import{Image as C}from"@stackshift-ui/image";import{Section as P}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import{jsx as i,jsxs as m}from"react/jsx-runtime";function L({caption:l,title:a,portfolios:d,primaryButton:e,length:s=6}){let g=s;return i(P,{className:"py-20 bg-background",children:m(w,{maxWidth:1280,children:[m(k,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[i(T,{caption:l,title:a}),i("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),i(S,{portfolios:d,portfolioLength:g}),i("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function T({caption:l,title:a}){return!l||!a?null:m("div",{className:"text-center lg:text-left",children:[i(f,{weight:"semibold",children:l}),i(r,{className:"mb-6",fontSize:"2xl",children:a})]})}function I({content:l}){var a,d,e,s,g,x,h,v,N;return i("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&m("div",{className:"h-full overflow-hidden bg-white rounded-global",style:{maxHeight:"600px"},children:[i(C,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(s=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?s:"portfolio-image"}),m("div",{className:"p-6",children:[i(f,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&i(f,{weight:"bold",fontSize:"xl",className:"mb-4",children:((g=l==null?void 0:l.title)==null?void 0:g.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&i(b,{as:"link",variant:"link",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function S({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:i(k,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>i(I,{content:d},d._key))})}export{L as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var _l=Object.create;var R=Object.defineProperty;var Fl=Object.getOwnPropertyDescriptor;var zl=Object.getOwnPropertyNames;var Al=Object.getPrototypeOf,Cl=Object.prototype.hasOwnProperty;var T=(l,e)=>()=>(l&&(e=l(l=0)),e);var L=(l,e)=>{for(var a in e)R(l,a,{get:e[a],enumerable:!0})},el=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of zl(e))!Cl.call(l,r)&&r!==a&&R(l,r,{get:()=>e[r],enumerable:!(i=Fl(e,r))||i.enumerable});return l};var D=(l,e,a)=>(a=l!=null?_l(Al(l)):{},el(e||!l||!l.__esModule?R(a,"default",{value:l,enumerable:!0}):a,l)),$l=l=>el(R({},"__esModule",{value:!0}),l);var dl={};L(dl,{Portfolio_A:()=>Q,default:()=>Q});function Q({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=8}){var s;let d=r,[f,v]=J.default.useState((s=a==null?void 0:a[0])==null?void 0:s.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===f);return(0,b.jsx)(sl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(M.Container,{maxWidth:1280,children:[(0,b.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(yl,{caption:l,title:e}),(0,b.jsx)(jl,{categories:a,activeTab:f,onClickFn:v})]}),(0,b.jsx)(El,{portfolios:x==null?void 0:x.content,portfolioLength:d}),(0,b.jsx)(Hl,{button:i})]})})}function yl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(J.default.Fragment,{children:[(0,b.jsx)(rl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Hl({button:l}){return l!=null&&l.label?(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function jl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,b.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function El({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(I.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,f,v,x,s,h,w;return(0,b.jsx)(I.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-lg",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,b.jsx)(ml.Image,{className:"object-cover w-full h-full",src:(f=i==null?void 0:i.mainImage)==null?void 0:f.image,alt:(x=(v=i==null?void 0:i.mainImage)==null?void 0:v.alt)!=null?x:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 rl-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((s=i==null?void 0:i.primaryButton)==null?void 0:s.label)&&(0,b.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(h=i==null?void 0:i.primaryButton)==null?void 0:h.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label})})]})},i==null?void 0:i._key)})})}var J,_,al,rl,ml,sl,M,I,b,X=T(()=>{"use strict";J=D(require("react")),_=require("@stackshift-ui/button"),al=require("@stackshift-ui/heading"),rl=require("@stackshift-ui/text"),ml=require("@stackshift-ui/image"),sl=require("@stackshift-ui/section"),M=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),b=require("react/jsx-runtime")});var xl={};L(xl,{Portfolio_B:()=>V,default:()=>V});function V({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,b.jsx)(sl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(M.Container,{maxWidth:1280,children:[(0,b.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Dl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,b.jsx)(Jl,{portfolios:a,portfolioLength:d}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Dl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(rl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ml({content:l}){var e,a,i,r,d,f,v,x,s;return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded md:mb-5",children:[((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,b.jsx)(ml.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,b.jsxs)(I.Flex,{direction:"col",align:"start",className:"absolute inset-0 rl-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)(rl.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(rl.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,80)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(F.Button,{as:"link",variant:"outline",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(I.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Ml,{content:a},a._key))})}var F,al,rl,ml,sl,M,I,b,q=T(()=>{"use strict";F=require("@stackshift-ui/button")});var Nl={};L(Nl,{Portfolio_C:()=>K,default:()=>K});function K({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,b.jsx)(sl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(M.Container,{maxWidth:1280,children:[(0,b.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Ql,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,b.jsx)(Vl,{portfolios:a,portfolioLength:d}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Ql({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)($.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Xl({content:l}){var e,a,i,r,d,f,v,x,s;return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,b.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded",style:{maxHeight:"600px"},children:[(0,b.jsx)(ml.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)($.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)($.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(C.Button,{as:"link",variant:"link",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Vl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(I.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Xl,{content:a},a._key))})}var C,al,$,ml,sl,M,I,b,O=T(()=>{"use strict";C=require("@stackshift-ui/button")});var y,kl,Pl=T(()=>{"use strict";y=D(require("react")),kl=l=>{let[e,a]=y.default.useState(!1),i=y.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return y.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var Sl={};L(Sl,{Portfolio_D:()=>o,default:()=>o});function o({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=6}){var h,w,N,k,P,t,n,ll,il;let d=r,f=0,[v,x]=Y.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),s=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===v);return(0,m.jsx)(sl.Section,{className:"py-20 bg-background",children:(0,m.jsxs)(M.Container,{maxWidth:1280,children:[(0,m.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,m.jsx)(ql,{caption:l,title:e}),(0,m.jsx)(Kl,{categories:a,activeTab:v,onClickFn:x})]}),(0,m.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,m.jsxs)(I.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=s==null?void 0:s.content)==null?void 0:w.slice(f,f+2))==null?void 0:N.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key)),(P=(k=s==null?void 0:s.content)==null?void 0:k.slice(f+2,f+3))==null?void 0:P.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key))]}),(0,m.jsxs)("div",{className:"w-full lg:w-1/2",children:[(n=(t=s==null?void 0:s.content)==null?void 0:t.slice(f+3,f+4))==null?void 0:n.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key)),(0,m.jsx)("div",{className:"flex flex-wrap",children:(il=(ll=s==null?void 0:s.content)==null?void 0:ll.slice(f+4,d))==null?void 0:il.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,m.jsx)(Gl,{button:i})]})})}function ql({caption:l,title:e}){return!l||!e?null:(0,m.jsxs)(Y.default.Fragment,{children:[(0,m.jsx)(rl.Text,{weight:"semibold",children:l}),(0,m.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Gl({button:l}){return l!=null&&l.label?(0,m.jsx)("div",{className:"text-center",children:(0,m.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function Kl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,m.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,m.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var r,d,f,v,x,s,h,w,N,k,P;let i=kl("639")?60:90;return(0,m.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&(0,m.jsxs)("div",{className:"relative overflow-hidden rounded",children:[(0,m.jsx)(ml.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:`portfolio-image-${e==null?void 0:e._key}`}),(0,m.jsx)("div",{className:"absolute inset-0 rl-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,m.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,m.jsx)(rl.Text,{className:"text-sm text-primary",weight:"bold",children:((f=e==null?void 0:e.subtitle)==null?void 0:f.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,m.jsx)(al.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((x=e==null?void 0:e.title)==null?void 0:x.length)>38?`${(s=e==null?void 0:e.title)==null?void 0:s.substring(0,38)}...`:e==null?void 0:e.title}),(0,m.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,m.jsx)(rl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=e==null?void 0:e.description)==null?void 0:h.length)>i?`${(w=e==null?void 0:e.description)==null?void 0:w.substring(0,i)}...`:e==null?void 0:e.description}),((N=e==null?void 0:e.primaryButton)==null?void 0:N.label)&&(0,m.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,link:e==null?void 0:e.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(P=e==null?void 0:e.primaryButton)==null?void 0:P.label})]})]})})]})})}var Y,_,al,rl,ml,sl,M,I,m,B=T(()=>{"use strict";Y=D(require("react"));Pl();m=require("react/jsx-runtime")});var Ul={};L(Ul,{Portfolio:()=>Rl,Portfolio_A:()=>Q,Portfolio_B:()=>V,Portfolio_C:()=>K,Portfolio_D:()=>o});module.exports=$l(Ul);var S=require("react"),c={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(X(),dl))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(q(),xl))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(O(),Nl))),variant_d:(0,S.lazy)(()=>Promise.resolve().then(()=>(B(),Sl)))},Ol="Portfolio",Rl=({data:l})=>{var r,d,f,v,x,s,h,w,N,k,P;let e=l==null?void 0:l.variant,a=e&&(c==null?void 0:c[e]),i={caption:(d=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?d:void 0,title:(v=(f=l==null?void 0:l.variants)==null?void 0:f.title)!=null?v:void 0,portfoliosWithCategory:(s=(x=l==null?void 0:l.variants)==null?void 0:x.portfoliosWithCategories)!=null?s:void 0,portfolios:(w=(h=l==null?void 0:l.variants)==null?void 0:h.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(P=l==null?void 0:l.variants)==null?void 0:P.length};return a?(0,b.jsx)(a,{...i}):null};Rl.displayName=Ol;X();q();O();B();0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});
+"use strict";var _l=Object.create;var R=Object.defineProperty;var Fl=Object.getOwnPropertyDescriptor;var zl=Object.getOwnPropertyNames;var Al=Object.getPrototypeOf,Cl=Object.prototype.hasOwnProperty;var T=(l,e)=>()=>(l&&(e=l(l=0)),e);var L=(l,e)=>{for(var a in e)R(l,a,{get:e[a],enumerable:!0})},el=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of zl(e))!Cl.call(l,r)&&r!==a&&R(l,r,{get:()=>e[r],enumerable:!(i=Fl(e,r))||i.enumerable});return l};var D=(l,e,a)=>(a=l!=null?_l(Al(l)):{},el(e||!l||!l.__esModule?R(a,"default",{value:l,enumerable:!0}):a,l)),$l=l=>el(R({},"__esModule",{value:!0}),l);var dl={};L(dl,{Portfolio_A:()=>Q,default:()=>Q});function Q({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=8}){var s;let d=r,[g,v]=J.default.useState((s=a==null?void 0:a[0])==null?void 0:s.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===g);return(0,u.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,u.jsxs)(M.Container,{maxWidth:1280,children:[(0,u.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,u.jsx)(yl,{caption:l,title:e}),(0,u.jsx)(jl,{categories:a,activeTab:g,onClickFn:v})]}),(0,u.jsx)(El,{portfolios:x==null?void 0:x.content,portfolioLength:d}),(0,u.jsx)(Hl,{button:i})]})})}function yl({caption:l,title:e}){return!l||!e?null:(0,u.jsxs)(J.default.Fragment,{children:[(0,u.jsx)(sl.Text,{weight:"semibold",children:l}),(0,u.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Hl({button:l}){return l!=null&&l.label?(0,u.jsx)("div",{className:"text-center",children:(0,u.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function jl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,u.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,u.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function El({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,u.jsx)(I.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,g,v,x,s,h,w;return(0,u.jsx)(I.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,u.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-global",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,u.jsx)(rl.Image,{className:"object-cover w-full h-full",src:(g=i==null?void 0:i.mainImage)==null?void 0:g.image,alt:(x=(v=i==null?void 0:i.mainImage)==null?void 0:v.alt)!=null?x:`portfolio-image-${r}`}),(0,u.jsx)("div",{className:"absolute inset-0 sl-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((s=i==null?void 0:i.primaryButton)==null?void 0:s.label)&&(0,u.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(h=i==null?void 0:i.primaryButton)==null?void 0:h.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label})})]})},i==null?void 0:i._key)})})}var _,M,I,al,rl,ml,sl,J,u,X=T(()=>{"use strict";_=require("@stackshift-ui/button"),M=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),al=require("@stackshift-ui/heading"),rl=require("@stackshift-ui/image"),ml=require("@stackshift-ui/section"),sl=require("@stackshift-ui/text"),J=D(require("react")),u=require("react/jsx-runtime")});var xl={};L(xl,{Portfolio_B:()=>V,default:()=>V});function V({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,u.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,u.jsxs)(M.Container,{maxWidth:1280,children:[(0,u.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,u.jsx)(Dl,{caption:l,title:e}),(0,u.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,u.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,u.jsx)(Jl,{portfolios:a,portfolioLength:d}),(0,u.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,u.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Dl({caption:l,title:e}){return!l||!e?null:(0,u.jsxs)("div",{className:"text-center lg:text-left",children:[(0,u.jsx)(sl.Text,{weight:"semibold",children:l}),(0,u.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ml({content:l}){var e,a,i,r,d,g,v,x,s;return(0,u.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,u.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-global md:mb-5",children:[((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,u.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,u.jsxs)(I.Flex,{direction:"col",align:"start",className:"absolute inset-0 sl-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,u.jsx)(sl.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,u.jsx)(sl.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(g=l==null?void 0:l.title)==null?void 0:g.substring(0,80)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,u.jsx)(F.Button,{as:"link",variant:"outline",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,u.jsx)(I.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,u.jsx)(Ml,{content:a},a._key))})}var F,M,I,al,rl,ml,sl,u,q=T(()=>{"use strict";F=require("@stackshift-ui/button")});var Nl={};L(Nl,{Portfolio_C:()=>K,default:()=>K});function K({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,u.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,u.jsxs)(M.Container,{maxWidth:1280,children:[(0,u.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,u.jsx)(Ql,{caption:l,title:e}),(0,u.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,u.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,u.jsx)(Vl,{portfolios:a,portfolioLength:d}),(0,u.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,u.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Ql({caption:l,title:e}){return!l||!e?null:(0,u.jsxs)("div",{className:"text-center lg:text-left",children:[(0,u.jsx)($.Text,{weight:"semibold",children:l}),(0,u.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Xl({content:l}){var e,a,i,r,d,g,v,x,s;return(0,u.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,u.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-global",style:{maxHeight:"600px"},children:[(0,u.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,u.jsxs)("div",{className:"p-6",children:[(0,u.jsx)($.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,u.jsx)($.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(g=l==null?void 0:l.title)==null?void 0:g.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,u.jsx)(C.Button,{as:"link",variant:"link",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Vl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,u.jsx)(I.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,u.jsx)(Xl,{content:a},a._key))})}var C,M,I,al,rl,ml,$,u,O=T(()=>{"use strict";C=require("@stackshift-ui/button")});var y,kl,Pl=T(()=>{"use strict";y=D(require("react")),kl=l=>{let[e,a]=y.default.useState(!1),i=y.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return y.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var Sl={};L(Sl,{Portfolio_D:()=>o,default:()=>o});function o({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=6}){var h,w,N,k,P,t,n,ll,il;let d=r,g=0,[v,x]=W.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),s=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===v);return(0,m.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,m.jsxs)(M.Container,{maxWidth:1280,children:[(0,m.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,m.jsx)(ql,{caption:l,title:e}),(0,m.jsx)(Kl,{categories:a,activeTab:v,onClickFn:x})]}),(0,m.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,m.jsxs)(I.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=s==null?void 0:s.content)==null?void 0:w.slice(g,g+2))==null?void 0:N.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key)),(P=(k=s==null?void 0:s.content)==null?void 0:k.slice(g+2,g+3))==null?void 0:P.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key))]}),(0,m.jsxs)("div",{className:"w-full lg:w-1/2",children:[(n=(t=s==null?void 0:s.content)==null?void 0:t.slice(g+3,g+4))==null?void 0:n.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key)),(0,m.jsx)("div",{className:"flex flex-wrap",children:(il=(ll=s==null?void 0:s.content)==null?void 0:ll.slice(g+4,d))==null?void 0:il.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,m.jsx)(Gl,{button:i})]})})}function ql({caption:l,title:e}){return!l||!e?null:(0,m.jsxs)(W.default.Fragment,{children:[(0,m.jsx)(sl.Text,{weight:"semibold",children:l}),(0,m.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Gl({button:l}){return l!=null&&l.label?(0,m.jsx)("div",{className:"text-center",children:(0,m.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function Kl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,m.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,m.jsx)(E.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var r,d,g,v,x,s,h,w,N,k,P;let i=kl("639")?60:90;return(0,m.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&(0,m.jsxs)("div",{className:"relative overflow-hidden rounded-global",children:[(0,m.jsx)(rl.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:`portfolio-image-${e==null?void 0:e._key}`}),(0,m.jsx)("div",{className:"absolute inset-0 sl-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,m.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,m.jsx)(sl.Text,{className:"text-sm text-primary",weight:"bold",children:((g=e==null?void 0:e.subtitle)==null?void 0:g.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,m.jsx)(al.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((x=e==null?void 0:e.title)==null?void 0:x.length)>38?`${(s=e==null?void 0:e.title)==null?void 0:s.substring(0,38)}...`:e==null?void 0:e.title}),(0,m.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,m.jsx)(sl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=e==null?void 0:e.description)==null?void 0:h.length)>i?`${(w=e==null?void 0:e.description)==null?void 0:w.substring(0,i)}...`:e==null?void 0:e.description}),((N=e==null?void 0:e.primaryButton)==null?void 0:N.label)&&(0,m.jsx)(E.Button,{as:"link",variant:"outline",ariaLabel:(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,link:e==null?void 0:e.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(P=e==null?void 0:e.primaryButton)==null?void 0:P.label})]})]})})]})})}var E,M,I,al,rl,ml,sl,W,m,B=T(()=>{"use strict";E=require("@stackshift-ui/button"),W=D(require("react"));Pl();m=require("react/jsx-runtime")});var Ul={};L(Ul,{Portfolio:()=>Rl,Portfolio_A:()=>Q,Portfolio_B:()=>V,Portfolio_C:()=>K,Portfolio_D:()=>o});module.exports=$l(Ul);var S=require("react"),c={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(X(),dl))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(q(),xl))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(O(),Nl))),variant_d:(0,S.lazy)(()=>Promise.resolve().then(()=>(B(),Sl)))},Ol="Portfolio",Rl=({data:l})=>{var r,d,g,v,x,s,h,w,N,k,P;let e=l==null?void 0:l.variant,a=e&&(c==null?void 0:c[e]),i={caption:(d=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?d:void 0,title:(v=(g=l==null?void 0:l.variants)==null?void 0:g.title)!=null?v:void 0,portfoliosWithCategory:(s=(x=l==null?void 0:l.variants)==null?void 0:x.portfoliosWithCategories)!=null?s:void 0,portfolios:(w=(h=l==null?void 0:l.variants)==null?void 0:h.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(P=l==null?void 0:l.variants)==null?void 0:P.length};return a?(0,u.jsx)(a,{...i}):null};Rl.displayName=Ol;X();q();O();B();0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as f}from"./chunk-DU3VU22S.mjs";import{a as o}from"./chunk-6QPID4RW.mjs";import{a as r}from"./chunk-JF63GJ27.mjs";import{a as e}from"./chunk-EFEWEAHL.mjs";import{a as t}from"./chunk-AQJ5HHVM.mjs";import"./chunk-NFO6QLL6.mjs";export{f as Portfolio,o as Portfolio_A,r as Portfolio_B,e as Portfolio_C,t as Portfolio_D};
+"use strict";import{a as f}from"./chunk-NFRBR5UV.mjs";import{a as o}from"./chunk-AC3OTID7.mjs";import{a as r}from"./chunk-4Y7ZRUFQ.mjs";import{a as e}from"./chunk-VJQNAKCY.mjs";import{a as t}from"./chunk-ULBLZJEZ.mjs";import"./chunk-NFO6QLL6.mjs";export{f as Portfolio,o as Portfolio_A,r as Portfolio_B,e as Portfolio_C,t as Portfolio_D};

package/dist/portfolio.js

@@ -1 +1 @@
-"use strict";var _l=Object.create;var R=Object.defineProperty;var Fl=Object.getOwnPropertyDescriptor;var zl=Object.getOwnPropertyNames;var Al=Object.getPrototypeOf,Cl=Object.prototype.hasOwnProperty;var T=(l,e)=>()=>(l&&(e=l(l=0)),e);var L=(l,e)=>{for(var a in e)R(l,a,{get:e[a],enumerable:!0})},W=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of zl(e))!Cl.call(l,r)&&r!==a&&R(l,r,{get:()=>e[r],enumerable:!(i=Fl(e,r))||i.enumerable});return l};var D=(l,e,a)=>(a=l!=null?_l(Al(l)):{},W(e||!l||!l.__esModule?R(a,"default",{value:l,enumerable:!0}):a,l)),$l=l=>W(R({},"__esModule",{value:!0}),l);var ll={};L(ll,{Portfolio_A:()=>n,default:()=>n});function n({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=8}){var s;let d=r,[u,v]=J.default.useState((s=a==null?void 0:a[0])==null?void 0:s.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===u);return(0,f.jsx)(t.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,f.jsx)(yl,{caption:l,title:e}),(0,f.jsx)(jl,{categories:a,activeTab:u,onClickFn:v})]}),(0,f.jsx)(El,{portfolios:x==null?void 0:x.content,portfolioLength:d}),(0,f.jsx)(Hl,{button:i})]})})}function yl({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)(J.default.Fragment,{children:[(0,f.jsx)(o.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Hl({button:l}){return l!=null&&l.label?(0,f.jsx)("div",{className:"text-center",children:(0,f.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function jl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,f.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function El({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,u,v,x,s,h,w;return(0,f.jsx)(I.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,f.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-lg",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,f.jsx)(c.Image,{className:"object-cover w-full h-full",src:(u=i==null?void 0:i.mainImage)==null?void 0:u.image,alt:(x=(v=i==null?void 0:i.mainImage)==null?void 0:v.alt)!=null?x:`portfolio-image-${r}`}),(0,f.jsx)("div",{className:"absolute inset-0 o-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((s=i==null?void 0:i.primaryButton)==null?void 0:s.label)&&(0,f.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(h=i==null?void 0:i.primaryButton)==null?void 0:h.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-M rounded-t-M font-bold transition duration-200 px-3 py-4",children:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label})})]})},i==null?void 0:i._key)})})}var J,_,B,o,c,t,M,I,f,il=T(()=>{"use strict";J=D(require("react")),_=require("@stackshift-ui/button"),B=require("@stackshift-ui/heading"),o=require("@stackshift-ui/text"),c=require("@stackshift-ui/image"),t=require("@stackshift-ui/section"),M=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),f=require("react/jsx-runtime")});var dl={};L(dl,{Portfolio_B:()=>sl,default:()=>sl});function sl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,f.jsx)(t.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,f.jsx)(Dl,{caption:l,title:e}),(0,f.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block M:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,f.jsx)(Jl,{portfolios:a,portfolioLength:d}),(0,f.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden M:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Dl({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)("div",{className:"text-center lg:text-left",children:[(0,f.jsx)(o.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ml({content:l}){var e,a,i,r,d,u,v,x,s;return(0,f.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,f.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded md:mb-5",children:[((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,f.jsx)(c.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,f.jsxs)(I.Flex,{direction:"col",align:"start",className:"absolute inset-0 o-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,f.jsx)(o.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,f.jsx)(o.Text,{weight:"bold",className:"mb-auto text-white md:text-M lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(u=l==null?void 0:l.title)==null?void 0:u.substring(0,80)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,f.jsx)(F.Button,{as:"link",variant:"outline",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-M rounded-t-M font-bold transition duration-200 px-3 py-4",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,f.jsx)(Ml,{content:a},a._key))})}var F,B,o,c,t,M,I,f,ul=T(()=>{"use strict";F=require("@stackshift-ui/button")});var hl={};L(hl,{Portfolio_C:()=>vl,default:()=>vl});function vl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,f.jsx)(t.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,f.jsx)(Ql,{caption:l,title:e}),(0,f.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block M:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,f.jsx)(Vl,{portfolios:a,portfolioLength:d}),(0,f.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden M:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Ql({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)("div",{className:"text-center lg:text-left",children:[(0,f.jsx)($.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Xl({content:l}){var e,a,i,r,d,u,v,x,s;return(0,f.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,f.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded",style:{maxHeight:"600px"},children:[(0,f.jsx)(c.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,f.jsxs)("div",{className:"p-6",children:[(0,f.jsx)($.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,f.jsx)($.Text,{weight:"bold",fontSize:"M",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(u=l==null?void 0:l.title)==null?void 0:u.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,f.jsx)(C.Button,{as:"link",variant:"link",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Vl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,f.jsx)(Xl,{content:a},a._key))})}var C,B,$,c,t,M,I,f,pl=T(()=>{"use strict";C=require("@stackshift-ui/button")});var y,wl,Nl=T(()=>{"use strict";y=D(require("react")),wl=l=>{let[e,a]=y.default.useState(!1),i=y.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return y.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var Ll={};L(Ll,{Portfolio_D:()=>Tl,default:()=>Tl});function Tl({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=6}){var h,w,N,k,P,O,U,Y,Z;let d=r,u=0,[v,x]=V.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),s=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===v);return(0,m.jsx)(t.Section,{className:"py-20 bg-background",children:(0,m.jsxs)(M.Container,{maxWidth:1280,children:[(0,m.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,m.jsx)(ql,{caption:l,title:e}),(0,m.jsx)(Kl,{categories:a,activeTab:v,onClickFn:x})]}),(0,m.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,m.jsxs)(I.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=s==null?void 0:s.content)==null?void 0:w.slice(u,u+2))==null?void 0:N.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key)),(P=(k=s==null?void 0:s.content)==null?void 0:k.slice(u+2,u+3))==null?void 0:P.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key))]}),(0,m.jsxs)("div",{className:"w-full lg:w-1/2",children:[(U=(O=s==null?void 0:s.content)==null?void 0:O.slice(u+3,u+4))==null?void 0:U.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key)),(0,m.jsx)("div",{className:"flex flex-wrap",children:(Z=(Y=s==null?void 0:s.content)==null?void 0:Y.slice(u+4,d))==null?void 0:Z.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,m.jsx)(Gl,{button:i})]})})}function ql({caption:l,title:e}){return!l||!e?null:(0,m.jsxs)(V.default.Fragment,{children:[(0,m.jsx)(o.Text,{weight:"semibold",children:l}),(0,m.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Gl({button:l}){return l!=null&&l.label?(0,m.jsx)("div",{className:"text-center",children:(0,m.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function Kl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,m.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,m.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var r,d,u,v,x,s,h,w,N,k,P;let i=wl("639")?60:90;return(0,m.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&(0,m.jsxs)("div",{className:"relative overflow-hidden rounded",children:[(0,m.jsx)(c.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:`portfolio-image-${e==null?void 0:e._key}`}),(0,m.jsx)("div",{className:"absolute inset-0 o-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,m.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,m.jsx)(o.Text,{className:"text-sm text-primary",weight:"bold",children:((u=e==null?void 0:e.subtitle)==null?void 0:u.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,m.jsx)(B.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-M":"text-sm"}`,children:((x=e==null?void 0:e.title)==null?void 0:x.length)>38?`${(s=e==null?void 0:e.title)==null?void 0:s.substring(0,38)}...`:e==null?void 0:e.title}),(0,m.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,m.jsx)(o.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=e==null?void 0:e.description)==null?void 0:h.length)>i?`${(w=e==null?void 0:e.description)==null?void 0:w.substring(0,i)}...`:e==null?void 0:e.description}),((N=e==null?void 0:e.primaryButton)==null?void 0:N.label)&&(0,m.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,link:e==null?void 0:e.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-M rounded-t-M font-bold transition duration-200 px-3 py-4",children:(P=e==null?void 0:e.primaryButton)==null?void 0:P.label})]})]})})]})})}var V,_,B,o,c,t,M,I,m,Sl=T(()=>{"use strict";V=D(require("react"));Nl();m=require("react/jsx-runtime")});var Ul={};L(Ul,{Portfolio:()=>Rl});module.exports=$l(Ul);var S=require("react"),K={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(il(),ll))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(ul(),dl))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(pl(),hl))),variant_d:(0,S.lazy)(()=>Promise.resolve().then(()=>(Sl(),Ll)))},Ol="Portfolio",Rl=({data:l})=>{var r,d,u,v,x,s,h,w,N,k,P;let e=l==null?void 0:l.variant,a=e&&(K==null?void 0:K[e]),i={caption:(d=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?d:void 0,title:(v=(u=l==null?void 0:l.variants)==null?void 0:u.title)!=null?v:void 0,portfoliosWithCategory:(s=(x=l==null?void 0:l.variants)==null?void 0:x.portfoliosWithCategories)!=null?s:void 0,portfolios:(w=(h=l==null?void 0:l.variants)==null?void 0:h.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(P=l==null?void 0:l.variants)==null?void 0:P.length};return a?(0,f.jsx)(a,{...i}):null};Rl.displayName=Ol;0&&(module.exports={Portfolio});
+"use strict";var _l=Object.create;var R=Object.defineProperty;var Fl=Object.getOwnPropertyDescriptor;var zl=Object.getOwnPropertyNames;var Al=Object.getPrototypeOf,Cl=Object.prototype.hasOwnProperty;var T=(l,e)=>()=>(l&&(e=l(l=0)),e);var L=(l,e)=>{for(var a in e)R(l,a,{get:e[a],enumerable:!0})},W=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of zl(e))!Cl.call(l,r)&&r!==a&&R(l,r,{get:()=>e[r],enumerable:!(i=Fl(e,r))||i.enumerable});return l};var D=(l,e,a)=>(a=l!=null?_l(Al(l)):{},W(e||!l||!l.__esModule?R(a,"default",{value:l,enumerable:!0}):a,l)),$l=l=>W(R({},"__esModule",{value:!0}),l);var ll={};L(ll,{Portfolio_A:()=>n,default:()=>n});function n({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=8}){var s;let d=r,[g,v]=J.default.useState((s=a==null?void 0:a[0])==null?void 0:s.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===g);return(0,f.jsx)(c.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,f.jsx)(yl,{caption:l,title:e}),(0,f.jsx)(jl,{categories:a,activeTab:g,onClickFn:v})]}),(0,f.jsx)(El,{portfolios:x==null?void 0:x.content,portfolioLength:d}),(0,f.jsx)(Hl,{button:i})]})})}function yl({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)(J.default.Fragment,{children:[(0,f.jsx)(t.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Hl({button:l}){return l!=null&&l.label?(0,f.jsx)("div",{className:"text-center",children:(0,f.jsx)(_.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,children:l==null?void 0:l.label})}):null}function jl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,f.jsx)(_.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function El({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,g,v,x,s,h,w;return(0,f.jsx)(I.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,f.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-global",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,f.jsx)(o.Image,{className:"object-cover w-full h-full",src:(g=i==null?void 0:i.mainImage)==null?void 0:g.image,alt:(x=(v=i==null?void 0:i.mainImage)==null?void 0:v.alt)!=null?x:`portfolio-image-${r}`}),(0,f.jsx)("div",{className:"absolute inset-0 t-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((s=i==null?void 0:i.primaryButton)==null?void 0:s.label)&&(0,f.jsx)(_.Button,{as:"link",variant:"outline",ariaLabel:(h=i==null?void 0:i.primaryButton)==null?void 0:h.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-c rounded-t-c font-bold transition duration-200 px-3 py-4",children:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label})})]})},i==null?void 0:i._key)})})}var _,M,I,B,o,c,t,J,f,il=T(()=>{"use strict";_=require("@stackshift-ui/button"),M=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),B=require("@stackshift-ui/heading"),o=require("@stackshift-ui/image"),c=require("@stackshift-ui/section"),t=require("@stackshift-ui/text"),J=D(require("react")),f=require("react/jsx-runtime")});var dl={};L(dl,{Portfolio_B:()=>sl,default:()=>sl});function sl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,f.jsx)(c.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,f.jsx)(Dl,{caption:l,title:e}),(0,f.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block c:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,f.jsx)(Jl,{portfolios:a,portfolioLength:d}),(0,f.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden c:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(F.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Dl({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)("div",{className:"text-center lg:text-left",children:[(0,f.jsx)(t.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ml({content:l}){var e,a,i,r,d,g,v,x,s;return(0,f.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,f.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-global md:mb-5",children:[((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,f.jsx)(o.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,f.jsxs)(I.Flex,{direction:"col",align:"start",className:"absolute inset-0 t-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,f.jsx)(t.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,f.jsx)(t.Text,{weight:"bold",className:"mb-auto text-white md:text-c lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(g=l==null?void 0:l.title)==null?void 0:g.substring(0,80)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,f.jsx)(F.Button,{as:"link",variant:"outline",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-c rounded-t-c font-bold transition duration-200 px-3 py-4",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,f.jsx)(Ml,{content:a},a._key))})}var F,M,I,B,o,c,t,f,gl=T(()=>{"use strict";F=require("@stackshift-ui/button")});var hl={};L(hl,{Portfolio_C:()=>vl,default:()=>vl});function vl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let d=r;return(0,f.jsx)(c.Section,{className:"py-20 bg-background",children:(0,f.jsxs)(M.Container,{maxWidth:1280,children:[(0,f.jsxs)(I.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,f.jsx)(Ql,{caption:l,title:e}),(0,f.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block c:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]}),(0,f.jsx)(Vl,{portfolios:a,portfolioLength:d}),(0,f.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden c:mt-0",children:(i==null?void 0:i.label)&&(0,f.jsx)(C.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,children:i==null?void 0:i.label})})]})})}function Ql({caption:l,title:e}){return!l||!e?null:(0,f.jsxs)("div",{className:"text-center lg:text-left",children:[(0,f.jsx)($.Text,{weight:"semibold",children:l}),(0,f.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Xl({content:l}){var e,a,i,r,d,g,v,x,s;return(0,f.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((e=l==null?void 0:l.mainImage)==null?void 0:e.image)&&(0,f.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-global",style:{maxHeight:"600px"},children:[(0,f.jsx)(o.Image,{className:"object-cover w-full h-80",src:(a=l==null?void 0:l.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(i=l==null?void 0:l.mainImage)==null?void 0:i.alt)!=null?r:"portfolio-image"}),(0,f.jsxs)("div",{className:"p-6",children:[(0,f.jsx)($.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,f.jsx)($.Text,{weight:"bold",fontSize:"c",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(g=l==null?void 0:l.title)==null?void 0:g.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,f.jsx)(C.Button,{as:"link",variant:"link",ariaLabel:(x=l==null?void 0:l.primaryButton)==null?void 0:x.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label})]})]})})}function Vl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,f.jsx)(I.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,f.jsx)(Xl,{content:a},a._key))})}var C,M,I,B,o,c,$,f,pl=T(()=>{"use strict";C=require("@stackshift-ui/button")});var y,wl,Nl=T(()=>{"use strict";y=D(require("react")),wl=l=>{let[e,a]=y.default.useState(!1),i=y.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return y.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var Ll={};L(Ll,{Portfolio_D:()=>Tl,default:()=>Tl});function Tl({caption:l,title:e,portfoliosWithCategory:a,primaryButton:i,length:r=6}){var h,w,N,k,P,O,U,Y,Z;let d=r,g=0,[v,x]=G.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),s=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===v);return(0,m.jsx)(c.Section,{className:"py-20 bg-background",children:(0,m.jsxs)(M.Container,{maxWidth:1280,children:[(0,m.jsxs)(M.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,m.jsx)(ql,{caption:l,title:e}),(0,m.jsx)(Kl,{categories:a,activeTab:v,onClickFn:x})]}),(0,m.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,m.jsxs)(I.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=s==null?void 0:s.content)==null?void 0:w.slice(g,g+2))==null?void 0:N.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key)),(P=(k=s==null?void 0:s.content)==null?void 0:k.slice(g+2,g+3))==null?void 0:P.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key))]}),(0,m.jsxs)("div",{className:"w-full lg:w-1/2",children:[(U=(O=s==null?void 0:s.content)==null?void 0:O.slice(g+3,g+4))==null?void 0:U.map(p=>(0,m.jsx)(H,{size:"lg",content:p},p._key)),(0,m.jsx)("div",{className:"flex flex-wrap",children:(Z=(Y=s==null?void 0:s.content)==null?void 0:Y.slice(g+4,d))==null?void 0:Z.map(p=>(0,m.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,m.jsx)(Gl,{button:i})]})})}function ql({caption:l,title:e}){return!l||!e?null:(0,m.jsxs)(G.default.Fragment,{children:[(0,m.jsx)(t.Text,{weight:"semibold",children:l}),(0,m.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Gl({button:l}){return l!=null&&l.label?(0,m.jsx)("div",{className:"text-center",children:(0,m.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function Kl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,m.jsx)(I.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var d;return(0,m.jsx)(E.Button,{variant:"tab",as:"button",ariaLabel:(d=i==null?void 0:i.category)!=null?d:`Category button ${r+1}`,isActive:e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var r,d,g,v,x,s,h,w,N,k,P;let i=wl("639")?60:90;return(0,m.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&(0,m.jsxs)("div",{className:"relative overflow-hidden rounded-global",children:[(0,m.jsx)(o.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:`portfolio-image-${e==null?void 0:e._key}`}),(0,m.jsx)("div",{className:"absolute inset-0 t-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,m.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,m.jsx)(t.Text,{className:"text-sm text-primary",weight:"bold",children:((g=e==null?void 0:e.subtitle)==null?void 0:g.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,m.jsx)(B.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-c":"text-sm"}`,children:((x=e==null?void 0:e.title)==null?void 0:x.length)>38?`${(s=e==null?void 0:e.title)==null?void 0:s.substring(0,38)}...`:e==null?void 0:e.title}),(0,m.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,m.jsx)(t.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=e==null?void 0:e.description)==null?void 0:h.length)>i?`${(w=e==null?void 0:e.description)==null?void 0:w.substring(0,i)}...`:e==null?void 0:e.description}),((N=e==null?void 0:e.primaryButton)==null?void 0:N.label)&&(0,m.jsx)(E.Button,{as:"link",variant:"outline",ariaLabel:(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,link:e==null?void 0:e.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-c rounded-t-c font-bold transition duration-200 px-3 py-4",children:(P=e==null?void 0:e.primaryButton)==null?void 0:P.label})]})]})})]})})}var E,M,I,B,o,c,t,G,m,Sl=T(()=>{"use strict";E=require("@stackshift-ui/button"),G=D(require("react"));Nl();m=require("react/jsx-runtime")});var Ul={};L(Ul,{Portfolio:()=>Rl});module.exports=$l(Ul);var S=require("react"),K={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(il(),ll))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(gl(),dl))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(pl(),hl))),variant_d:(0,S.lazy)(()=>Promise.resolve().then(()=>(Sl(),Ll)))},Ol="Portfolio",Rl=({data:l})=>{var r,d,g,v,x,s,h,w,N,k,P;let e=l==null?void 0:l.variant,a=e&&(K==null?void 0:K[e]),i={caption:(d=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?d:void 0,title:(v=(g=l==null?void 0:l.variants)==null?void 0:g.title)!=null?v:void 0,portfoliosWithCategory:(s=(x=l==null?void 0:l.variants)==null?void 0:x.portfoliosWithCategories)!=null?s:void 0,portfolios:(w=(h=l==null?void 0:l.variants)==null?void 0:h.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(P=l==null?void 0:l.variants)==null?void 0:P.length};return a?(0,f.jsx)(a,{...i}):null};Rl.displayName=Ol;0&&(module.exports={Portfolio});

package/dist/portfolio.mjs

@@ -1 +1 @@
-import{a}from"./chunk-DU3VU22S.mjs";export{a as Portfolio};
+import{a}from"./chunk-NFRBR5UV.mjs";export{a as Portfolio};

package/dist/portfolio_a.js

@@ -1 +1 @@
-"use strict";var R=Object.create;var g=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var _=(a,e)=>{for(var r in e)g(a,r,{get:e[r],enumerable:!0})},h=(a,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of A(e))!I.call(a,m)&&m!==r&&g(a,m,{get:()=>e[m],enumerable:!(l=S(e,m))||l.enumerable});return a};var z=(a,e,r)=>(r=a!=null?R(F(a)):{},h(e||!a||!a.__esModule?g(r,"default",{value:a,enumerable:!0}):r,a)),H=a=>h(g({},"__esModule",{value:!0}),a);var J={};_(J,{Portfolio_A:()=>T,default:()=>T});module.exports=H(J);var w=z(require("react")),v=require("@stackshift-ui/button"),k=require("@stackshift-ui/heading"),B=require("@stackshift-ui/text"),P=require("@stackshift-ui/image"),L=require("@stackshift-ui/section"),y=require("@stackshift-ui/container"),p=require("@stackshift-ui/flex"),i=require("react/jsx-runtime");function T({caption:a,title:e,portfoliosWithCategory:r,primaryButton:l,length:m=8}){var x;let u=m,[b,f]=w.default.useState((x=r==null?void 0:r[0])==null?void 0:x.category),d=r==null?void 0:r.find(s=>(s==null?void 0:s.category)===b);return(0,i.jsx)(L.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(y.Container,{maxWidth:1280,children:[(0,i.jsxs)(y.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,i.jsx)($,{caption:a,title:e}),(0,i.jsx)(D,{categories:r,activeTab:b,onClickFn:f})]}),(0,i.jsx)(E,{portfolios:d==null?void 0:d.content,portfolioLength:u}),(0,i.jsx)(j,{button:l})]})})}function $({caption:a,title:e}){return!a||!e?null:(0,i.jsxs)(w.default.Fragment,{children:[(0,i.jsx)(B.Text,{weight:"semibold",children:a}),(0,i.jsx)(k.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function j({button:a}){return a!=null&&a.label?(0,i.jsx)("div",{className:"text-center",children:(0,i.jsx)(v.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,children:a==null?void 0:a.label})}):null}function D({categories:a,activeTab:e,onClickFn:r}){return!a||(a==null?void 0:a.length)===0?null:(0,i.jsx)(p.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((l,m)=>{var u;return(0,i.jsx)(v.Button,{variant:"tab",as:"button",ariaLabel:(u=l==null?void 0:l.category)!=null?u:`Category button ${m+1}`,isActive:e===(l==null?void 0:l.category),onClick:()=>r==null?void 0:r(l==null?void 0:l.category),children:l==null?void 0:l.category},l==null?void 0:l._key)})})}function E({portfolios:a,portfolioLength:e}){var r;return!a||(a==null?void 0:a.length)===0?null:(0,i.jsx)(p.Flex,{wrap:!0,className:"mb-8",children:(r=a==null?void 0:a.slice(0,e))==null?void 0:r.map((l,m)=>{var u,b,f,d,x,s,N;return(0,i.jsx)(p.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,i.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-lg",children:[((u=l==null?void 0:l.mainImage)==null?void 0:u.image)&&(0,i.jsx)(P.Image,{className:"object-cover w-full h-full",src:(b=l==null?void 0:l.mainImage)==null?void 0:b.image,alt:(d=(f=l==null?void 0:l.mainImage)==null?void 0:f.alt)!=null?d:`portfolio-image-${m}`}),(0,i.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((x=l==null?void 0:l.primaryButton)==null?void 0:x.label)&&(0,i.jsx)(v.Button,{as:"link",variant:"outline",ariaLabel:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})})]})},l==null?void 0:l._key)})})}0&&(module.exports={Portfolio_A});
+"use strict";var R=Object.create;var g=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var _=(a,e)=>{for(var r in e)g(a,r,{get:e[r],enumerable:!0})},h=(a,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of A(e))!I.call(a,m)&&m!==r&&g(a,m,{get:()=>e[m],enumerable:!(l=S(e,m))||l.enumerable});return a};var z=(a,e,r)=>(r=a!=null?R(F(a)):{},h(e||!a||!a.__esModule?g(r,"default",{value:a,enumerable:!0}):r,a)),H=a=>h(g({},"__esModule",{value:!0}),a);var J={};_(J,{Portfolio_A:()=>T,default:()=>T});module.exports=H(J);var v=require("@stackshift-ui/button"),y=require("@stackshift-ui/container"),p=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),B=require("@stackshift-ui/image"),P=require("@stackshift-ui/section"),L=require("@stackshift-ui/text"),w=z(require("react")),i=require("react/jsx-runtime");function T({caption:a,title:e,portfoliosWithCategory:r,primaryButton:l,length:m=8}){var x;let u=m,[b,f]=w.default.useState((x=r==null?void 0:r[0])==null?void 0:x.category),d=r==null?void 0:r.find(s=>(s==null?void 0:s.category)===b);return(0,i.jsx)(P.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(y.Container,{maxWidth:1280,children:[(0,i.jsxs)(y.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,i.jsx)($,{caption:a,title:e}),(0,i.jsx)(D,{categories:r,activeTab:b,onClickFn:f})]}),(0,i.jsx)(E,{portfolios:d==null?void 0:d.content,portfolioLength:u}),(0,i.jsx)(j,{button:l})]})})}function $({caption:a,title:e}){return!a||!e?null:(0,i.jsxs)(w.default.Fragment,{children:[(0,i.jsx)(L.Text,{weight:"semibold",children:a}),(0,i.jsx)(k.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function j({button:a}){return a!=null&&a.label?(0,i.jsx)("div",{className:"text-center",children:(0,i.jsx)(v.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,children:a==null?void 0:a.label})}):null}function D({categories:a,activeTab:e,onClickFn:r}){return!a||(a==null?void 0:a.length)===0?null:(0,i.jsx)(p.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((l,m)=>{var u;return(0,i.jsx)(v.Button,{variant:"tab",as:"button",ariaLabel:(u=l==null?void 0:l.category)!=null?u:`Category button ${m+1}`,isActive:e===(l==null?void 0:l.category),onClick:()=>r==null?void 0:r(l==null?void 0:l.category),children:l==null?void 0:l.category},l==null?void 0:l._key)})})}function E({portfolios:a,portfolioLength:e}){var r;return!a||(a==null?void 0:a.length)===0?null:(0,i.jsx)(p.Flex,{wrap:!0,className:"mb-8",children:(r=a==null?void 0:a.slice(0,e))==null?void 0:r.map((l,m)=>{var u,b,f,d,x,s,N;return(0,i.jsx)(p.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,i.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-global",children:[((u=l==null?void 0:l.mainImage)==null?void 0:u.image)&&(0,i.jsx)(B.Image,{className:"object-cover w-full h-full",src:(b=l==null?void 0:l.mainImage)==null?void 0:b.image,alt:(d=(f=l==null?void 0:l.mainImage)==null?void 0:f.alt)!=null?d:`portfolio-image-${m}`}),(0,i.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-75",children:((x=l==null?void 0:l.primaryButton)==null?void 0:x.label)&&(0,i.jsx)(v.Button,{as:"link",variant:"outline",ariaLabel:(s=l==null?void 0:l.primaryButton)==null?void 0:s.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})})]})},l==null?void 0:l._key)})})}0&&(module.exports={Portfolio_A});

package/dist/portfolio_a.mjs

@@ -1 +1 @@
-import{a}from"./chunk-6QPID4RW.mjs";export{a as Portfolio_A,a as default};
+import{a}from"./chunk-AC3OTID7.mjs";export{a as Portfolio_A,a as default};

package/dist/portfolio_b.js

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var F=(l,i)=>{for(var d in i)r(l,d,{get:i[d],enumerable:!0})},S=(l,i,d,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of T(i))!I.call(l,s)&&s!==d&&r(l,s,{get:()=>i[s],enumerable:!(e=L(i,s))||e.enumerable});return l};var j=l=>S(r({},"__esModule",{value:!0}),l);var R={};F(R,{Portfolio_B:()=>P,default:()=>P});module.exports=j(R);var b=require("@stackshift-ui/button"),w=require("@stackshift-ui/heading"),g=require("@stackshift-ui/text"),k=require("@stackshift-ui/image"),u=require("@stackshift-ui/section"),C=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),a=require("react/jsx-runtime");function P({caption:l,title:i,portfolios:d,primaryButton:e,length:s=6}){let m=s;return(0,a.jsx)(u.Section,{className:"py-20 bg-background",children:(0,a.jsxs)(C.Container,{maxWidth:1280,children:[(0,a.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,a.jsx)(z,{caption:l,title:i}),(0,a.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&(0,a.jsx)(b.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),(0,a.jsx)(H,{portfolios:d,portfolioLength:m}),(0,a.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&(0,a.jsx)(b.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function z({caption:l,title:i}){return!l||!i?null:(0,a.jsxs)("div",{className:"text-center lg:text-left",children:[(0,a.jsx)(g.Text,{weight:"semibold",children:l}),(0,a.jsx)(w.Heading,{className:"mb-6",fontSize:"2xl",children:i})]})}function A({content:l}){var i,d,e,s,m,f,h,v,N;return(0,a.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,a.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded md:mb-5",children:[((i=l==null?void 0:l.mainImage)==null?void 0:i.image)&&(0,a.jsx)(k.Image,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(s=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?s:"portfolio-image"}),(0,a.jsxs)(x.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,a.jsx)(g.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,a.jsx)(g.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((m=l==null?void 0:l.title)==null?void 0:m.length)>80?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,80)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&(0,a.jsx)(b.Button,{as:"link",variant:"outline",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function H({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:(0,a.jsx)(x.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(d=>(0,a.jsx)(A,{content:d},d._key))})}0&&(module.exports={Portfolio_B});
+"use strict";var r=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var F=(l,i)=>{for(var d in i)r(l,d,{get:i[d],enumerable:!0})},S=(l,i,d,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of T(i))!I.call(l,s)&&s!==d&&r(l,s,{get:()=>i[s],enumerable:!(e=L(i,s))||e.enumerable});return l};var j=l=>S(r({},"__esModule",{value:!0}),l);var R={};F(R,{Portfolio_B:()=>P,default:()=>P});module.exports=j(R);var b=require("@stackshift-ui/button"),w=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),u=require("@stackshift-ui/image"),C=require("@stackshift-ui/section"),g=require("@stackshift-ui/text"),a=require("react/jsx-runtime");function P({caption:l,title:i,portfolios:d,primaryButton:e,length:s=6}){let m=s;return(0,a.jsx)(C.Section,{className:"py-20 bg-background",children:(0,a.jsxs)(w.Container,{maxWidth:1280,children:[(0,a.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,a.jsx)(z,{caption:l,title:i}),(0,a.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&(0,a.jsx)(b.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),(0,a.jsx)(H,{portfolios:d,portfolioLength:m}),(0,a.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&(0,a.jsx)(b.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function z({caption:l,title:i}){return!l||!i?null:(0,a.jsxs)("div",{className:"text-center lg:text-left",children:[(0,a.jsx)(g.Text,{weight:"semibold",children:l}),(0,a.jsx)(k.Heading,{className:"mb-6",fontSize:"2xl",children:i})]})}function A({content:l}){var i,d,e,s,m,f,h,v,N;return(0,a.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,a.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-global md:mb-5",children:[((i=l==null?void 0:l.mainImage)==null?void 0:i.image)&&(0,a.jsx)(u.Image,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(s=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?s:"portfolio-image"}),(0,a.jsxs)(x.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,a.jsx)(g.Text,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,a.jsx)(g.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((m=l==null?void 0:l.title)==null?void 0:m.length)>80?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,80)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&(0,a.jsx)(b.Button,{as:"link",variant:"outline",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function H({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:(0,a.jsx)(x.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(d=>(0,a.jsx)(A,{content:d},d._key))})}0&&(module.exports={Portfolio_B});

package/dist/portfolio_b.mjs

@@ -1 +1 @@
-import{a}from"./chunk-JF63GJ27.mjs";export{a as Portfolio_B,a as default};
+import{a}from"./chunk-4Y7ZRUFQ.mjs";export{a as Portfolio_B,a as default};

package/dist/portfolio_c.js

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var j=(l,a)=>{for(var d in a)f(l,d,{get:a[d],enumerable:!0})},u=(l,a,d,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of I(a))!S.call(l,m)&&m!==d&&f(l,m,{get:()=>a[m],enumerable:!(e=T(a,m))||e.enumerable});return l};var F=l=>u(f({},"__esModule",{value:!0}),l);var _={};j(_,{Portfolio_C:()=>L,default:()=>L});module.exports=F(_);var g=require("@stackshift-ui/button"),w=require("@stackshift-ui/heading"),b=require("@stackshift-ui/text"),r=require("@stackshift-ui/image"),C=require("@stackshift-ui/section"),P=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),i=require("react/jsx-runtime");function L({caption:l,title:a,portfolios:d,primaryButton:e,length:m=6}){let s=m;return(0,i.jsx)(C.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(P.Container,{maxWidth:1280,children:[(0,i.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,i.jsx)(H,{caption:l,title:a}),(0,i.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&(0,i.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),(0,i.jsx)(A,{portfolios:d,portfolioLength:s}),(0,i.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&(0,i.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function H({caption:l,title:a}){return!l||!a?null:(0,i.jsxs)("div",{className:"text-center lg:text-left",children:[(0,i.jsx)(b.Text,{weight:"semibold",children:l}),(0,i.jsx)(w.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function z({content:l}){var a,d,e,m,s,h,v,N,k;return(0,i.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,i.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded",style:{maxHeight:"600px"},children:[(0,i.jsx)(r.Image,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(m=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?m:"portfolio-image"}),(0,i.jsxs)("div",{className:"p-6",children:[(0,i.jsx)(b.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,i.jsx)(b.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((s=l==null?void 0:l.title)==null?void 0:s.length)>31?`${(h=l==null?void 0:l.title)==null?void 0:h.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,i.jsx)(g.Button,{as:"link",variant:"link",ariaLabel:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(k=l==null?void 0:l.primaryButton)==null?void 0:k.label})]})]})})}function A({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:(0,i.jsx)(x.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>(0,i.jsx)(z,{content:d},d._key))})}0&&(module.exports={Portfolio_C});
+"use strict";var f=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var j=(l,a)=>{for(var d in a)f(l,d,{get:a[d],enumerable:!0})},u=(l,a,d,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of I(a))!S.call(l,m)&&m!==d&&f(l,m,{get:()=>a[m],enumerable:!(e=T(a,m))||e.enumerable});return l};var F=l=>u(f({},"__esModule",{value:!0}),l);var _={};j(_,{Portfolio_C:()=>L,default:()=>L});module.exports=F(_);var g=require("@stackshift-ui/button"),w=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),r=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),P=require("@stackshift-ui/section"),b=require("@stackshift-ui/text"),i=require("react/jsx-runtime");function L({caption:l,title:a,portfolios:d,primaryButton:e,length:m=6}){let s=m;return(0,i.jsx)(P.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(w.Container,{maxWidth:1280,children:[(0,i.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,i.jsx)(H,{caption:l,title:a}),(0,i.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&(0,i.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),(0,i.jsx)(A,{portfolios:d,portfolioLength:s}),(0,i.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&(0,i.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function H({caption:l,title:a}){return!l||!a?null:(0,i.jsxs)("div",{className:"text-center lg:text-left",children:[(0,i.jsx)(b.Text,{weight:"semibold",children:l}),(0,i.jsx)(r.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function z({content:l}){var a,d,e,m,s,h,v,N,k;return(0,i.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,i.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-global",style:{maxHeight:"600px"},children:[(0,i.jsx)(C.Image,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(m=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?m:"portfolio-image"}),(0,i.jsxs)("div",{className:"p-6",children:[(0,i.jsx)(b.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,i.jsx)(b.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((s=l==null?void 0:l.title)==null?void 0:s.length)>31?`${(h=l==null?void 0:l.title)==null?void 0:h.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&(0,i.jsx)(g.Button,{as:"link",variant:"link",ariaLabel:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(k=l==null?void 0:l.primaryButton)==null?void 0:k.label})]})]})})}function A({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:(0,i.jsx)(x.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>(0,i.jsx)(z,{content:d},d._key))})}0&&(module.exports={Portfolio_C});

package/dist/portfolio_c.mjs

@@ -1 +1 @@
-import{a}from"./chunk-EFEWEAHL.mjs";export{a as Portfolio_C,a as default};
+import{a}from"./chunk-VJQNAKCY.mjs";export{a as Portfolio_C,a as default};

package/dist/portfolio_d.js

@@ -1 +1 @@
-"use strict";var D=Object.create;var y=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(i,a)=>{for(var m in a)y(i,m,{get:a[m],enumerable:!0})},I=(i,a,m,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let e of q(a))!J.call(i,e)&&e!==m&&y(i,e,{get:()=>a[e],enumerable:!(s=Q(a,e))||s.enumerable});return i};var E=(i,a,m)=>(m=i!=null?D(G(i)):{},I(a||!i||!i.__esModule?y(m,"default",{value:i,enumerable:!0}):m,i)),O=i=>I(y({},"__esModule",{value:!0}),i);var Y={};K(Y,{Portfolio_D:()=>j,default:()=>j});module.exports=O(Y);var $=E(require("react")),B=require("@stackshift-ui/button"),L=require("@stackshift-ui/heading"),T=require("@stackshift-ui/text"),H=require("@stackshift-ui/image"),M=require("@stackshift-ui/section"),R=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex");var N=E(require("react")),F=i=>{let[a,m]=N.default.useState(!1),s=N.default.useCallback(e=>{e.matches?m(!0):m(!1)},[]);return N.default.useEffect(()=>{let e=window.matchMedia(`(max-width: ${i}px)`);return e.addEventListener("change",s),e.matches&&m(!0),()=>e.removeEventListener("change",s)},[]),a};var l=require("react/jsx-runtime");function j({caption:i,title:a,portfoliosWithCategory:m,primaryButton:s,length:e=6}){var g,p,f,v,w,_,z,P,A;let x=e,u=0,[b,h]=$.default.useState((g=m==null?void 0:m[0])==null?void 0:g.category),r=m==null?void 0:m.find(d=>(d==null?void 0:d.category)===b);return(0,l.jsx)(M.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(R.Container,{maxWidth:1280,children:[(0,l.jsxs)(R.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(U,{caption:i,title:a}),(0,l.jsx)(X,{categories:m,activeTab:b,onClickFn:h})]}),(0,l.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,l.jsxs)(S.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(f=(p=r==null?void 0:r.content)==null?void 0:p.slice(u,u+2))==null?void 0:f.map(d=>(0,l.jsx)(k,{size:"sm",content:d},d._key)),(w=(v=r==null?void 0:r.content)==null?void 0:v.slice(u+2,u+3))==null?void 0:w.map(d=>(0,l.jsx)(k,{size:"lg",content:d},d._key))]}),(0,l.jsxs)("div",{className:"w-full lg:w-1/2",children:[(z=(_=r==null?void 0:r.content)==null?void 0:_.slice(u+3,u+4))==null?void 0:z.map(d=>(0,l.jsx)(k,{size:"lg",content:d},d._key)),(0,l.jsx)("div",{className:"flex flex-wrap",children:(A=(P=r==null?void 0:r.content)==null?void 0:P.slice(u+4,x))==null?void 0:A.map(d=>(0,l.jsx)(k,{size:"sm",content:d},d._key))})]})]}),(0,l.jsx)(V,{button:s})]})})}function U({caption:i,title:a}){return!i||!a?null:(0,l.jsxs)($.default.Fragment,{children:[(0,l.jsx)(T.Text,{weight:"semibold",children:i}),(0,l.jsx)(L.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function V({button:i}){return i!=null&&i.label?(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(B.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"text-white",children:i==null?void 0:i.label})}):null}function X({categories:i,activeTab:a,onClickFn:m}){return!i||(i==null?void 0:i.length)===0?null:(0,l.jsx)(S.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((s,e)=>{var x;return(0,l.jsx)(B.Button,{variant:"tab",as:"button",ariaLabel:(x=s==null?void 0:s.category)!=null?x:`Category button ${e+1}`,isActive:a===(s==null?void 0:s.category),onClick:()=>m==null?void 0:m(s==null?void 0:s.category),children:s==null?void 0:s.category},s==null?void 0:s._key)})})}function k({size:i,content:a}){var e,x,u,b,h,r,g,p,f,v,w;let s=F("639")?60:90;return(0,l.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((e=a==null?void 0:a.mainImage)==null?void 0:e.image)&&(0,l.jsxs)("div",{className:"relative overflow-hidden rounded",children:[(0,l.jsx)(H.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(x=a==null?void 0:a.mainImage)==null?void 0:x.image,alt:`portfolio-image-${a==null?void 0:a._key}`}),(0,l.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,l.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(a==null?void 0:a.subtitle)&&(0,l.jsx)(T.Text,{className:"text-sm text-primary",weight:"bold",children:((u=a==null?void 0:a.subtitle)==null?void 0:u.length)>26?`${(b=a==null?void 0:a.subtitle)==null?void 0:b.substring(0,26)}...`:a==null?void 0:a.subtitle}),(a==null?void 0:a.title)&&(0,l.jsx)(L.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((h=a==null?void 0:a.title)==null?void 0:h.length)>38?`${(r=a==null?void 0:a.title)==null?void 0:r.substring(0,38)}...`:a==null?void 0:a.title}),(0,l.jsxs)("div",{className:"max-w-xs my-5",children:[(a==null?void 0:a.description)&&(0,l.jsx)(T.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((g=a==null?void 0:a.description)==null?void 0:g.length)>s?`${(p=a==null?void 0:a.description)==null?void 0:p.substring(0,s)}...`:a==null?void 0:a.description}),((f=a==null?void 0:a.primaryButton)==null?void 0:f.label)&&(0,l.jsx)(B.Button,{as:"link",variant:"outline",ariaLabel:(v=a==null?void 0:a.primaryButton)==null?void 0:v.label,link:a==null?void 0:a.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(w=a==null?void 0:a.primaryButton)==null?void 0:w.label})]})]})})]})})}0&&(module.exports={Portfolio_D});
+"use strict";var D=Object.create;var y=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(i,a)=>{for(var m in a)y(i,m,{get:a[m],enumerable:!0})},I=(i,a,m,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let e of q(a))!J.call(i,e)&&e!==m&&y(i,e,{get:()=>a[e],enumerable:!(s=Q(a,e))||s.enumerable});return i};var E=(i,a,m)=>(m=i!=null?D(G(i)):{},I(a||!i||!i.__esModule?y(m,"default",{value:i,enumerable:!0}):m,i)),O=i=>I(y({},"__esModule",{value:!0}),i);var Y={};K(Y,{Portfolio_D:()=>j,default:()=>j});module.exports=O(Y);var B=require("@stackshift-ui/button"),R=require("@stackshift-ui/container"),$=require("@stackshift-ui/flex"),L=require("@stackshift-ui/heading"),H=require("@stackshift-ui/image"),M=require("@stackshift-ui/section"),T=require("@stackshift-ui/text"),S=E(require("react"));var N=E(require("react")),F=i=>{let[a,m]=N.default.useState(!1),s=N.default.useCallback(e=>{e.matches?m(!0):m(!1)},[]);return N.default.useEffect(()=>{let e=window.matchMedia(`(max-width: ${i}px)`);return e.addEventListener("change",s),e.matches&&m(!0),()=>e.removeEventListener("change",s)},[]),a};var l=require("react/jsx-runtime");function j({caption:i,title:a,portfoliosWithCategory:m,primaryButton:s,length:e=6}){var g,p,f,v,w,_,z,P,A;let x=e,u=0,[b,h]=S.default.useState((g=m==null?void 0:m[0])==null?void 0:g.category),r=m==null?void 0:m.find(d=>(d==null?void 0:d.category)===b);return(0,l.jsx)(M.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(R.Container,{maxWidth:1280,children:[(0,l.jsxs)(R.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(U,{caption:i,title:a}),(0,l.jsx)(X,{categories:m,activeTab:b,onClickFn:h})]}),(0,l.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,l.jsxs)($.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(f=(p=r==null?void 0:r.content)==null?void 0:p.slice(u,u+2))==null?void 0:f.map(d=>(0,l.jsx)(k,{size:"sm",content:d},d._key)),(w=(v=r==null?void 0:r.content)==null?void 0:v.slice(u+2,u+3))==null?void 0:w.map(d=>(0,l.jsx)(k,{size:"lg",content:d},d._key))]}),(0,l.jsxs)("div",{className:"w-full lg:w-1/2",children:[(z=(_=r==null?void 0:r.content)==null?void 0:_.slice(u+3,u+4))==null?void 0:z.map(d=>(0,l.jsx)(k,{size:"lg",content:d},d._key)),(0,l.jsx)("div",{className:"flex flex-wrap",children:(A=(P=r==null?void 0:r.content)==null?void 0:P.slice(u+4,x))==null?void 0:A.map(d=>(0,l.jsx)(k,{size:"sm",content:d},d._key))})]})]}),(0,l.jsx)(V,{button:s})]})})}function U({caption:i,title:a}){return!i||!a?null:(0,l.jsxs)(S.default.Fragment,{children:[(0,l.jsx)(T.Text,{weight:"semibold",children:i}),(0,l.jsx)(L.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function V({button:i}){return i!=null&&i.label?(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(B.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"text-white",children:i==null?void 0:i.label})}):null}function X({categories:i,activeTab:a,onClickFn:m}){return!i||(i==null?void 0:i.length)===0?null:(0,l.jsx)($.Flex,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((s,e)=>{var x;return(0,l.jsx)(B.Button,{variant:"tab",as:"button",ariaLabel:(x=s==null?void 0:s.category)!=null?x:`Category button ${e+1}`,isActive:a===(s==null?void 0:s.category),onClick:()=>m==null?void 0:m(s==null?void 0:s.category),children:s==null?void 0:s.category},s==null?void 0:s._key)})})}function k({size:i,content:a}){var e,x,u,b,h,r,g,p,f,v,w;let s=F("639")?60:90;return(0,l.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((e=a==null?void 0:a.mainImage)==null?void 0:e.image)&&(0,l.jsxs)("div",{className:"relative overflow-hidden rounded-global",children:[(0,l.jsx)(H.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(x=a==null?void 0:a.mainImage)==null?void 0:x.image,alt:`portfolio-image-${a==null?void 0:a._key}`}),(0,l.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:(0,l.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(a==null?void 0:a.subtitle)&&(0,l.jsx)(T.Text,{className:"text-sm text-primary",weight:"bold",children:((u=a==null?void 0:a.subtitle)==null?void 0:u.length)>26?`${(b=a==null?void 0:a.subtitle)==null?void 0:b.substring(0,26)}...`:a==null?void 0:a.subtitle}),(a==null?void 0:a.title)&&(0,l.jsx)(L.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((h=a==null?void 0:a.title)==null?void 0:h.length)>38?`${(r=a==null?void 0:a.title)==null?void 0:r.substring(0,38)}...`:a==null?void 0:a.title}),(0,l.jsxs)("div",{className:"max-w-xs my-5",children:[(a==null?void 0:a.description)&&(0,l.jsx)(T.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((g=a==null?void 0:a.description)==null?void 0:g.length)>s?`${(p=a==null?void 0:a.description)==null?void 0:p.substring(0,s)}...`:a==null?void 0:a.description}),((f=a==null?void 0:a.primaryButton)==null?void 0:f.label)&&(0,l.jsx)(B.Button,{as:"link",variant:"outline",ariaLabel:(v=a==null?void 0:a.primaryButton)==null?void 0:v.label,link:a==null?void 0:a.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(w=a==null?void 0:a.primaryButton)==null?void 0:w.label})]})]})})]})})}0&&(module.exports={Portfolio_D});

package/dist/portfolio_d.mjs

@@ -1 +1 @@
-import{a}from"./chunk-AQJ5HHVM.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio_D,a as default};
+import{a}from"./chunk-ULBLZJEZ.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio_D,a as default};

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/portfolio",
   "description": "",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "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/eslint-config": "6.0.2",
-    "@stackshift-ui/typescript-config": "6.0.2"
+    "@stackshift-ui/typescript-config": "6.0.2",
+    "@stackshift-ui/eslint-config": "6.0.2"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/button": "6.0.2",
-    "@stackshift-ui/system": "6.0.2",
-    "@stackshift-ui/heading": "6.0.2",
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/text": "6.0.2",
-    "@stackshift-ui/section": "6.0.2",
-    "@stackshift-ui/image": "6.0.2",
-    "@stackshift-ui/container": "6.0.2",
-    "@stackshift-ui/flex": "6.0.2"
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
+    "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3",
+    "@stackshift-ui/heading": "6.0.3",
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/button": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/helper/index.ts

@@ -0,0 +1,27 @@
+import React from "react";
+
+export const useMediaQuery = (width: string) => {
+  const [targetReached, setTargetReached] = React.useState(false);
+
+  const updateTarget = React.useCallback((e: any) => {
+    if (e.matches) {
+      setTargetReached(true);
+    } else {
+      setTargetReached(false);
+    }
+  }, []);
+
+  React.useEffect(() => {
+    const media = window.matchMedia(`(max-width: ${width}px)`);
+    media.addEventListener("change", updateTarget);
+
+    // Check on mount (callback is not called until a change occurs)
+    if (media.matches) {
+      setTargetReached(true);
+    }
+
+    return () => media.removeEventListener("change", updateTarget);
+  }, []);
+
+  return targetReached;
+};

package/src/index.ts

@@ -0,0 +1,8 @@
+"use client";
+
+// component exports
+export * from "./portfolio";
+export * from "./portfolio_a";
+export * from "./portfolio_b";
+export * from "./portfolio_c";
+export * from "./portfolio_d";

package/src/portfolio.test.tsx

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

package/src/portfolio.tsx

@@ -0,0 +1,39 @@
+import React, { lazy } from "react";
+
+import { LabeledRoute, Portfolios, PortfoliosWithCategories, SectionsProps } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./portfolio_a")),
+  variant_b: lazy(() => import("./portfolio_b")),
+  variant_c: lazy(() => import("./portfolio_c")),
+  variant_d: lazy(() => import("./portfolio_d")),
+};
+
+export interface PortfolioProps {
+  caption?: string;
+  title?: string;
+  portfoliosWithCategory?: PortfoliosWithCategories[];
+  portfolios?: Portfolios[];
+  primaryButton?: LabeledRoute;
+  length?: number;
+}
+
+const displayName = "Portfolio";
+
+export const Portfolio: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants?.[variant as keyof typeof Variants];
+
+  const props = {
+    caption: data?.variants?.subtitle ?? undefined,
+    title: data?.variants?.title ?? undefined,
+    portfoliosWithCategory: data?.variants?.portfoliosWithCategories ?? undefined,
+    portfolios: data?.variants?.portfolios ?? undefined,
+    primaryButton: data?.variants?.primaryButton ?? undefined,
+    length: data?.variants?.length,
+  };
+
+  return Variant ? <Variant {...props} /> : null;
+};
+
+Portfolio.displayName = displayName;