@stackshift-ui/portfolio 6.0.5-beta.0 → 6.0.5-beta.1

package/dist/{chunk-MXK637AP.mjs → chunk-3HAQUXS3.mjs}

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

package/dist/chunk-F5OGNGIJ.mjs

@@ -0,0 +1 @@
+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-KZEBQM5G.mjs → chunk-LS3CUPDT.mjs}

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

package/dist/{chunk-CNVASU2K.mjs → chunk-WJD36KJA.mjs}

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

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

package/dist/index.js

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

package/dist/portfolio.mjs

@@ -1 +1 @@
-import{a}from"./chunk-CSYF7HAN.mjs";export{a as Portfolio};
+import{a}from"./chunk-43VD6N2K.mjs";export{a as Portfolio};

package/dist/portfolio_a.js

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

package/dist/portfolio_a.mjs

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

package/dist/portfolio_b.js

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

package/dist/portfolio_b.mjs

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

package/dist/portfolio_d.js

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

package/dist/portfolio_d.mjs

@@ -1 +1 @@
-import{a}from"./chunk-KZEBQM5G.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio_D,a as default};
+import{a}from"./chunk-LS3CUPDT.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": "6.0.5-beta.0",
+  "version": "6.0.5-beta.1",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,14 +34,14 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/button": "6.0.3",
-    "@stackshift-ui/system": "6.0.3",
-    "@stackshift-ui/heading": "6.0.3",
-    "@stackshift-ui/text": "6.0.3",
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/button": "6.0.3",
     "@stackshift-ui/image": "6.0.3",
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/heading": "6.0.3",
     "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
     "@stackshift-ui/flex": "6.0.3"
   },
   "peerDependencies": {

package/src/portfolio_a.tsx

@@ -130,7 +130,7 @@ function PortfolioContent({
                   variant="outline"
                   ariaLabel={content?.primaryButton?.label}
                   link={content?.primaryButton}
-                  className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4">
+                  className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-global font-bold transition duration-200 px-3 py-4">
                   {content?.primaryButton?.label}
                 </Button>
               )}

package/src/portfolio_b.tsx

@@ -82,7 +82,7 @@ function ProjectItem({ content }: { content: Content }) {
           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">
-          <Text className="text-secondary-foreground">{content?.dateAdded}</Text>
+          <Text className="text-secondary">{content?.dateAdded}</Text>
           {content?.title && (
             <Text weight="bold" className="mb-auto text-white md:text-xl lg:text-2xl">
               {content?.title?.length > 80
@@ -96,7 +96,7 @@ function ProjectItem({ content }: { content: Content }) {
               variant="outline"
               ariaLabel={content?.primaryButton?.label}
               link={content?.primaryButton}
-              className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4">
+              className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-global font-bold transition duration-200 px-3 py-4">
               {content?.primaryButton?.label}
             </Button>
           )}

package/src/portfolio_d.tsx

@@ -122,7 +122,7 @@ function PortfolioCategories({
 
 function ProjectItem({ size, content }: { size?: string | null; content?: Content }) {
   const breakpoints = useMediaQuery("639");
-  const maxLength = breakpoints ? 60 : 90;
+  const maxLength = breakpoints ? 40 : 90;
 
   return (
     <div className={`w-full px-4 mb-8 ${size === "lg" ? "w-full" : "lg:w-1/2"}`}>
@@ -167,7 +167,7 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
                     variant="outline"
                     ariaLabel={content?.primaryButton?.label}
                     link={content?.primaryButton}
-                    className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4">
+                    className="bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-global font-bold transition duration-200 px-3 py-4">
                     {content?.primaryButton?.label}
                   </Button>
                 )}