@stackshift-ui/portfolio 7.0.0-beta.1 → 7.0.0-beta.10

package/dist/chunk-4PB75LGN.mjs

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

package/dist/chunk-JHTSVMXZ.mjs

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

package/dist/chunk-OBSXDZZY.mjs

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

package/dist/chunk-S6CMHMVO.mjs

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

package/dist/chunk-V744MNHC.mjs

@@ -0,0 +1 @@
+import{a as g}from"./chunk-S6CMHMVO.mjs";import{a as y}from"./chunk-4PB75LGN.mjs";import{a as h}from"./chunk-OBSXDZZY.mjs";import{a as C}from"./chunk-JHTSVMXZ.mjs";import{jsx as R}from"react/jsx-runtime";var i={variant_a:g,variant_b:y,variant_c:h,variant_d:C},W="Portfolio",B=({data:o})=>{var n,e,s,f,l,p,m,P,c,u,v;let r=o==null?void 0:o.variant,t=r&&(i==null?void 0:i[r]),b={caption:(e=(n=o==null?void 0:o.variants)==null?void 0:n.subtitle)!=null?e:void 0,title:(f=(s=o==null?void 0:o.variants)==null?void 0:s.title)!=null?f:void 0,portfoliosWithCategory:(p=(l=o==null?void 0:o.variants)==null?void 0:l.portfoliosWithCategories)!=null?p:void 0,portfolios:(P=(m=o==null?void 0:o.variants)==null?void 0:m.portfolios)!=null?P:void 0,primaryButton:(u=(c=o==null?void 0:o.variants)==null?void 0:c.primaryButton)!=null?u:void 0,length:(v=o==null?void 0:o.variants)==null?void 0:v.length};return t?R(t,{...b}):null};B.displayName=W;export{B as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var Jl=Object.create;var I=Object.defineProperty;var Ql=Object.getOwnPropertyDescriptor;var Xl=Object.getOwnPropertyNames;var Vl=Object.getPrototypeOf,ql=Object.prototype.hasOwnProperty;var y=(l,e)=>()=>(l&&(e=l(l=0)),e);var R=(l,e)=>{for(var a in e)I(l,a,{get:e[a],enumerable:!0})},ul=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Xl(e))!ql.call(l,r)&&r!==a&&I(l,r,{get:()=>e[r],enumerable:!(i=Ql(e,r))||i.enumerable});return l};var V=(l,e,a)=>(a=l!=null?Jl(Vl(l)):{},ul(e||!l||!l.__esModule?I(a,"default",{value:l,enumerable:!0}):a,l)),Gl=l=>ul(I({},"__esModule",{value:!0}),l);var Nl={};R(Nl,{Portfolio_A:()=>U,default:()=>U});function U({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var m;let r=i,[s,f]=K.default.useState((m=a==null?void 0:a[0])==null?void 0:m.category),g=a==null?void 0:a.find(x=>(x==null?void 0:x.category)===s);return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Kl,{caption:l,title:e}),(0,b.jsx)(Ul,{categories:a,activeTab:s,onClickFn:f})]}),(0,b.jsx)(Yl,{portfolios:g==null?void 0:g.content,portfolioLength:r}),(0,b.jsx)(Ol,{button:g==null?void 0:g.primaryButton})]})})}function Kl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(wl.Text,{weight:"semibold",children:l}),(0,b.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ol({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(F.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ul({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,b.jsx)(F.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":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 Yl({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var f,g,m,x,k,p,L,w,N,P,T,S,u;let s=(0,O.buildSanityLink)({type:(g=(f=i==null?void 0:i.primaryButton)==null?void 0:f.type)!=null?g:"",internalLink:(x=(m=i==null?void 0:i.primaryButton)==null?void 0:m.internalLink)!=null?x:"",externalLink:(p=(k=i==null?void 0:i.primaryButton)==null?void 0:k.externalLink)!=null?p:""});return(0,b.jsx)(_.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 b-[256px] w-[332px] overflow-hidden rounded-md",children:[((L=i==null?void 0:i.mainImage)==null?void 0:L.image)&&(0,b.jsx)(pl.Image,{className:"object-cover w-full b-full",src:(w=i==null?void 0:i.mainImage)==null?void 0:w.image,alt:(P=(N=i==null?void 0:i.mainImage)==null?void 0:N.alt)!=null?P:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((T=i==null?void 0:i.primaryButton)==null?void 0:T.label)&&(0,b.jsx)(F.Button,{asChild:!0,variant:"outline","aria-abel":(S=i==null?void 0:i.primaryButton)==null?void 0:S.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:s.href,target:s.target,rel:s.rel,children:(u=i==null?void 0:i.primaryButton)==null?void 0:u.label})})})]})},i==null?void 0:i._key)})})}var F,q,_,kl,pl,G,Ll,wl,K,O,b,Y=y(()=>{"use strict";F=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),kl=require("@stackshift-ui/heading"),pl=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),Ll=require("@stackshift-ui/section"),wl=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime")});var Rl={};R(Rl,{Portfolio_B:()=>W,default:()=>W});function W({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Zl,{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)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Bl,{portfolios:a,portfolioLength:s}),(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)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function Zl({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)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Wl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});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 md:mb-5",children:[((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsx)(pl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)(_.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,b.jsx)($.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)($.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>80?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,80)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(z.Button,{asChild:!0,variant:"outline","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function Bl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Wl,{content:a},a._key))})}var z,q,_,kl,pl,Ll,$,G,O,b,B=y(()=>{"use strict";z=require("@stackshift-ui/button")});var zl={};R(zl,{Portfolio_C:()=>t,default:()=>t});function t({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ol,{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)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(tl,{portfolios:a,portfolioLength:s}),(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)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function ol({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(wl.Text,{weight:"semibold",children:l}),(0,b.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function cl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"b-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(pl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(wl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(wl.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>31?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(H.Button,{asChild:!0,variant:"link","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function tl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(cl,{content:a},a._key))})}var H,q,_,kl,pl,G,Ll,wl,O,b,n=y(()=>{"use strict";H=require("@stackshift-ui/button")});var M,$l,jl=y(()=>{"use strict";M=V(require("react")),$l=l=>{let[e,a]=M.default.useState(!1),i=M.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return M.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 El={};R(El,{Portfolio_D:()=>sl,default:()=>sl});function sl({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var x,k,p,L,w,N,P,T,S;let r=i,s=0,[f,g]=rl.default.useState((x=a==null?void 0:a[0])==null?void 0:x.category),m=a==null?void 0:a.find(u=>(u==null?void 0:u.category)===f);return(0,d.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,d.jsxs)(q.Container,{maxWidth:1280,children:[(0,d.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,d.jsx)(nl,{caption:l,title:e}),(0,d.jsx)(ii,{categories:a,activeTab:f,onClickFn:g})]}),(0,d.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,d.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(k=m==null?void 0:m.content)==null?void 0:k.slice(s,s+2))==null?void 0:p.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key)),(w=(L=m==null?void 0:m.content)==null?void 0:L.slice(s+2,s+3))==null?void 0:w.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key))]}),(0,d.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(N=m==null?void 0:m.content)==null?void 0:N.slice(s+3,s+4))==null?void 0:P.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key)),(0,d.jsx)("div",{className:"flex flex-wrap",children:(S=(T=m==null?void 0:m.content)==null?void 0:T.slice(s+4,r))==null?void 0:S.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key))})]})]}),(0,d.jsx)(li,{button:m==null?void 0:m.primaryButton})]})})}function nl({caption:l,title:e}){return!l||!e?null:(0,d.jsxs)(rl.default.Fragment,{children:[(0,d.jsx)(wl.Text,{weight:"semibold",children:l}),(0,d.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function li({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,d.jsx)("div",{className:"text-center",children:(0,d.jsx)(X.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,d.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function ii({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,d.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,d.jsx)(X.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":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 J({size:l,content:e}){var s,f,g,m,x,k,p,L,w,N,P,T,S,u,gl,xl,hl,vl,bl;let i=$l("639")?40:90,r=(0,O.buildSanityLink)({type:(f=(s=e==null?void 0:e.primaryButton)==null?void 0:s.type)!=null?f:"",internalLink:(m=(g=e==null?void 0:e.primaryButton)==null?void 0:g.internalLink)!=null?m:"",externalLink:(k=(x=e==null?void 0:e.primaryButton)==null?void 0:x.externalLink)!=null?k:""});return(0,d.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((p=e==null?void 0:e.mainImage)==null?void 0:p.image)&&(0,d.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,d.jsx)(pl.Image,{className:`object-cover w-full ${l==="lg"?"b-128":"b-64"}`,src:(L=e==null?void 0:e.mainImage)==null?void 0:L.image,alt:(N=(w=e==null?void 0:e.mainImage)==null?void 0:w.alt)!=null?N:`portfolio-image-${e==null?void 0:e._key}`}),(0,d.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,d.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,d.jsx)(wl.Text,{className:"text-sm text-primary",weight:"bold",children:((P=e==null?void 0:e.subtitle)==null?void 0:P.length)>26?`${(T=e==null?void 0:e.subtitle)==null?void 0:T.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,d.jsx)(kl.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((S=e==null?void 0:e.title)==null?void 0:S.length)>38?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,38)}...`:e==null?void 0:e.title}),(0,d.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,d.jsx)(wl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((gl=e==null?void 0:e.description)==null?void 0:gl.length)>i?`${(xl=e==null?void 0:e.description)==null?void 0:xl.substring(0,i)}...`:e==null?void 0:e.description}),((hl=e==null?void 0:e.primaryButton)==null?void 0:hl.label)&&(0,d.jsx)(X.Button,{asChild:!0,variant:"outline","aria-label":(vl=e==null?void 0:e.primaryButton)==null?void 0:vl.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,d.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(bl=e==null?void 0:e.primaryButton)==null?void 0:bl.label})})]})]})})]})})}var X,q,_,kl,pl,G,Ll,wl,rl,O,d,dl=y(()=>{"use strict";X=require("@stackshift-ui/button"),rl=V(require("react"));jl();d=require("react/jsx-runtime")});var ai={};R(ai,{Portfolio:()=>Dl,Portfolio_A:()=>U,Portfolio_B:()=>W,Portfolio_C:()=>t,Portfolio_D:()=>sl});module.exports=Gl(ai);var C=require("react"),fl={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(Y(),Nl))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(B(),Rl))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(n(),zl))),variant_d:(0,C.lazy)(()=>Promise.resolve().then(()=>(dl(),El)))},ei="Portfolio",Dl=({data:l})=>{var r,s,f,g,m,x,k,p,L,w,N;let e=l==null?void 0:l.variant,a=e&&(fl==null?void 0:fl[e]),i={caption:(s=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?s:void 0,title:(g=(f=l==null?void 0:l.variants)==null?void 0:f.title)!=null?g:void 0,portfoliosWithCategory:(x=(m=l==null?void 0:l.variants)==null?void 0:m.portfoliosWithCategories)!=null?x:void 0,portfolios:(p=(k=l==null?void 0:l.variants)==null?void 0:k.portfolios)!=null?p:void 0,primaryButton:(w=(L=l==null?void 0:l.variants)==null?void 0:L.primaryButton)!=null?w:void 0,length:(N=l==null?void 0:l.variants)==null?void 0:N.length};return a?(0,b.jsx)(a,{...i}):null};Dl.displayName=ei;Y();B();n();dl();0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});
+"use strict";var vi=Object.create;var y=Object.defineProperty;var pi=Object.getOwnPropertyDescriptor;var hi=Object.getOwnPropertyNames;var wi=Object.getPrototypeOf,Ni=Object.prototype.hasOwnProperty;var ki=(i,l)=>{for(var r in l)y(i,r,{get:l[r],enumerable:!0})},W=(i,l,r,e)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of hi(l))!Ni.call(i,a)&&a!==r&&y(i,a,{get:()=>l[a],enumerable:!(e=pi(l,a))||e.enumerable});return i};var M=(i,l,r)=>(r=i!=null?vi(wi(i)):{},W(l||!i||!i.__esModule?y(r,"default",{value:i,enumerable:!0}):r,i)),oi=i=>W(y({},"__esModule",{value:!0}),i);var Hi={};ki(Hi,{Portfolio:()=>xi,Portfolio_A:()=>L,Portfolio_B:()=>F,Portfolio_C:()=>z,Portfolio_D:()=>D});module.exports=oi(Hi);var S=require("@stackshift-ui/button"),J=require("@stackshift-ui/container"),T=require("@stackshift-ui/flex"),B=require("@stackshift-ui/heading"),t=require("@stackshift-ui/image"),c=require("@stackshift-ui/section"),n=require("@stackshift-ui/text"),Q=M(require("react")),x=require("react/jsx-runtime");function L({caption:i,title:l,portfoliosWithCategory:r,length:e=8,primaryButton:a}){var u;let s=e,[d,v]=Q.default.useState((u=r==null?void 0:r[0])==null?void 0:u.category),b=r==null?void 0:r.find(p=>(p==null?void 0:p.category)===d);return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(J.Container,{maxWidth:1280,children:[(0,x.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,x.jsx)(Pi,{caption:i,title:l}),(0,x.jsx)(Ti,{categories:r,activeTab:d,onClickFn:v})]}),(0,x.jsx)(Si,{portfolios:b==null?void 0:b.content,portfolioLength:s}),(0,x.jsx)(yi,{button:a})]})})}function Pi({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)(Q.default.Fragment,{children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function yi({button:i}){return i!=null&&i.label?(0,x.jsx)("div",{className:"text-center",children:(0,x.jsx)(S.Button,{as:"link",link:i,children:i==null?void 0:i.label})}):null}function Ti({categories:i,activeTab:l,onClickFn:r}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((e,a)=>{var s;return(0,x.jsx)(S.Button,{variant:"ghost","aria-label":(s=e==null?void 0:e.category)!=null?s:`Category button ${a+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(e==null?void 0:e.category),onClick:()=>r==null?void 0:r(e==null?void 0:e.category),children:e==null?void 0:e.category},e==null?void 0:e._key)})})}function Si({portfolios:i,portfolioLength:l}){var r;return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-8",children:(r=i==null?void 0:i.slice(0,l))==null?void 0:r.map((e,a)=>{var s,d,v,b,u,p,w;return(0,x.jsx)(T.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,x.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((s=e==null?void 0:e.mainImage)==null?void 0:s.image)&&(0,x.jsx)(t.Image,{className:"object-cover w-full h-full",src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:(b=(v=e==null?void 0:e.mainImage)==null?void 0:v.alt)!=null?b:`portfolio-image-${a}`}),(0,x.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((u=e==null?void 0:e.primaryButton)==null?void 0:u.label)&&(0,x.jsx)(S.Button,{as:"link",link:e==null?void 0:e.primaryButton,variant:"outline","aria-abel":(p=e==null?void 0:e.primaryButton)==null?void 0:p.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(w=e==null?void 0:e.primaryButton)==null?void 0:w.label})})]})},e==null?void 0:e._key)})})}function F({caption:i,title:l,portfolios:r,primaryButton:e,length:a=6}){let s=a;return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(J.Container,{maxWidth:1280,children:[(0,x.jsxs)(T.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,x.jsx)(Li,{caption:i,title:l}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,variant:"link",children:e==null?void 0:e.label})})]}),(0,x.jsx)(Ii,{portfolios:r,portfolioLength:s}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,variant:"link",children:e==null?void 0:e.label})})]})})}function Li({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)("div",{className:"text-center lg:text-left",children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ri({content:i}){var l,r,e,a,s,d,v,b;return(0,x.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,x.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((l=i==null?void 0:i.mainImage)==null?void 0:l.image)&&(0,x.jsx)(t.Image,{className:"object-cover w-full h-80",src:(r=i==null?void 0:i.mainImage)==null?void 0:r.image,width:480,height:320,alt:(a=(e=i==null?void 0:i.mainImage)==null?void 0:e.alt)!=null?a:"portfolio-image"}),(0,x.jsxs)(T.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,x.jsx)(n.Text,{className:"text-secondary",children:i==null?void 0:i.dateAdded}),(i==null?void 0:i.title)&&(0,x.jsx)(n.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((s=i==null?void 0:i.title)==null?void 0:s.length)>80?`${(d=i==null?void 0:i.title)==null?void 0:d.substring(0,80)}...`:i==null?void 0:i.title}),((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,x.jsx)(S.Button,{as:"link",link:i==null?void 0:i.primaryButton,variant:"outline",className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(b=i==null?void 0:i.primaryButton)==null?void 0:b.label})]})]})})}function Ii({portfolios:i,portfolioLength:l}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-4 ",children:i==null?void 0:i.slice(0,l).map(r=>(0,x.jsx)(Ri,{content:r},r._key))})}function z({caption:i,title:l,portfolios:r,primaryButton:e,length:a=6}){let s=a;return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(J.Container,{maxWidth:1280,children:[(0,x.jsxs)(T.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,x.jsx)(_i,{caption:i,title:l}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,children:e==null?void 0:e.label})})]}),(0,x.jsx)(Ci,{portfolios:r,portfolioLength:s}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,children:e==null?void 0:e.label})})]})})}function _i({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)("div",{className:"text-center lg:text-left",children:[(0,x.jsx)($.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Fi({content:i}){var l,r,e,a,s,d,v,b;return(0,x.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((l=i==null?void 0:i.mainImage)==null?void 0:l.image)&&(0,x.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,x.jsx)(t.Image,{className:"object-cover w-full h-80",src:(r=i==null?void 0:i.mainImage)==null?void 0:r.image,width:480,height:320,alt:(a=(e=i==null?void 0:i.mainImage)==null?void 0:e.alt)!=null?a:"portfolio-image"}),(0,x.jsxs)("div",{className:"p-6",children:[(0,x.jsx)($.Text,{muted:!0,children:i==null?void 0:i.dateAdded}),(i==null?void 0:i.title)&&(0,x.jsx)($.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((s=i==null?void 0:i.title)==null?void 0:s.length)>31?`${(d=i==null?void 0:i.title)==null?void 0:d.substring(0,31)}...`:i==null?void 0:i.title}),((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,x.jsx)(S.Button,{as:"link",link:i==null?void 0:i.primaryButton,variant:"link",className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(b=i==null?void 0:i.primaryButton)==null?void 0:b.label})]})]})})}function Ci({portfolios:i,portfolioLength:l}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-4",children:i==null?void 0:i.slice(0,l).map(r=>(0,x.jsx)(Fi,{content:r},r._key))})}var K=M(require("react"));var A=M(require("react")),ui=i=>{let[l,r]=A.default.useState(!1),e=A.default.useCallback(a=>{a.matches?r(!0):r(!1)},[]);return A.default.useEffect(()=>{let a=window.matchMedia(`(max-width: ${i}px)`);return a.addEventListener("change",e),a.matches&&r(!0),()=>a.removeEventListener("change",e)},[]),l};function D({caption:i,title:l,portfoliosWithCategory:r,length:e=6,primaryButton:a}){var p,w,N,k,o,P,U,Y,Z;let s=e,d=0,[v,b]=K.default.useState((p=r==null?void 0:r[0])==null?void 0:p.category),u=r==null?void 0:r.find(h=>(h==null?void 0:h.category)===v);return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(J.Container,{maxWidth:1280,children:[(0,x.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,x.jsx)($i,{caption:i,title:l}),(0,x.jsx)(Ai,{categories:r,activeTab:v,onClickFn:b})]}),(0,x.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,x.jsxs)(T.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=u==null?void 0:u.content)==null?void 0:w.slice(d,d+2))==null?void 0:N.map(h=>(0,x.jsx)(j,{size:"sm",content:h},h._key)),(o=(k=u==null?void 0:u.content)==null?void 0:k.slice(d+2,d+3))==null?void 0:o.map(h=>(0,x.jsx)(j,{size:"lg",content:h},h._key))]}),(0,x.jsxs)("div",{className:"w-full lg:w-1/2",children:[(U=(P=u==null?void 0:u.content)==null?void 0:P.slice(d+3,d+4))==null?void 0:U.map(h=>(0,x.jsx)(j,{size:"lg",content:h},h._key)),(0,x.jsx)("div",{className:"flex flex-wrap",children:(Z=(Y=u==null?void 0:u.content)==null?void 0:Y.slice(d+4,s))==null?void 0:Z.map(h=>(0,x.jsx)(j,{size:"sm",content:h},h._key))})]})]}),(0,x.jsx)(zi,{button:a})]})})}function $i({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)(K.default.Fragment,{children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function zi({button:i}){return i!=null&&i.label?(0,x.jsx)("div",{className:"text-center",children:(0,x.jsx)(S.Button,{as:"link",link:i,children:i==null?void 0:i.label})}):null}function Ai({categories:i,activeTab:l,onClickFn:r}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((e,a)=>{var s;return(0,x.jsx)(S.Button,{variant:"ghost","aria-label":(s=e==null?void 0:e.category)!=null?s:`Category button ${a+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(e==null?void 0:e.category),onClick:()=>r==null?void 0:r(e==null?void 0:e.category),children:e==null?void 0:e.category},e==null?void 0:e._key)})})}function j({size:i,content:l}){var a,s,d,v,b,u,p,w,N,k,o,P;let e=ui("639")?40:90;return(0,x.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,x.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,x.jsx)(t.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(s=l==null?void 0:l.mainImage)==null?void 0:s.image,alt:(v=(d=l==null?void 0:l.mainImage)==null?void 0:d.alt)!=null?v:`portfolio-image-${l==null?void 0:l._key}`}),(0,x.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,x.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(l==null?void 0:l.subtitle)&&(0,x.jsx)(n.Text,{className:"text-sm text-primary",weight:"bold",children:((b=l==null?void 0:l.subtitle)==null?void 0:b.length)>26?`${(u=l==null?void 0:l.subtitle)==null?void 0:u.substring(0,26)}...`:l==null?void 0:l.subtitle}),(l==null?void 0:l.title)&&(0,x.jsx)(B.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((p=l==null?void 0:l.title)==null?void 0:p.length)>38?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,38)}...`:l==null?void 0:l.title}),(0,x.jsxs)("div",{className:"max-w-xs my-5",children:[(l==null?void 0:l.description)&&(0,x.jsx)(n.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((N=l==null?void 0:l.description)==null?void 0:N.length)>e?`${(k=l==null?void 0:l.description)==null?void 0:k.substring(0,e)}...`:l==null?void 0:l.description}),((o=l==null?void 0:l.primaryButton)==null?void 0:o.label)&&(0,x.jsx)(S.Button,{as:"link",link:l==null?void 0:l.primaryButton,variant:"outline",className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(P=l==null?void 0:l.primaryButton)==null?void 0:P.label})]})]})})]})})}var O={variant_a:L,variant_b:F,variant_c:z,variant_d:D},ji="Portfolio",xi=({data:i})=>{var a,s,d,v,b,u,p,w,N,k,o;let l=i==null?void 0:i.variant,r=l&&(O==null?void 0:O[l]),e={caption:(s=(a=i==null?void 0:i.variants)==null?void 0:a.subtitle)!=null?s:void 0,title:(v=(d=i==null?void 0:i.variants)==null?void 0:d.title)!=null?v:void 0,portfoliosWithCategory:(u=(b=i==null?void 0:i.variants)==null?void 0:b.portfoliosWithCategories)!=null?u:void 0,portfolios:(w=(p=i==null?void 0:i.variants)==null?void 0:p.portfolios)!=null?w:void 0,primaryButton:(k=(N=i==null?void 0:i.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(o=i==null?void 0:i.variants)==null?void 0:o.length};return r?(0,x.jsx)(r,{...e}):null};xi.displayName=ji;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-7ECPBYMD.mjs";import{a as o}from"./chunk-ZSEAU4VI.mjs";import{a as r}from"./chunk-VV3ZVROB.mjs";import{a as e}from"./chunk-EHYT6XHV.mjs";import{a as t}from"./chunk-PEBYDMM5.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-V744MNHC.mjs";import{a as o}from"./chunk-S6CMHMVO.mjs";import{a as r}from"./chunk-4PB75LGN.mjs";import{a as e}from"./chunk-OBSXDZZY.mjs";import{a as t}from"./chunk-JHTSVMXZ.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 Jl=Object.create;var I=Object.defineProperty;var Ql=Object.getOwnPropertyDescriptor;var Xl=Object.getOwnPropertyNames;var Vl=Object.getPrototypeOf,ql=Object.prototype.hasOwnProperty;var y=(l,e)=>()=>(l&&(e=l(l=0)),e);var R=(l,e)=>{for(var a in e)I(l,a,{get:e[a],enumerable:!0})},sl=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Xl(e))!ql.call(l,r)&&r!==a&&I(l,r,{get:()=>e[r],enumerable:!(i=Ql(e,r))||i.enumerable});return l};var V=(l,e,a)=>(a=l!=null?Jl(Vl(l)):{},sl(e||!l||!l.__esModule?I(a,"default",{value:l,enumerable:!0}):a,l)),Gl=l=>sl(I({},"__esModule",{value:!0}),l);var vl={};R(vl,{Portfolio_A:()=>hl,default:()=>hl});function hl({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var m;let r=i,[s,f]=K.default.useState((m=a==null?void 0:a[0])==null?void 0:m.category),g=a==null?void 0:a.find(x=>(x==null?void 0:x.category)===s);return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Kl,{caption:l,title:e}),(0,b.jsx)(Ul,{categories:a,activeTab:s,onClickFn:f})]}),(0,b.jsx)(Yl,{portfolios:g==null?void 0:g.content,portfolioLength:r}),(0,b.jsx)(Ol,{button:g==null?void 0:g.primaryButton})]})})}function Kl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(xl.Text,{weight:"semibold",children:l}),(0,b.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ol({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(F.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ul({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,b.jsx)(F.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":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 Yl({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var f,g,m,x,k,p,L,w,N,P,T,S,u;let s=(0,O.buildSanityLink)({type:(g=(f=i==null?void 0:i.primaryButton)==null?void 0:f.type)!=null?g:"",internalLink:(x=(m=i==null?void 0:i.primaryButton)==null?void 0:m.internalLink)!=null?x:"",externalLink:(p=(k=i==null?void 0:i.primaryButton)==null?void 0:k.externalLink)!=null?p:""});return(0,b.jsx)(_.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 b-[256px] w-[332px] overflow-hidden rounded-md",children:[((L=i==null?void 0:i.mainImage)==null?void 0:L.image)&&(0,b.jsx)(fl.Image,{className:"object-cover w-full b-full",src:(w=i==null?void 0:i.mainImage)==null?void 0:w.image,alt:(P=(N=i==null?void 0:i.mainImage)==null?void 0:N.alt)!=null?P:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((T=i==null?void 0:i.primaryButton)==null?void 0:T.label)&&(0,b.jsx)(F.Button,{asChild:!0,variant:"outline","aria-abel":(S=i==null?void 0:i.primaryButton)==null?void 0:S.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:s.href,target:s.target,rel:s.rel,children:(u=i==null?void 0:i.primaryButton)==null?void 0:u.label})})})]})},i==null?void 0:i._key)})})}var F,q,_,dl,fl,G,gl,xl,K,O,b,bl=y(()=>{"use strict";F=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),dl=require("@stackshift-ui/heading"),fl=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),gl=require("@stackshift-ui/section"),xl=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime")});var Nl={};R(Nl,{Portfolio_B:()=>wl,default:()=>wl});function wl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Zl,{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)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Bl,{portfolios:a,portfolioLength:s}),(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)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function Zl({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)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Wl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});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 md:mb-5",children:[((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsx)(fl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)(_.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,b.jsx)($.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)($.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>80?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,80)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(z.Button,{asChild:!0,variant:"outline","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function Bl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Wl,{content:a},a._key))})}var z,q,_,dl,fl,gl,$,G,O,b,Pl=y(()=>{"use strict";z=require("@stackshift-ui/button")});var Il={};R(Il,{Portfolio_C:()=>Cl,default:()=>Cl});function Cl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ol,{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)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(tl,{portfolios:a,portfolioLength:s}),(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)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function ol({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(xl.Text,{weight:"semibold",children:l}),(0,b.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function cl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"b-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(fl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(xl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(xl.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>31?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(H.Button,{asChild:!0,variant:"link","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function tl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(cl,{content:a},a._key))})}var H,q,_,dl,fl,G,gl,xl,O,b,_l=y(()=>{"use strict";H=require("@stackshift-ui/button")});var M,Fl,zl=y(()=>{"use strict";M=V(require("react")),Fl=l=>{let[e,a]=M.default.useState(!1),i=M.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return M.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 Hl={};R(Hl,{Portfolio_D:()=>Al,default:()=>Al});function Al({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var x,k,p,L,w,N,P,T,S;let r=i,s=0,[f,g]=t.default.useState((x=a==null?void 0:a[0])==null?void 0:x.category),m=a==null?void 0:a.find(u=>(u==null?void 0:u.category)===f);return(0,d.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,d.jsxs)(q.Container,{maxWidth:1280,children:[(0,d.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,d.jsx)(nl,{caption:l,title:e}),(0,d.jsx)(ii,{categories:a,activeTab:f,onClickFn:g})]}),(0,d.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,d.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(k=m==null?void 0:m.content)==null?void 0:k.slice(s,s+2))==null?void 0:p.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key)),(w=(L=m==null?void 0:m.content)==null?void 0:L.slice(s+2,s+3))==null?void 0:w.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key))]}),(0,d.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(N=m==null?void 0:m.content)==null?void 0:N.slice(s+3,s+4))==null?void 0:P.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key)),(0,d.jsx)("div",{className:"flex flex-wrap",children:(S=(T=m==null?void 0:m.content)==null?void 0:T.slice(s+4,r))==null?void 0:S.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key))})]})]}),(0,d.jsx)(li,{button:m==null?void 0:m.primaryButton})]})})}function nl({caption:l,title:e}){return!l||!e?null:(0,d.jsxs)(t.default.Fragment,{children:[(0,d.jsx)(xl.Text,{weight:"semibold",children:l}),(0,d.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function li({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,d.jsx)("div",{className:"text-center",children:(0,d.jsx)(X.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,d.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function ii({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,d.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,d.jsx)(X.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":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 J({size:l,content:e}){var s,f,g,m,x,k,p,L,w,N,P,T,S,u,il,el,al,rl,ml;let i=Fl("639")?40:90,r=(0,O.buildSanityLink)({type:(f=(s=e==null?void 0:e.primaryButton)==null?void 0:s.type)!=null?f:"",internalLink:(m=(g=e==null?void 0:e.primaryButton)==null?void 0:g.internalLink)!=null?m:"",externalLink:(k=(x=e==null?void 0:e.primaryButton)==null?void 0:x.externalLink)!=null?k:""});return(0,d.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((p=e==null?void 0:e.mainImage)==null?void 0:p.image)&&(0,d.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,d.jsx)($l.Image,{className:`object-cover w-full ${l==="lg"?"b-128":"b-64"}`,src:(L=e==null?void 0:e.mainImage)==null?void 0:L.image,alt:(N=(w=e==null?void 0:e.mainImage)==null?void 0:w.alt)!=null?N:`portfolio-image-${e==null?void 0:e._key}`}),(0,d.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,d.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,d.jsx)(xl.Text,{className:"text-sm text-primary",weight:"bold",children:((P=e==null?void 0:e.subtitle)==null?void 0:P.length)>26?`${(T=e==null?void 0:e.subtitle)==null?void 0:T.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,d.jsx)(dl.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((S=e==null?void 0:e.title)==null?void 0:S.length)>38?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,38)}...`:e==null?void 0:e.title}),(0,d.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,d.jsx)(xl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((il=e==null?void 0:e.description)==null?void 0:il.length)>i?`${(el=e==null?void 0:e.description)==null?void 0:el.substring(0,i)}...`:e==null?void 0:e.description}),((al=e==null?void 0:e.primaryButton)==null?void 0:al.label)&&(0,d.jsx)(X.Button,{asChild:!0,variant:"outline","aria-label":(rl=e==null?void 0:e.primaryButton)==null?void 0:rl.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,d.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(ml=e==null?void 0:e.primaryButton)==null?void 0:ml.label})})]})]})})]})})}var X,q,_,dl,$l,G,gl,xl,t,O,d,El=y(()=>{"use strict";X=require("@stackshift-ui/button"),t=V(require("react"));zl();d=require("react/jsx-runtime")});var ai={};R(ai,{Portfolio:()=>Dl});module.exports=Gl(ai);var C=require("react"),ll={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(bl(),vl))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(Pl(),Nl))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(_l(),Il))),variant_d:(0,C.lazy)(()=>Promise.resolve().then(()=>(El(),Hl)))},ei="Portfolio",Dl=({data:l})=>{var r,s,f,g,m,x,k,p,L,w,N;let e=l==null?void 0:l.variant,a=e&&(ll==null?void 0:ll[e]),i={caption:(s=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?s:void 0,title:(g=(f=l==null?void 0:l.variants)==null?void 0:f.title)!=null?g:void 0,portfoliosWithCategory:(x=(m=l==null?void 0:l.variants)==null?void 0:m.portfoliosWithCategories)!=null?x:void 0,portfolios:(p=(k=l==null?void 0:l.variants)==null?void 0:k.portfolios)!=null?p:void 0,primaryButton:(w=(L=l==null?void 0:l.variants)==null?void 0:L.primaryButton)!=null?w:void 0,length:(N=l==null?void 0:l.variants)==null?void 0:N.length};return a?(0,b.jsx)(a,{...i}):null};Dl.displayName=ei;0&&(module.exports={Portfolio});
+"use strict";var vi=Object.create;var o=Object.defineProperty;var pi=Object.getOwnPropertyDescriptor;var hi=Object.getOwnPropertyNames;var wi=Object.getPrototypeOf,Ni=Object.prototype.hasOwnProperty;var ki=(i,l)=>{for(var a in l)o(i,a,{get:l[a],enumerable:!0})},W=(i,l,a,e)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of hi(l))!Ni.call(i,r)&&r!==a&&o(i,r,{get:()=>l[r],enumerable:!(e=pi(l,r))||e.enumerable});return i};var j=(i,l,a)=>(a=i!=null?vi(wi(i)):{},W(l||!i||!i.__esModule?o(a,"default",{value:i,enumerable:!0}):a,i)),Pi=i=>W(o({},"__esModule",{value:!0}),i);var Hi={};ki(Hi,{Portfolio:()=>xi});module.exports=Pi(Hi);var S=require("@stackshift-ui/button"),H=require("@stackshift-ui/container"),T=require("@stackshift-ui/flex"),B=require("@stackshift-ui/heading"),t=require("@stackshift-ui/image"),c=require("@stackshift-ui/section"),n=require("@stackshift-ui/text"),E=j(require("react")),x=require("react/jsx-runtime");function D({caption:i,title:l,portfoliosWithCategory:a,length:e=8,primaryButton:r}){var u;let s=e,[d,v]=E.default.useState((u=a==null?void 0:a[0])==null?void 0:u.category),b=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===d);return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(H.Container,{maxWidth:1280,children:[(0,x.jsxs)(H.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,x.jsx)(yi,{caption:i,title:l}),(0,x.jsx)(Ti,{categories:a,activeTab:d,onClickFn:v})]}),(0,x.jsx)(Si,{portfolios:b==null?void 0:b.content,portfolioLength:s}),(0,x.jsx)(oi,{button:r})]})})}function yi({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)(E.default.Fragment,{children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function oi({button:i}){return i!=null&&i.label?(0,x.jsx)("div",{className:"text-center",children:(0,x.jsx)(S.Button,{as:"link",link:i,children:i==null?void 0:i.label})}):null}function Ti({categories:i,activeTab:l,onClickFn:a}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((e,r)=>{var s;return(0,x.jsx)(S.Button,{variant:"ghost","aria-label":(s=e==null?void 0:e.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(e==null?void 0:e.category),onClick:()=>a==null?void 0:a(e==null?void 0:e.category),children:e==null?void 0:e.category},e==null?void 0:e._key)})})}function Si({portfolios:i,portfolioLength:l}){var a;return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-8",children:(a=i==null?void 0:i.slice(0,l))==null?void 0:a.map((e,r)=>{var s,d,v,b,u,p,w;return(0,x.jsx)(T.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,x.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((s=e==null?void 0:e.mainImage)==null?void 0:s.image)&&(0,x.jsx)(t.Image,{className:"object-cover w-full h-full",src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:(b=(v=e==null?void 0:e.mainImage)==null?void 0:v.alt)!=null?b:`portfolio-image-${r}`}),(0,x.jsx)("div",{className:"absolute inset-0 n-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((u=e==null?void 0:e.primaryButton)==null?void 0:u.label)&&(0,x.jsx)(S.Button,{as:"link",link:e==null?void 0:e.primaryButton,variant:"outline","aria-abel":(p=e==null?void 0:e.primaryButton)==null?void 0:p.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(w=e==null?void 0:e.primaryButton)==null?void 0:w.label})})]})},e==null?void 0:e._key)})})}function M({caption:i,title:l,portfolios:a,primaryButton:e,length:r=6}){let s=r;return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(H.Container,{maxWidth:1280,children:[(0,x.jsxs)(T.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,x.jsx)(Li,{caption:i,title:l}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,variant:"link",children:e==null?void 0:e.label})})]}),(0,x.jsx)(Ii,{portfolios:a,portfolioLength:s}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,variant:"link",children:e==null?void 0:e.label})})]})})}function Li({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)("div",{className:"text-center lg:text-left",children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ri({content:i}){var l,a,e,r,s,d,v,b;return(0,x.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,x.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((l=i==null?void 0:i.mainImage)==null?void 0:l.image)&&(0,x.jsx)(t.Image,{className:"object-cover w-full h-80",src:(a=i==null?void 0:i.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(e=i==null?void 0:i.mainImage)==null?void 0:e.alt)!=null?r:"portfolio-image"}),(0,x.jsxs)(T.Flex,{direction:"col",align:"start",className:"absolute inset-0 n-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,x.jsx)(n.Text,{className:"text-secondary",children:i==null?void 0:i.dateAdded}),(i==null?void 0:i.title)&&(0,x.jsx)(n.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((s=i==null?void 0:i.title)==null?void 0:s.length)>80?`${(d=i==null?void 0:i.title)==null?void 0:d.substring(0,80)}...`:i==null?void 0:i.title}),((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,x.jsx)(S.Button,{as:"link",link:i==null?void 0:i.primaryButton,variant:"outline",className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(b=i==null?void 0:i.primaryButton)==null?void 0:b.label})]})]})})}function Ii({portfolios:i,portfolioLength:l}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-4 ",children:i==null?void 0:i.slice(0,l).map(a=>(0,x.jsx)(Ri,{content:a},a._key))})}function Q({caption:i,title:l,portfolios:a,primaryButton:e,length:r=6}){let s=r;return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(H.Container,{maxWidth:1280,children:[(0,x.jsxs)(T.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,x.jsx)(_i,{caption:i,title:l}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,children:e==null?void 0:e.label})})]}),(0,x.jsx)(Ci,{portfolios:a,portfolioLength:s}),(0,x.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,x.jsx)(S.Button,{as:"link",link:e,children:e==null?void 0:e.label})})]})})}function _i({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)("div",{className:"text-center lg:text-left",children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Fi({content:i}){var l,a,e,r,s,d,v,b;return(0,x.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((l=i==null?void 0:i.mainImage)==null?void 0:l.image)&&(0,x.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,x.jsx)(t.Image,{className:"object-cover w-full h-80",src:(a=i==null?void 0:i.mainImage)==null?void 0:a.image,width:480,height:320,alt:(r=(e=i==null?void 0:i.mainImage)==null?void 0:e.alt)!=null?r:"portfolio-image"}),(0,x.jsxs)("div",{className:"p-6",children:[(0,x.jsx)(n.Text,{muted:!0,children:i==null?void 0:i.dateAdded}),(i==null?void 0:i.title)&&(0,x.jsx)(n.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((s=i==null?void 0:i.title)==null?void 0:s.length)>31?`${(d=i==null?void 0:i.title)==null?void 0:d.substring(0,31)}...`:i==null?void 0:i.title}),((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,x.jsx)(S.Button,{as:"link",link:i==null?void 0:i.primaryButton,variant:"link",className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(b=i==null?void 0:i.primaryButton)==null?void 0:b.label})]})]})})}function Ci({portfolios:i,portfolioLength:l}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{wrap:!0,className:"mb-4",children:i==null?void 0:i.slice(0,l).map(a=>(0,x.jsx)(Fi,{content:a},a._key))})}var G=j(require("react"));var C=j(require("react")),ui=i=>{let[l,a]=C.default.useState(!1),e=C.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return C.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${i}px)`);return r.addEventListener("change",e),r.matches&&a(!0),()=>r.removeEventListener("change",e)},[]),l};function K({caption:i,title:l,portfoliosWithCategory:a,length:e=6,primaryButton:r}){var p,w,N,k,P,y,U,Y,Z;let s=e,d=0,[v,b]=G.default.useState((p=a==null?void 0:a[0])==null?void 0:p.category),u=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===v);return(0,x.jsx)(c.Section,{className:"py-20 bg-background",children:(0,x.jsxs)(H.Container,{maxWidth:1280,children:[(0,x.jsxs)(H.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,x.jsx)($i,{caption:i,title:l}),(0,x.jsx)(Ai,{categories:a,activeTab:v,onClickFn:b})]}),(0,x.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,x.jsxs)(T.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(N=(w=u==null?void 0:u.content)==null?void 0:w.slice(d,d+2))==null?void 0:N.map(h=>(0,x.jsx)($,{size:"sm",content:h},h._key)),(P=(k=u==null?void 0:u.content)==null?void 0:k.slice(d+2,d+3))==null?void 0:P.map(h=>(0,x.jsx)($,{size:"lg",content:h},h._key))]}),(0,x.jsxs)("div",{className:"w-full lg:w-1/2",children:[(U=(y=u==null?void 0:u.content)==null?void 0:y.slice(d+3,d+4))==null?void 0:U.map(h=>(0,x.jsx)($,{size:"lg",content:h},h._key)),(0,x.jsx)("div",{className:"flex flex-wrap",children:(Z=(Y=u==null?void 0:u.content)==null?void 0:Y.slice(d+4,s))==null?void 0:Z.map(h=>(0,x.jsx)($,{size:"sm",content:h},h._key))})]})]}),(0,x.jsx)(zi,{button:r})]})})}function $i({caption:i,title:l}){return!i||!l?null:(0,x.jsxs)(G.default.Fragment,{children:[(0,x.jsx)(n.Text,{weight:"semibold",children:i}),(0,x.jsx)(B.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function zi({button:i}){return i!=null&&i.label?(0,x.jsx)("div",{className:"text-center",children:(0,x.jsx)(S.Button,{as:"link",link:i,children:i==null?void 0:i.label})}):null}function Ai({categories:i,activeTab:l,onClickFn:a}){return!i||(i==null?void 0:i.length)===0?null:(0,x.jsx)(T.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((e,r)=>{var s;return(0,x.jsx)(S.Button,{variant:"ghost","aria-label":(s=e==null?void 0:e.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(e==null?void 0:e.category),onClick:()=>a==null?void 0:a(e==null?void 0:e.category),children:e==null?void 0:e.category},e==null?void 0:e._key)})})}function $({size:i,content:l}){var r,s,d,v,b,u,p,w,N,k,P,y;let e=ui("639")?40:90;return(0,x.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((r=l==null?void 0:l.mainImage)==null?void 0:r.image)&&(0,x.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,x.jsx)(t.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(s=l==null?void 0:l.mainImage)==null?void 0:s.image,alt:(v=(d=l==null?void 0:l.mainImage)==null?void 0:d.alt)!=null?v:`portfolio-image-${l==null?void 0:l._key}`}),(0,x.jsx)("div",{className:"absolute inset-0 n-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,x.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(l==null?void 0:l.subtitle)&&(0,x.jsx)(n.Text,{className:"text-sm text-primary",weight:"bold",children:((b=l==null?void 0:l.subtitle)==null?void 0:b.length)>26?`${(u=l==null?void 0:l.subtitle)==null?void 0:u.substring(0,26)}...`:l==null?void 0:l.subtitle}),(l==null?void 0:l.title)&&(0,x.jsx)(B.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((p=l==null?void 0:l.title)==null?void 0:p.length)>38?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,38)}...`:l==null?void 0:l.title}),(0,x.jsxs)("div",{className:"max-w-xs my-5",children:[(l==null?void 0:l.description)&&(0,x.jsx)(n.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((N=l==null?void 0:l.description)==null?void 0:N.length)>e?`${(k=l==null?void 0:l.description)==null?void 0:k.substring(0,e)}...`:l==null?void 0:l.description}),((P=l==null?void 0:l.primaryButton)==null?void 0:P.label)&&(0,x.jsx)(S.Button,{as:"link",link:l==null?void 0:l.primaryButton,variant:"outline",className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(y=l==null?void 0:l.primaryButton)==null?void 0:y.label})]})]})})]})})}var O={variant_a:D,variant_b:M,variant_c:Q,variant_d:K},ji="Portfolio",xi=({data:i})=>{var r,s,d,v,b,u,p,w,N,k,P;let l=i==null?void 0:i.variant,a=l&&(O==null?void 0:O[l]),e={caption:(s=(r=i==null?void 0:i.variants)==null?void 0:r.subtitle)!=null?s:void 0,title:(v=(d=i==null?void 0:i.variants)==null?void 0:d.title)!=null?v:void 0,portfoliosWithCategory:(u=(b=i==null?void 0:i.variants)==null?void 0:b.portfoliosWithCategories)!=null?u:void 0,portfolios:(w=(p=i==null?void 0:i.variants)==null?void 0:p.portfolios)!=null?w:void 0,primaryButton:(k=(N=i==null?void 0:i.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(P=i==null?void 0:i.variants)==null?void 0:P.length};return a?(0,x.jsx)(a,{...e}):null};xi.displayName=ji;0&&(module.exports={Portfolio});

package/dist/portfolio.mjs

@@ -1 +1 @@
-import{a}from"./chunk-7ECPBYMD.mjs";export{a as Portfolio};
+import{a}from"./chunk-V744MNHC.mjs";import"./chunk-S6CMHMVO.mjs";import"./chunk-4PB75LGN.mjs";import"./chunk-OBSXDZZY.mjs";import"./chunk-JHTSVMXZ.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio};

package/dist/portfolio_a.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { PortfolioProps } from ".";
-export default function Portfolio_A({ caption, title, portfoliosWithCategory, length, }: PortfolioProps): React.JSX.Element;
+export default function Portfolio_A({ caption, title, portfoliosWithCategory, length, primaryButton, }: PortfolioProps): React.JSX.Element;
 export { Portfolio_A };

package/dist/portfolio_a.js

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

package/dist/portfolio_a.mjs

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

package/dist/portfolio_b.js

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

package/dist/portfolio_b.mjs

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

package/dist/portfolio_c.js

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

package/dist/portfolio_c.mjs

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

package/dist/portfolio_d.d.ts

@@ -1,3 +1,3 @@
 import { PortfolioProps } from ".";
-export default function Portfolio_D({ caption, title, portfoliosWithCategory, length, }: PortfolioProps): import("react/jsx-runtime").JSX.Element;
+export default function Portfolio_D({ caption, title, portfoliosWithCategory, length, primaryButton, }: PortfolioProps): import("react/jsx-runtime").JSX.Element;
 export { Portfolio_D };

package/dist/portfolio_d.js

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

package/package.json

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

package/src/portfolio.tsx

@@ -1,12 +1,15 @@
-import React, { lazy } from "react";
-
+import React from "react";
+import PortfolioA from "./portfolio_a";
+import PortfolioB from "./portfolio_b";
+import PortfolioC from "./portfolio_c";
+import PortfolioD from "./portfolio_d";
 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")),
+  variant_a: PortfolioA,
+  variant_b: PortfolioB,
+  variant_c: PortfolioC,
+  variant_d: PortfolioD,
 };
 
 export interface PortfolioProps {

package/src/portfolio_a.tsx

@@ -3,12 +3,9 @@ import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
-import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
 import { Content, LabeledRoute, PortfoliosWithCategories } from "./types";
 
@@ -17,6 +14,7 @@ export default function Portfolio_A({
   title,
   portfoliosWithCategory,
   length = 8,
+  primaryButton,
 }: PortfolioProps): React.JSX.Element {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
   const [activeTab, setActiveTab] = React.useState(portfoliosWithCategory?.[0]?.category); //set the first index category as initial value
@@ -39,7 +37,7 @@ export default function Portfolio_A({
           portfolios={portfoliosPerCategory?.content}
           portfolioLength={portfolioLength}
         />
-        <PrimaryButton button={portfoliosPerCategory?.primaryButton} />
+        <PrimaryButton button={primaryButton} />
       </Container>
     </Section>
   );
@@ -67,18 +65,10 @@ function CaptionAndTitleText({
 function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
   if (!button?.label) return null;
 
-  const link = buildSanityLink({
-    type: button?.type ?? "",
-    internalLink: button?.internalLink ?? "",
-    externalLink: button?.externalLink ?? "",
-  });
-
   return (
     <div className="text-center">
-      <Button asChild aria-label={button?.label}>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {button?.label}
-        </Link>
+      <Button as="link" link={button}>
+        {button?.label}
       </Button>
     </div>
   );
@@ -123,40 +113,31 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-8">
-      {portfolios?.slice(0, portfolioLength)?.map((content, index: number) => {
-        const link = buildSanityLink({
-          type: content?.primaryButton?.type ?? "",
-          internalLink: content?.primaryButton?.internalLink ?? "",
-          externalLink: content?.primaryButton?.externalLink ?? "",
-        });
-
-        return (
-          <Flex className="w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4" key={content?._key}>
-            <div className="relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md">
-              {content?.mainImage?.image && (
-                <Image
-                  className="object-cover w-full h-full"
-                  src={content?.mainImage?.image}
-                  alt={content?.mainImage?.alt ?? `portfolio-image-${index}`}
-                />
+      {portfolios?.slice(0, portfolioLength)?.map((content, index: number) => (
+        <Flex className="w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4" key={content?._key}>
+          <div className="relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md">
+            {content?.mainImage?.image && (
+              <Image
+                className="object-cover w-full h-full"
+                src={content?.mainImage?.image}
+                alt={content?.mainImage?.alt ?? `portfolio-image-${index}`}
+              />
+            )}
+            <div className="absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75">
+              {content?.primaryButton?.label && (
+                <Button
+                  as="link"
+                  link={content?.primaryButton}
+                  variant="outline"
+                  aria-abel={content?.primaryButton?.label}
+                  className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
+                  {content?.primaryButton?.label}
+                </Button>
               )}
-              <div className="absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75">
-                {content?.primaryButton?.label && (
-                  <Button
-                    asChild
-                    variant="outline"
-                    aria-abel={content?.primaryButton?.label}
-                    className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-                    <Link href={link.href} target={link.target} rel={link.rel}>
-                      {content?.primaryButton?.label}
-                    </Link>
-                  </Button>
-                )}
-              </div>
             </div>
-          </Flex>
-        );
-      })}
+          </div>
+        </Flex>
+      ))}
     </Flex>
   );
 }

package/src/portfolio_b.tsx

@@ -6,9 +6,6 @@ import { Image } from "@stackshift-ui/image";
 import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { Link } from "@stackshift-ui/link";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
 import { Content } from "./types";
 
@@ -21,12 +18,6 @@ export default function Portfolio_B({
 }: PortfolioProps): React.JSX.Element {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
 
-  const link = buildSanityLink({
-    type: primaryButton?.type ?? "",
-    internalLink: primaryButton?.internalLink ?? "",
-    externalLink: primaryButton?.externalLink ?? "",
-  });
-
   return (
     <Section className="py-20 bg-background">
       <Container maxWidth={1280}>
@@ -34,10 +25,8 @@ export default function Portfolio_B({
           <CaptionAndTitleText caption={caption} title={title} />
           <div className="hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0">
             {primaryButton?.label && (
-              <Button asChild aria-label={primaryButton?.label} variant="link">
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {primaryButton?.label}
-                </Link>
+              <Button as="link" link={primaryButton} variant="link">
+                {primaryButton?.label}
               </Button>
             )}
           </div>
@@ -45,10 +34,8 @@ export default function Portfolio_B({
         <PortfolioContent portfolios={portfolios} portfolioLength={portfolioLength} />
         <div className="block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0">
           {primaryButton?.label && (
-            <Button asChild aria-label={primaryButton?.label} variant="link">
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {primaryButton?.label}
-              </Link>
+            <Button as="link" link={primaryButton} variant="link">
+              {primaryButton?.label}
             </Button>
           )}
         </div>
@@ -77,12 +64,6 @@ function CaptionAndTitleText({
 }
 
 function ProjectItem({ content }: { content: Content }) {
-  const link = buildSanityLink({
-    type: content?.primaryButton?.type ?? "",
-    internalLink: content?.primaryButton?.internalLink ?? "",
-    externalLink: content?.primaryButton?.externalLink ?? "",
-  });
-
   return (
     <div className="w-full px-4 mb-4 md:w-1/2 lg:w-1/3">
       <div className="relative mx-auto overflow-hidden rounded-md md:mb-5">
@@ -110,13 +91,11 @@ function ProjectItem({ content }: { content: Content }) {
           )}
           {content?.primaryButton?.label && (
             <Button
-              asChild
+              as="link"
+              link={content?.primaryButton}
               variant="outline"
-              aria-label={content?.primaryButton?.label}
               className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {content?.primaryButton?.label}
-              </Link>
+              {content?.primaryButton?.label}
             </Button>
           )}
         </Flex>
@@ -136,9 +115,9 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-4 ">
-      {portfolios
-        ?.slice(0, portfolioLength)
-        .map(content => <ProjectItem content={content} key={content._key} />)}
+      {portfolios?.slice(0, portfolioLength).map(content => (
+        <ProjectItem content={content} key={content._key} />
+      ))}
     </Flex>
   );
 }

package/src/portfolio_c.tsx

@@ -5,11 +5,10 @@ import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
 import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
-import { Text } from "@stackshift-ui/text";
-
 import { buildSanityLink } from "@stackshift-ui/system";
+import { Text } from "@stackshift-ui/text";
 import { PortfolioProps } from ".";
-import { Content } from "./types";
+import { Content, LabeledRoute } from "./types";
 
 export default function Portfolio_C({
   caption,
@@ -19,13 +18,6 @@ export default function Portfolio_C({
   length = 6,
 }: PortfolioProps) {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
-
-  const link = buildSanityLink({
-    type: primaryButton?.type ?? "",
-    internalLink: primaryButton?.internalLink ?? "",
-    externalLink: primaryButton?.externalLink ?? "",
-  });
-
   return (
     <Section className="py-20 bg-background">
       <Container maxWidth={1280}>
@@ -33,10 +25,8 @@ export default function Portfolio_C({
           <CaptionAndTitleText caption={caption} title={title} />
           <div className="hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0">
             {primaryButton?.label && (
-              <Button asChild aria-label={primaryButton?.label}>
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {primaryButton?.label}
-                </Link>
+              <Button as="link" link={primaryButton}>
+                {primaryButton?.label}
               </Button>
             )}
           </div>
@@ -44,10 +34,8 @@ export default function Portfolio_C({
         <PortfolioContent portfolios={portfolios} portfolioLength={portfolioLength} />
         <div className="block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0">
           {primaryButton?.label && (
-            <Button asChild aria-label={primaryButton?.label}>
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {primaryButton?.label}
-              </Link>
+            <Button as="link" link={primaryButton}>
+              {primaryButton?.label}
             </Button>
           )}
         </div>
@@ -76,12 +64,6 @@ function CaptionAndTitleText({
 }
 
 function ProjectItem({ content }: { content: Content }) {
-  const link = buildSanityLink({
-    type: content?.primaryButton?.type ?? "",
-    internalLink: content?.primaryButton?.internalLink ?? "",
-    externalLink: content?.primaryButton?.externalLink ?? "",
-  });
-
   return (
     <div className="relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3">
       {content?.mainImage?.image && (
@@ -104,13 +86,11 @@ function ProjectItem({ content }: { content: Content }) {
             )}
             {content?.primaryButton?.label && (
               <Button
-                asChild
+                as="link"
+                link={content?.primaryButton}
                 variant="link"
-                aria-label={content?.primaryButton?.label}
                 className="font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0">
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {content?.primaryButton?.label}
-                </Link>
+                {content?.primaryButton?.label}
               </Button>
             )}
           </div>
@@ -131,9 +111,9 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-4">
-      {portfolios
-        ?.slice(0, portfolioLength)
-        .map(content => <ProjectItem content={content} key={content._key} />)}
+      {portfolios?.slice(0, portfolioLength).map(content => (
+        <ProjectItem content={content} key={content._key} />
+      ))}
     </Flex>
   );
 }

package/src/portfolio_d.tsx

@@ -5,10 +5,9 @@ import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
 import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
+import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
 import { useMediaQuery } from "./helper";
 import { Content, LabeledRoute, PortfoliosWithCategories } from "./types";
@@ -18,6 +17,7 @@ export default function Portfolio_D({
   title,
   portfoliosWithCategory,
   length = 6,
+  primaryButton,
 }: PortfolioProps) {
   const portfoliosPerPage = length;
   const count = 0; // default number of portfolios per category
@@ -39,25 +39,25 @@ export default function Portfolio_D({
         </Container>
         <div className="mb-12 sm:flex">
           <Flex wrap className="w-full mb-8 lg:mb-0 lg:w-1/2">
-            {portfoliosPerCategory?.content
-              ?.slice(count, count + 2)
-              ?.map(content => <ProjectItem size={"sm"} content={content} key={content._key} />)}
-            {portfoliosPerCategory?.content
-              ?.slice(count + 2, count + 3)
-              ?.map(content => <ProjectItem size={"lg"} content={content} key={content._key} />)}
+            {portfoliosPerCategory?.content?.slice(count, count + 2)?.map(content => (
+              <ProjectItem size={"sm"} content={content} key={content._key} />
+            ))}
+            {portfoliosPerCategory?.content?.slice(count + 2, count + 3)?.map(content => (
+              <ProjectItem size={"lg"} content={content} key={content._key} />
+            ))}
           </Flex>
           <div className="w-full lg:w-1/2">
-            {portfoliosPerCategory?.content
-              ?.slice(count + 3, count + 4)
-              ?.map(content => <ProjectItem size={"lg"} content={content} key={content._key} />)}
+            {portfoliosPerCategory?.content?.slice(count + 3, count + 4)?.map(content => (
+              <ProjectItem size={"lg"} content={content} key={content._key} />
+            ))}
             <div className="flex flex-wrap">
-              {portfoliosPerCategory?.content
-                ?.slice(count + 4, portfoliosPerPage)
-                ?.map(content => <ProjectItem size={"sm"} content={content} key={content._key} />)}
+              {portfoliosPerCategory?.content?.slice(count + 4, portfoliosPerPage)?.map(content => (
+                <ProjectItem size={"sm"} content={content} key={content._key} />
+              ))}
             </div>
           </div>
         </div>
-        <PrimaryButton button={portfoliosPerCategory?.primaryButton} />
+        <PrimaryButton button={primaryButton} />
       </Container>
     </Section>
   );
@@ -85,18 +85,10 @@ function CaptionAndTitleText({
 function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
   if (!button?.label) return null;
 
-  const link = buildSanityLink({
-    type: button?.type ?? "",
-    internalLink: button?.internalLink ?? "",
-    externalLink: button?.externalLink ?? "",
-  });
-
   return (
     <div className="text-center">
-      <Button asChild aria-label={button?.label}>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {button?.label}
-        </Link>
+      <Button as="link" link={button}>
+        {button?.label}
       </Button>
     </div>
   );
@@ -134,12 +126,6 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
   const breakpoints = useMediaQuery("639");
   const maxLength = breakpoints ? 40 : 90;
 
-  const link = buildSanityLink({
-    type: content?.primaryButton?.type ?? "",
-    internalLink: content?.primaryButton?.internalLink ?? "",
-    externalLink: content?.primaryButton?.externalLink ?? "",
-  });
-
   return (
     <div className={`w-full px-4 mb-8 ${size === "lg" ? "w-full" : "lg:w-1/2"}`}>
       {content?.mainImage?.image && (
@@ -179,13 +165,11 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
                 )}
                 {content?.primaryButton?.label && (
                   <Button
-                    asChild
+                    as="link"
+                    link={content?.primaryButton}
                     variant="outline"
-                    aria-label={content?.primaryButton?.label}
                     className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-                    <Link href={link.href} target={link.target} rel={link.rel}>
-                      {content?.primaryButton?.label}
-                    </Link>
+                    {content?.primaryButton?.label}
                   </Button>
                 )}
               </div>

package/dist/chunk-7ECPBYMD.mjs

@@ -1 +0,0 @@
-import{lazy as i}from"react";import{jsx as b}from"react/jsx-runtime";var r={variant_a:i(()=>import("./portfolio_a.mjs")),variant_b:i(()=>import("./portfolio_b.mjs")),variant_c:i(()=>import("./portfolio_c.mjs")),variant_d:i(()=>import("./portfolio_d.mjs"))},h="Portfolio",C=({data:o})=>{var e,s,l,p,f,c,m,u,v,g,y;let n=o==null?void 0:o.variant,t=n&&(r==null?void 0:r[n]),P={caption:(s=(e=o==null?void 0:o.variants)==null?void 0:e.subtitle)!=null?s:void 0,title:(p=(l=o==null?void 0:o.variants)==null?void 0:l.title)!=null?p:void 0,portfoliosWithCategory:(c=(f=o==null?void 0:o.variants)==null?void 0:f.portfoliosWithCategories)!=null?c:void 0,portfolios:(u=(m=o==null?void 0:o.variants)==null?void 0:m.portfolios)!=null?u:void 0,primaryButton:(g=(v=o==null?void 0:o.variants)==null?void 0:v.primaryButton)!=null?g:void 0,length:(y=o==null?void 0:o.variants)==null?void 0:y.length};return t?b(t,{...P}):null};C.displayName=h;export{C as a};

package/dist/chunk-EHYT6XHV.mjs

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

package/dist/chunk-PEBYDMM5.mjs

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

package/dist/chunk-VV3ZVROB.mjs

@@ -1 +0,0 @@
-import{Button as h}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as L}from"@stackshift-ui/flex";import{Heading as z}from"@stackshift-ui/heading";import{Image as A}from"@stackshift-ui/image";import{Section as H}from"@stackshift-ui/section";import{Text as k}from"@stackshift-ui/text";import{Link as v}from"@stackshift-ui/link";import{buildSanityLink as j}from"@stackshift-ui/system";import{jsx as a,jsxs as f}from"react/jsx-runtime";function R({caption:l,title:i,portfolios:s,primaryButton:e,length:b=6}){var g,r,m;let x=b,d=j({type:(g=e==null?void 0:e.type)!=null?g:"",internalLink:(r=e==null?void 0:e.internalLink)!=null?r:"",externalLink:(m=e==null?void 0:e.externalLink)!=null?m:""});return a(H,{className:"py-20 bg-background",children:f(F,{maxWidth:1280,children:[f(L,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(_,{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(h,{asChild:!0,"aria-label":e==null?void 0:e.label,variant:"link",children:a(v,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]}),a(E,{portfolios:s,portfolioLength:x}),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(h,{asChild:!0,"aria-label":e==null?void 0:e.label,variant:"link",children:a(v,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]})})}function _({caption:l,title:i}){return!l||!i?null:f("div",{className:"text-center lg:text-left",children:[a(k,{weight:"semibold",children:l}),a(z,{className:"mb-6",fontSize:"2xl",children:i})]})}function u({content:l}){var s,e,b,x,d,g,r,m,w,N,C,P,T,I,S;let i=j({type:(e=(s=l==null?void 0:l.primaryButton)==null?void 0:s.type)!=null?e:"",internalLink:(x=(b=l==null?void 0:l.primaryButton)==null?void 0:b.internalLink)!=null?x:"",externalLink:(g=(d=l==null?void 0:l.primaryButton)==null?void 0:d.externalLink)!=null?g:""});return a("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:f("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((r=l==null?void 0:l.mainImage)==null?void 0:r.image)&&a(A,{className:"object-cover w-full h-80",src:(m=l==null?void 0:l.mainImage)==null?void 0:m.image,width:480,height:320,alt:(N=(w=l==null?void 0:l.mainImage)==null?void 0:w.alt)!=null?N:"portfolio-image"}),f(L,{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(k,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&a(k,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((C=l==null?void 0:l.title)==null?void 0:C.length)>80?`${(P=l==null?void 0:l.title)==null?void 0:P.substring(0,80)}...`:l==null?void 0:l.title}),((T=l==null?void 0:l.primaryButton)==null?void 0:T.label)&&a(h,{asChild:!0,variant:"outline","aria-label":(I=l==null?void 0:l.primaryButton)==null?void 0:I.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:a(v,{href:i.href,target:i.target,rel:i.rel,children:(S=l==null?void 0:l.primaryButton)==null?void 0:S.label})})]})]})})}function E({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:a(L,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(s=>a(u,{content:s},s._key))})}export{R as a};

package/dist/chunk-ZSEAU4VI.mjs

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