@stackshift-ui/portfolio 7.0.0-beta.3 → 7.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-3YRBUX6P.mjs +1 -0
- package/dist/chunk-77S7T6ST.mjs +1 -0
- package/dist/chunk-EM2WNMO2.mjs +1 -0
- package/dist/chunk-FLYHWMQD.mjs +1 -0
- package/dist/chunk-KOBQCNWZ.mjs +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/portfolio.js +1 -1
- package/dist/portfolio.mjs +1 -1
- package/dist/portfolio_a.js +1 -1
- package/dist/portfolio_a.mjs +1 -1
- package/dist/portfolio_b.js +1 -1
- package/dist/portfolio_b.mjs +1 -1
- package/dist/portfolio_c.js +1 -1
- package/dist/portfolio_c.mjs +1 -1
- package/dist/portfolio_d.js +1 -1
- package/dist/portfolio_d.mjs +1 -1
- package/package.json +12 -12
- package/src/portfolio.tsx +9 -6
- package/src/portfolio_a.tsx +2 -10
- package/src/portfolio_b.tsx +3 -11
- package/src/portfolio_c.tsx +3 -11
- package/src/portfolio_d.tsx +2 -10
- package/dist/chunk-7ECPBYMD.mjs +0 -1
- package/dist/chunk-EHYT6XHV.mjs +0 -1
- package/dist/chunk-PEBYDMM5.mjs +0 -1
- package/dist/chunk-VV3ZVROB.mjs +0 -1
- package/dist/chunk-ZSEAU4VI.mjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Button as p}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as L}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Link as N}from"@stackshift-ui/link";import{Section as S}from"@stackshift-ui/section";import{Text as T}from"@stackshift-ui/text";import k from"react";import{buildSanityLink as B}from"@stackshift-ui/system";import{jsx as e,jsxs as b}from"react/jsx-runtime";function P({caption:r,title:i,portfoliosWithCategory:l,length:a=8}){var f;let s=a,[m,x]=k.useState((f=l==null?void 0:l[0])==null?void 0:f.category),u=l==null?void 0:l.find(d=>(d==null?void 0:d.category)===m);return e(S,{className:"py-20 bg-background",children:b(w,{maxWidth:1280,children:[b(w,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[e(A,{caption:r,title:i}),e(I,{categories:l,activeTab:m,onClickFn:x})]}),e(_,{portfolios:u==null?void 0:u.content,portfolioLength:s}),e(F,{button:u==null?void 0:u.primaryButton})]})})}function A({caption:r,title:i}){return!r||!i?null:b(k.Fragment,{children:[e(T,{weight:"semibold",children:r}),e(L,{className:"mb-6",fontSize:"2xl",children:i})]})}function F({button:r}){if(!(r!=null&&r.label))return null;let i=B(r);return e("div",{className:"text-center",children:e(p,{asChild:!0,"aria-label":r==null?void 0:r.label,children:e(N,{href:i.href,target:i.target,rel:i.rel,children:r==null?void 0:r.label})})})}function I({categories:r,activeTab:i,onClickFn:l}){return!r||(r==null?void 0:r.length)===0?null:e(g,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:r==null?void 0:r.map((a,s)=>{var m;return e(p,{variant:"ghost","aria-label":(m=a==null?void 0:a.category)!=null?m:`Category button ${s+1}`,className:"my-1 data-[active=true]:text-primary","data-active":i===(a==null?void 0:a.category),onClick:()=>l==null?void 0:l(a==null?void 0:a.category),children:a==null?void 0:a.category},a==null?void 0:a._key)})})}function _({portfolios:r,portfolioLength:i}){var l;return!r||(r==null?void 0:r.length)===0?null:e(g,{wrap:!0,className:"mb-8",children:(l=r==null?void 0:r.slice(0,i))==null?void 0:l.map((a,s)=>{var x,u,f,d,v,h,y;let m=B(a.primaryButton);return e(g,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:b("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((x=a==null?void 0:a.mainImage)==null?void 0:x.image)&&e(R,{className:"object-cover w-full h-full",src:(u=a==null?void 0:a.mainImage)==null?void 0:u.image,alt:(d=(f=a==null?void 0:a.mainImage)==null?void 0:f.alt)!=null?d:`portfolio-image-${s}`}),e("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:((v=a==null?void 0:a.primaryButton)==null?void 0:v.label)&&e(p,{asChild:!0,variant:"outline","aria-abel":(h=a==null?void 0:a.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:e(N,{href:m.href,target:m.target,rel:m.rel,children:(y=a==null?void 0:a.primaryButton)==null?void 0:y.label})})})]})},a==null?void 0:a._key)})})}export{P as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as $}from"./chunk-NFO6QLL6.mjs";import{Button as S}from"@stackshift-ui/button";import{Container as R}from"@stackshift-ui/container";import{Flex as _}from"@stackshift-ui/flex";import{Heading as z}from"@stackshift-ui/heading";import{Image as F}from"@stackshift-ui/image";import{Link as I}from"@stackshift-ui/link";import{Section as H}from"@stackshift-ui/section";import{Text as L}from"@stackshift-ui/text";import j from"react";import{buildSanityLink as A}from"@stackshift-ui/system";import{jsx as l,jsxs as u}from"react/jsx-runtime";function P({caption:a,title:i,portfoliosWithCategory:d,length:m=6}){var f,g,p,v,h,y,w,N,k;let x=m,e=0,[b,B]=j.useState((f=d==null?void 0:d[0])==null?void 0:f.category),r=d==null?void 0:d.find(s=>(s==null?void 0:s.category)===b);return l(H,{className:"py-20 bg-background",children:u(R,{maxWidth:1280,children:[u(R,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[l(D,{caption:a,title:i}),l(Q,{categories:d,activeTab:b,onClickFn:B})]}),u("div",{className:"mb-12 sm:flex",children:[u(_,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(g=r==null?void 0:r.content)==null?void 0:g.slice(e,e+2))==null?void 0:p.map(s=>l(T,{size:"sm",content:s},s._key)),(h=(v=r==null?void 0:r.content)==null?void 0:v.slice(e+2,e+3))==null?void 0:h.map(s=>l(T,{size:"lg",content:s},s._key))]}),u("div",{className:"w-full lg:w-1/2",children:[(w=(y=r==null?void 0:r.content)==null?void 0:y.slice(e+3,e+4))==null?void 0:w.map(s=>l(T,{size:"lg",content:s},s._key)),l("div",{className:"flex flex-wrap",children:(k=(N=r==null?void 0:r.content)==null?void 0:N.slice(e+4,x))==null?void 0:k.map(s=>l(T,{size:"sm",content:s},s._key))})]})]}),l(M,{button:r==null?void 0:r.primaryButton})]})})}function D({caption:a,title:i}){return!a||!i?null:u(j.Fragment,{children:[l(L,{weight:"semibold",children:a}),l(z,{className:"mb-6",fontSize:"2xl",children:i})]})}function M({button:a}){if(!(a!=null&&a.label))return null;let i=A(a);return l("div",{className:"text-center",children:l(S,{asChild:!0,"aria-label":a==null?void 0:a.label,children:l(I,{href:i.href,target:i.target,rel:i.rel,children:a==null?void 0:a.label})})})}function Q({categories:a,activeTab:i,onClickFn:d}){return!a||(a==null?void 0:a.length)===0?null:l(_,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((m,x)=>{var e;return l(S,{variant:"ghost","aria-label":(e=m==null?void 0:m.category)!=null?e:`Category button ${x+1}`,className:"my-1 data-[active=true]:text-primary","data-active":i===(m==null?void 0:m.category),onClick:()=>d==null?void 0:d(m==null?void 0:m.category),children:m==null?void 0:m.category},m==null?void 0:m._key)})})}function T({size:a,content:i}){var e,b,B,r,f,g,p,v,h,y,w,N,k;let m=$("639")?40:90,x=A(i==null?void 0:i.primaryButton);return l("div",{className:`w-full px-4 mb-8 ${a==="lg"?"w-full":"lg:w-1/2"}`,children:((e=i==null?void 0:i.mainImage)==null?void 0:e.image)&&u("div",{className:"relative overflow-hidden rounded-md",children:[l(F,{className:`object-cover w-full ${a==="lg"?"h-128":"h-64"}`,src:(b=i==null?void 0:i.mainImage)==null?void 0:b.image,alt:(r=(B=i==null?void 0:i.mainImage)==null?void 0:B.alt)!=null?r:`portfolio-image-${i==null?void 0:i._key}`}),l("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:u("div",{className:"max-w-md my-auto text-xs",children:[(i==null?void 0:i.subtitle)&&l(L,{className:"text-sm text-primary",weight:"bold",children:((f=i==null?void 0:i.subtitle)==null?void 0:f.length)>26?`${(g=i==null?void 0:i.subtitle)==null?void 0:g.substring(0,26)}...`:i==null?void 0:i.subtitle}),(i==null?void 0:i.title)&&l(z,{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?`${(v=i==null?void 0:i.title)==null?void 0:v.substring(0,38)}...`:i==null?void 0:i.title}),u("div",{className:"max-w-xs my-5",children:[(i==null?void 0:i.description)&&l(L,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=i==null?void 0:i.description)==null?void 0:h.length)>m?`${(y=i==null?void 0:i.description)==null?void 0:y.substring(0,m)}...`:i==null?void 0:i.description}),((w=i==null?void 0:i.primaryButton)==null?void 0:w.label)&&l(S,{asChild:!0,variant:"outline","aria-label":(N=i==null?void 0:i.primaryButton)==null?void 0:N.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:l(I,{href:x.href,target:x.target,rel:x.rel,children:(k=i==null?void 0:i.primaryButton)==null?void 0:k.label})})]})]})})]})})}export{P as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Button as b}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as w}from"@stackshift-ui/flex";import{Heading as u}from"@stackshift-ui/heading";import{Image as P}from"@stackshift-ui/image";import{Link as r}from"@stackshift-ui/link";import{Section as T}from"@stackshift-ui/section";import{Text as h}from"@stackshift-ui/text";import{buildSanityLink as C}from"@stackshift-ui/system";import{jsx as i,jsxs as g}from"react/jsx-runtime";function I({caption:l,title:a,portfolios:m,primaryButton:e,length:s=6}){let f=s,d=C(e);return i(T,{className:"py-20 bg-background",children:g(L,{maxWidth:1280,children:[g(w,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[i(S,{caption:l,title:a}),i("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]}),i(F,{portfolios:m,portfolioLength:f}),i("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]})})}function S({caption:l,title:a}){return!l||!a?null:g("div",{className:"text-center lg:text-left",children:[i(h,{weight:"semibold",children:l}),i(u,{className:"mb-6",fontSize:"2xl",children:a})]})}function j({content:l}){var m,e,s,f,d,x,v,k,N;let a=C(l.primaryButton);return i("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&g("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[i(P,{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:(f=(s=l==null?void 0:l.mainImage)==null?void 0:s.alt)!=null?f:"portfolio-image"}),g("div",{className:"p-6",children:[i(h,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&i(h,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&i(b,{asChild:!0,variant:"link","aria-label":(k=l==null?void 0:l.primaryButton)==null?void 0:k.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:i(r,{href:a.href,target:a.target,rel:a.rel,children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})})]})]})})}function F({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:i(w,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(m=>i(j,{content:m},m._key))})}export{I as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Button as b}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as x}from"@stackshift-ui/flex";import{Heading as N}from"@stackshift-ui/heading";import{Image as L}from"@stackshift-ui/image";import{Section as C}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import{Link as h}from"@stackshift-ui/link";import{buildSanityLink as t}from"@stackshift-ui/system";import{jsx as a,jsxs as s}from"react/jsx-runtime";function P({caption:e,title:i,portfolios:r,primaryButton:l,length:m=6}){let g=m,d=t(l);return a(C,{className:"py-20 bg-background",children:s(w,{maxWidth:1280,children:[s(x,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(T,{caption:e,title:i}),a("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(l==null?void 0:l.label)&&a(b,{asChild:!0,"aria-label":l==null?void 0:l.label,variant:"link",children:a(h,{href:d.href,target:d.target,rel:d.rel,children:l==null?void 0:l.label})})})]}),a(R,{portfolios:r,portfolioLength:g}),a("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(l==null?void 0:l.label)&&a(b,{asChild:!0,"aria-label":l==null?void 0:l.label,variant:"link",children:a(h,{href:d.href,target:d.target,rel:d.rel,children:l==null?void 0:l.label})})})]})})}function T({caption:e,title:i}){return!e||!i?null:s("div",{className:"text-center lg:text-left",children:[a(f,{weight:"semibold",children:e}),a(N,{className:"mb-6",fontSize:"2xl",children:i})]})}function I({content:e}){var r,l,m,g,d,v,u,k,o;let i=t(e.primaryButton);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:[((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&a(L,{className:"object-cover w-full h-80",src:(l=e==null?void 0:e.mainImage)==null?void 0:l.image,width:480,height:320,alt:(g=(m=e==null?void 0:e.mainImage)==null?void 0:m.alt)!=null?g:"portfolio-image"}),s(x,{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(f,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&a(f,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>80?`${(v=e==null?void 0:e.title)==null?void 0:v.substring(0,80)}...`:e==null?void 0:e.title}),((u=e==null?void 0:e.primaryButton)==null?void 0:u.label)&&a(b,{asChild:!0,variant:"outline","aria-label":(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:a(h,{href:i.href,target:i.target,rel:i.rel,children:(o=e==null?void 0:e.primaryButton)==null?void 0:o.label})})]})]})})}function R({portfolios:e,portfolioLength:i}){return!e||(e==null?void 0:e.length)===0?null:a(x,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,i).map(r=>a(I,{content:r},r._key))})}export{P as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as g}from"./chunk-3YRBUX6P.mjs";import{a as y}from"./chunk-FLYHWMQD.mjs";import{a as h}from"./chunk-EM2WNMO2.mjs";import{a as C}from"./chunk-77S7T6ST.mjs";import{jsx as R}from"react/jsx-runtime";var i={variant_a:g,variant_b:y,variant_c:h,variant_d:C},W="Portfolio",B=({data:o})=>{var n,e,s,f,l,p,m,P,c,u,v;let r=o==null?void 0:o.variant,t=r&&(i==null?void 0:i[r]),b={caption:(e=(n=o==null?void 0:o.variants)==null?void 0:n.subtitle)!=null?e:void 0,title:(f=(s=o==null?void 0:o.variants)==null?void 0:s.title)!=null?f:void 0,portfoliosWithCategory:(p=(l=o==null?void 0:o.variants)==null?void 0:l.portfoliosWithCategories)!=null?p:void 0,portfolios:(P=(m=o==null?void 0:o.variants)==null?void 0:m.portfolios)!=null?P:void 0,primaryButton:(u=(c=o==null?void 0:o.variants)==null?void 0:c.primaryButton)!=null?u:void 0,length:(v=o==null?void 0:o.variants)==null?void 0:v.length};return t?R(t,{...b}):null};B.displayName=W;export{B as a};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var Jl=Object.create;var I=Object.defineProperty;var Ql=Object.getOwnPropertyDescriptor;var Xl=Object.getOwnPropertyNames;var Vl=Object.getPrototypeOf,ql=Object.prototype.hasOwnProperty;var y=(l,e)=>()=>(l&&(e=l(l=0)),e);var R=(l,e)=>{for(var a in e)I(l,a,{get:e[a],enumerable:!0})},ul=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Xl(e))!ql.call(l,r)&&r!==a&&I(l,r,{get:()=>e[r],enumerable:!(i=Ql(e,r))||i.enumerable});return l};var V=(l,e,a)=>(a=l!=null?Jl(Vl(l)):{},ul(e||!l||!l.__esModule?I(a,"default",{value:l,enumerable:!0}):a,l)),Gl=l=>ul(I({},"__esModule",{value:!0}),l);var Nl={};R(Nl,{Portfolio_A:()=>U,default:()=>U});function U({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var m;let r=i,[s,f]=K.default.useState((m=a==null?void 0:a[0])==null?void 0:m.category),g=a==null?void 0:a.find(x=>(x==null?void 0:x.category)===s);return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Kl,{caption:l,title:e}),(0,b.jsx)(Ul,{categories:a,activeTab:s,onClickFn:f})]}),(0,b.jsx)(Yl,{portfolios:g==null?void 0:g.content,portfolioLength:r}),(0,b.jsx)(Ol,{button:g==null?void 0:g.primaryButton})]})})}function Kl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(wl.Text,{weight:"semibold",children:l}),(0,b.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ol({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(F.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ul({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,b.jsx)(F.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function Yl({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var f,g,m,x,k,p,L,w,N,P,T,S,u;let s=(0,O.buildSanityLink)({type:(g=(f=i==null?void 0:i.primaryButton)==null?void 0:f.type)!=null?g:"",internalLink:(x=(m=i==null?void 0:i.primaryButton)==null?void 0:m.internalLink)!=null?x:"",externalLink:(p=(k=i==null?void 0:i.primaryButton)==null?void 0:k.externalLink)!=null?p:""});return(0,b.jsx)(_.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto b-[256px] w-[332px] overflow-hidden rounded-md",children:[((L=i==null?void 0:i.mainImage)==null?void 0:L.image)&&(0,b.jsx)(pl.Image,{className:"object-cover w-full b-full",src:(w=i==null?void 0:i.mainImage)==null?void 0:w.image,alt:(P=(N=i==null?void 0:i.mainImage)==null?void 0:N.alt)!=null?P:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((T=i==null?void 0:i.primaryButton)==null?void 0:T.label)&&(0,b.jsx)(F.Button,{asChild:!0,variant:"outline","aria-abel":(S=i==null?void 0:i.primaryButton)==null?void 0:S.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:s.href,target:s.target,rel:s.rel,children:(u=i==null?void 0:i.primaryButton)==null?void 0:u.label})})})]})},i==null?void 0:i._key)})})}var F,q,_,kl,pl,G,Ll,wl,K,O,b,Y=y(()=>{"use strict";F=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),kl=require("@stackshift-ui/heading"),pl=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),Ll=require("@stackshift-ui/section"),wl=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime")});var Rl={};R(Rl,{Portfolio_B:()=>W,default:()=>W});function W({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Zl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Bl,{portfolios:a,portfolioLength:s}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function Zl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)($.Text,{weight:"semibold",children:l}),(0,b.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Wl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsx)(pl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)(_.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)($.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)($.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>80?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,80)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(z.Button,{asChild:!0,variant:"outline","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function Bl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Wl,{content:a},a._key))})}var z,q,_,kl,pl,Ll,$,G,O,b,B=y(()=>{"use strict";z=require("@stackshift-ui/button")});var zl={};R(zl,{Portfolio_C:()=>t,default:()=>t});function t({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ol,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(tl,{portfolios:a,portfolioLength:s}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function ol({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(wl.Text,{weight:"semibold",children:l}),(0,b.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function cl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"b-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(pl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(wl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(wl.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>31?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(H.Button,{asChild:!0,variant:"link","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function tl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(cl,{content:a},a._key))})}var H,q,_,kl,pl,G,Ll,wl,O,b,n=y(()=>{"use strict";H=require("@stackshift-ui/button")});var M,$l,jl=y(()=>{"use strict";M=V(require("react")),$l=l=>{let[e,a]=M.default.useState(!1),i=M.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return M.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var El={};R(El,{Portfolio_D:()=>sl,default:()=>sl});function sl({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var x,k,p,L,w,N,P,T,S;let r=i,s=0,[f,g]=rl.default.useState((x=a==null?void 0:a[0])==null?void 0:x.category),m=a==null?void 0:a.find(u=>(u==null?void 0:u.category)===f);return(0,d.jsx)(Ll.Section,{className:"py-20 bg-background",children:(0,d.jsxs)(q.Container,{maxWidth:1280,children:[(0,d.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,d.jsx)(nl,{caption:l,title:e}),(0,d.jsx)(ii,{categories:a,activeTab:f,onClickFn:g})]}),(0,d.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,d.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(k=m==null?void 0:m.content)==null?void 0:k.slice(s,s+2))==null?void 0:p.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key)),(w=(L=m==null?void 0:m.content)==null?void 0:L.slice(s+2,s+3))==null?void 0:w.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key))]}),(0,d.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(N=m==null?void 0:m.content)==null?void 0:N.slice(s+3,s+4))==null?void 0:P.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key)),(0,d.jsx)("div",{className:"flex flex-wrap",children:(S=(T=m==null?void 0:m.content)==null?void 0:T.slice(s+4,r))==null?void 0:S.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key))})]})]}),(0,d.jsx)(li,{button:m==null?void 0:m.primaryButton})]})})}function nl({caption:l,title:e}){return!l||!e?null:(0,d.jsxs)(rl.default.Fragment,{children:[(0,d.jsx)(wl.Text,{weight:"semibold",children:l}),(0,d.jsx)(kl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function li({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,d.jsx)("div",{className:"text-center",children:(0,d.jsx)(X.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,d.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function ii({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,d.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,d.jsx)(X.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function J({size:l,content:e}){var s,f,g,m,x,k,p,L,w,N,P,T,S,u,gl,xl,hl,vl,bl;let i=$l("639")?40:90,r=(0,O.buildSanityLink)({type:(f=(s=e==null?void 0:e.primaryButton)==null?void 0:s.type)!=null?f:"",internalLink:(m=(g=e==null?void 0:e.primaryButton)==null?void 0:g.internalLink)!=null?m:"",externalLink:(k=(x=e==null?void 0:e.primaryButton)==null?void 0:x.externalLink)!=null?k:""});return(0,d.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((p=e==null?void 0:e.mainImage)==null?void 0:p.image)&&(0,d.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,d.jsx)(pl.Image,{className:`object-cover w-full ${l==="lg"?"b-128":"b-64"}`,src:(L=e==null?void 0:e.mainImage)==null?void 0:L.image,alt:(N=(w=e==null?void 0:e.mainImage)==null?void 0:w.alt)!=null?N:`portfolio-image-${e==null?void 0:e._key}`}),(0,d.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,d.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,d.jsx)(wl.Text,{className:"text-sm text-primary",weight:"bold",children:((P=e==null?void 0:e.subtitle)==null?void 0:P.length)>26?`${(T=e==null?void 0:e.subtitle)==null?void 0:T.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,d.jsx)(kl.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((S=e==null?void 0:e.title)==null?void 0:S.length)>38?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,38)}...`:e==null?void 0:e.title}),(0,d.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,d.jsx)(wl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((gl=e==null?void 0:e.description)==null?void 0:gl.length)>i?`${(xl=e==null?void 0:e.description)==null?void 0:xl.substring(0,i)}...`:e==null?void 0:e.description}),((hl=e==null?void 0:e.primaryButton)==null?void 0:hl.label)&&(0,d.jsx)(X.Button,{asChild:!0,variant:"outline","aria-label":(vl=e==null?void 0:e.primaryButton)==null?void 0:vl.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,d.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(bl=e==null?void 0:e.primaryButton)==null?void 0:bl.label})})]})]})})]})})}var X,q,_,kl,pl,G,Ll,wl,rl,O,d,dl=y(()=>{"use strict";X=require("@stackshift-ui/button"),rl=V(require("react"));jl();d=require("react/jsx-runtime")});var ai={};R(ai,{Portfolio:()=>Dl,Portfolio_A:()=>U,Portfolio_B:()=>W,Portfolio_C:()=>t,Portfolio_D:()=>sl});module.exports=Gl(ai);var C=require("react"),fl={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(Y(),Nl))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(B(),Rl))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(n(),zl))),variant_d:(0,C.lazy)(()=>Promise.resolve().then(()=>(dl(),El)))},ei="Portfolio",Dl=({data:l})=>{var r,s,f,g,m,x,k,p,L,w,N;let e=l==null?void 0:l.variant,a=e&&(fl==null?void 0:fl[e]),i={caption:(s=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?s:void 0,title:(g=(f=l==null?void 0:l.variants)==null?void 0:f.title)!=null?g:void 0,portfoliosWithCategory:(x=(m=l==null?void 0:l.variants)==null?void 0:m.portfoliosWithCategories)!=null?x:void 0,portfolios:(p=(k=l==null?void 0:l.variants)==null?void 0:k.portfolios)!=null?p:void 0,primaryButton:(w=(L=l==null?void 0:l.variants)==null?void 0:L.primaryButton)!=null?w:void 0,length:(N=l==null?void 0:l.variants)==null?void 0:N.length};return a?(0,b.jsx)(a,{...i}):null};Dl.displayName=ei;Y();B();n();dl();0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});
|
|
2
|
+
"use strict";var Pe=Object.create;var R=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var ye=(e,l)=>{for(var a in l)R(e,a,{get:l[a],enumerable:!0})},ie=(e,l,a,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of oe(l))!Se.call(e,r)&&r!==a&&R(e,r,{get:()=>l[r],enumerable:!(i=Te(l,r))||i.enumerable});return e};var V=(e,l,a)=>(a=e!=null?Pe(Re(e)):{},ie(l||!e||!e.__esModule?R(a,"default",{value:e,enumerable:!0}):a,e)),Ce=e=>ie(R({},"__esModule",{value:!0}),e);var Ve={};ye(Ve,{Portfolio:()=>ke,Portfolio_A:()=>C,Portfolio_B:()=>z,Portfolio_C:()=>E,Portfolio_D:()=>X});module.exports=Ce(Ve);var y=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),ae=require("@stackshift-ui/heading"),re=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),me=require("@stackshift-ui/section"),se=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime");function C({caption:e,title:l,portfoliosWithCategory:a,length:i=8}){var f;let r=i,[m,d]=K.default.useState((f=a==null?void 0:a[0])==null?void 0:f.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===m);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Ie,{caption:e,title:l}),(0,b.jsx)(Fe,{categories:a,activeTab:m,onClickFn:d})]}),(0,b.jsx)($e,{portfolios:x==null?void 0:x.content,portfolioLength:r}),(0,b.jsx)(_e,{button:x==null?void 0:x.primaryButton})]})})}function Ie({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function _e({button:e}){if(!(e!=null&&e.label))return null;let l=(0,O.buildSanityLink)(e);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(y.Button,{asChild:!0,"aria-label":e==null?void 0:e.label,children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:e==null?void 0:e.label})})})}function Fe({categories:e,activeTab:l,onClickFn:a}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:e==null?void 0:e.map((i,r)=>{var m;return(0,b.jsx)(y.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(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({portfolios:e,portfolioLength:l}){var a;return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{wrap:!0,className:"mb-8",children:(a=e==null?void 0:e.slice(0,l))==null?void 0:a.map((i,r)=>{var d,x,f,h,v,w,N;let m=(0,O.buildSanityLink)(i.primaryButton);return(0,b.jsx)(S.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,b.jsx)(re.Image,{className:"object-cover w-full h-full",src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:(h=(f=i==null?void 0:i.mainImage)==null?void 0:f.alt)!=null?h:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-abel":(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:m.href,target:m.target,rel:m.rel,children:(N=i==null?void 0:i.primaryButton)==null?void 0:N.label})})})]})},i==null?void 0:i._key)})})}function z({caption:e,title:l,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,O.buildSanityLink)(i);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)($.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ze,{caption:e,title:l}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(je,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function ze({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ae({content:e}){var a,i,r,m,d,x,f,h,v;let l=(0,O.buildSanityLink)(e.primaryButton);return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((a=e==null?void 0:e.mainImage)==null?void 0:a.image)&&(0,b.jsx)(re.Image,{className:"object-cover w-full h-80",src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)($.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)(se.Text,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,b.jsx)(se.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>80?`${(x=e==null?void 0:e.title)==null?void 0:x.substring(0,80)}...`:e==null?void 0:e.title}),((f=e==null?void 0:e.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-label":(h=e==null?void 0:e.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:(v=e==null?void 0:e.primaryButton)==null?void 0:v.label})})]})]})})}function je({portfolios:e,portfolioLength:l}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)($.Flex,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,l).map(a=>(0,b.jsx)(Ae,{content:a},a._key))})}function E({caption:e,title:l,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,O.buildSanityLink)(i);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(S.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(He,{caption:e,title:l}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(De,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function He({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ee({content:e}){var a,i,r,m,d,x,f,h,v;let l=(0,O.buildSanityLink)(e.primaryButton);return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=e==null?void 0:e.mainImage)==null?void 0:a.image)&&(0,b.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(re.Image,{className:"object-cover w-full h-80",src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(se.Text,{muted:!0,children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,b.jsx)(se.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>31?`${(x=e==null?void 0:e.title)==null?void 0:x.substring(0,31)}...`:e==null?void 0:e.title}),((f=e==null?void 0:e.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"link","aria-label":(h=e==null?void 0:e.primaryButton)==null?void 0:h.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:(v=e==null?void 0:e.primaryButton)==null?void 0:v.label})})]})]})})}function De({portfolios:e,portfolioLength:l}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{wrap:!0,className:"mb-4",children:e==null?void 0:e.slice(0,l).map(a=>(0,b.jsx)(Ee,{content:a},a._key))})}var n=V(require("react"));var D=V(require("react")),pe=e=>{let[l,a]=D.default.useState(!1),i=D.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return D.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${e}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),l};function X({caption:e,title:l,portfoliosWithCategory:a,length:i=6}){var h,v,w,N,k,L,P,T,o;let r=i,m=0,[d,x]=n.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),f=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===d);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Me,{caption:e,title:l}),(0,b.jsx)(Qe,{categories:a,activeTab:d,onClickFn:x})]}),(0,b.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,b.jsxs)(S.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(w=(v=f==null?void 0:f.content)==null?void 0:v.slice(m,m+2))==null?void 0:w.map(p=>(0,b.jsx)(M,{size:"sm",content:p},p._key)),(k=(N=f==null?void 0:f.content)==null?void 0:N.slice(m+2,m+3))==null?void 0:k.map(p=>(0,b.jsx)(M,{size:"lg",content:p},p._key))]}),(0,b.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(L=f==null?void 0:f.content)==null?void 0:L.slice(m+3,m+4))==null?void 0:P.map(p=>(0,b.jsx)(M,{size:"lg",content:p},p._key)),(0,b.jsx)("div",{className:"flex flex-wrap",children:(o=(T=f==null?void 0:f.content)==null?void 0:T.slice(m+4,r))==null?void 0:o.map(p=>(0,b.jsx)(M,{size:"sm",content:p},p._key))})]})]}),(0,b.jsx)(Je,{button:f==null?void 0:f.primaryButton})]})})}function Me({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)(n.default.Fragment,{children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Je({button:e}){if(!(e!=null&&e.label))return null;let l=(0,O.buildSanityLink)(e);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(y.Button,{asChild:!0,"aria-label":e==null?void 0:e.label,children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:e==null?void 0:e.label})})})}function Qe({categories:e,activeTab:l,onClickFn:a}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:e==null?void 0:e.map((i,r)=>{var m;return(0,b.jsx)(y.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(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 M({size:e,content:l}){var m,d,x,f,h,v,w,N,k,L,P,T,o;let i=pe("639")?40:90,r=(0,O.buildSanityLink)(l==null?void 0:l.primaryButton);return(0,b.jsx)("div",{className:`w-full px-4 mb-8 ${e==="lg"?"w-full":"lg:w-1/2"}`,children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,b.jsx)(re.Image,{className:`object-cover w-full ${e==="lg"?"h-128":"h-64"}`,src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,alt:(f=(x=l==null?void 0:l.mainImage)==null?void 0:x.alt)!=null?f:`portfolio-image-${l==null?void 0:l._key}`}),(0,b.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,b.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(l==null?void 0:l.subtitle)&&(0,b.jsx)(se.Text,{className:"text-sm text-primary",weight:"bold",children:((h=l==null?void 0:l.subtitle)==null?void 0:h.length)>26?`${(v=l==null?void 0:l.subtitle)==null?void 0:v.substring(0,26)}...`:l==null?void 0:l.subtitle}),(l==null?void 0:l.title)&&(0,b.jsx)(ae.Heading,{weight:"bold",className:`my-5 text-white ${e==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((w=l==null?void 0:l.title)==null?void 0:w.length)>38?`${(N=l==null?void 0:l.title)==null?void 0:N.substring(0,38)}...`:l==null?void 0:l.title}),(0,b.jsxs)("div",{className:"max-w-xs my-5",children:[(l==null?void 0:l.description)&&(0,b.jsx)(se.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((k=l==null?void 0:l.description)==null?void 0:k.length)>i?`${(L=l==null?void 0:l.description)==null?void 0:L.substring(0,i)}...`:l==null?void 0:l.description}),((P=l==null?void 0:l.primaryButton)==null?void 0:P.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-label":(T=l==null?void 0:l.primaryButton)==null?void 0:T.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(o=l==null?void 0:l.primaryButton)==null?void 0:o.label})})]})]})})]})})}var le={variant_a:C,variant_b:z,variant_c:E,variant_d:X},Xe="Portfolio",ke=({data:e})=>{var r,m,d,x,f,h,v,w,N,k,L;let l=e==null?void 0:e.variant,a=l&&(le==null?void 0:le[l]),i={caption:(m=(r=e==null?void 0:e.variants)==null?void 0:r.subtitle)!=null?m:void 0,title:(x=(d=e==null?void 0:e.variants)==null?void 0:d.title)!=null?x:void 0,portfoliosWithCategory:(h=(f=e==null?void 0:e.variants)==null?void 0:f.portfoliosWithCategories)!=null?h:void 0,portfolios:(w=(v=e==null?void 0:e.variants)==null?void 0:v.portfolios)!=null?w:void 0,primaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(L=e==null?void 0:e.variants)==null?void 0:L.length};return a?(0,b.jsx)(a,{...i}):null};ke.displayName=Xe;0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as f}from"./chunk-
|
|
2
|
+
"use strict";import{a as f}from"./chunk-KOBQCNWZ.mjs";import{a as o}from"./chunk-3YRBUX6P.mjs";import{a as r}from"./chunk-FLYHWMQD.mjs";import{a as e}from"./chunk-EM2WNMO2.mjs";import{a as t}from"./chunk-77S7T6ST.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Jl=Object.create;var I=Object.defineProperty;var Ql=Object.getOwnPropertyDescriptor;var Xl=Object.getOwnPropertyNames;var Vl=Object.getPrototypeOf,ql=Object.prototype.hasOwnProperty;var y=(l,e)=>()=>(l&&(e=l(l=0)),e);var R=(l,e)=>{for(var a in e)I(l,a,{get:e[a],enumerable:!0})},sl=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Xl(e))!ql.call(l,r)&&r!==a&&I(l,r,{get:()=>e[r],enumerable:!(i=Ql(e,r))||i.enumerable});return l};var V=(l,e,a)=>(a=l!=null?Jl(Vl(l)):{},sl(e||!l||!l.__esModule?I(a,"default",{value:l,enumerable:!0}):a,l)),Gl=l=>sl(I({},"__esModule",{value:!0}),l);var vl={};R(vl,{Portfolio_A:()=>hl,default:()=>hl});function hl({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var m;let r=i,[s,f]=K.default.useState((m=a==null?void 0:a[0])==null?void 0:m.category),g=a==null?void 0:a.find(x=>(x==null?void 0:x.category)===s);return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Kl,{caption:l,title:e}),(0,b.jsx)(Ul,{categories:a,activeTab:s,onClickFn:f})]}),(0,b.jsx)(Yl,{portfolios:g==null?void 0:g.content,portfolioLength:r}),(0,b.jsx)(Ol,{button:g==null?void 0:g.primaryButton})]})})}function Kl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(xl.Text,{weight:"semibold",children:l}),(0,b.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Ol({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(F.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ul({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,b.jsx)(F.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function Yl({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var f,g,m,x,k,p,L,w,N,P,T,S,u;let s=(0,O.buildSanityLink)({type:(g=(f=i==null?void 0:i.primaryButton)==null?void 0:f.type)!=null?g:"",internalLink:(x=(m=i==null?void 0:i.primaryButton)==null?void 0:m.internalLink)!=null?x:"",externalLink:(p=(k=i==null?void 0:i.primaryButton)==null?void 0:k.externalLink)!=null?p:""});return(0,b.jsx)(_.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto b-[256px] w-[332px] overflow-hidden rounded-md",children:[((L=i==null?void 0:i.mainImage)==null?void 0:L.image)&&(0,b.jsx)(fl.Image,{className:"object-cover w-full b-full",src:(w=i==null?void 0:i.mainImage)==null?void 0:w.image,alt:(P=(N=i==null?void 0:i.mainImage)==null?void 0:N.alt)!=null?P:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((T=i==null?void 0:i.primaryButton)==null?void 0:T.label)&&(0,b.jsx)(F.Button,{asChild:!0,variant:"outline","aria-abel":(S=i==null?void 0:i.primaryButton)==null?void 0:S.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:s.href,target:s.target,rel:s.rel,children:(u=i==null?void 0:i.primaryButton)==null?void 0:u.label})})})]})},i==null?void 0:i._key)})})}var F,q,_,dl,fl,G,gl,xl,K,O,b,bl=y(()=>{"use strict";F=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),dl=require("@stackshift-ui/heading"),fl=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),gl=require("@stackshift-ui/section"),xl=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime")});var Nl={};R(Nl,{Portfolio_B:()=>wl,default:()=>wl});function wl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Zl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Bl,{portfolios:a,portfolioLength:s}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(z.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function Zl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)($.Text,{weight:"semibold",children:l}),(0,b.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Wl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsx)(fl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)(_.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)($.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)($.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>80?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,80)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(z.Button,{asChild:!0,variant:"outline","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function Bl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Wl,{content:a},a._key))})}var z,q,_,dl,fl,gl,$,G,O,b,Pl=y(()=>{"use strict";z=require("@stackshift-ui/button")});var Il={};R(Il,{Portfolio_C:()=>Cl,default:()=>Cl});function Cl({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){var g,m,x;let s=r,f=(0,O.buildSanityLink)({type:(g=i==null?void 0:i.type)!=null?g:"",internalLink:(m=i==null?void 0:i.internalLink)!=null?m:"",externalLink:(x=i==null?void 0:i.externalLink)!=null?x:""});return(0,b.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(_.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ol,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(tl,{portfolios:a,portfolioLength:s}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(H.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:f.href,target:f.target,rel:f.rel,children:i==null?void 0:i.label})})})]})})}function ol({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(xl.Text,{weight:"semibold",children:l}),(0,b.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function cl({content:l}){var a,i,r,s,f,g,m,x,k,p,L,w,N,P,T;let e=(0,O.buildSanityLink)({type:(i=(a=l==null?void 0:l.primaryButton)==null?void 0:a.type)!=null?i:"",internalLink:(s=(r=l==null?void 0:l.primaryButton)==null?void 0:r.internalLink)!=null?s:"",externalLink:(g=(f=l==null?void 0:l.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"b-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(fl.Image,{className:"object-cover w-full b-80",src:(x=l==null?void 0:l.mainImage)==null?void 0:x.image,width:480,height:320,alt:(p=(k=l==null?void 0:l.mainImage)==null?void 0:k.alt)!=null?p:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(xl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(xl.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((L=l==null?void 0:l.title)==null?void 0:L.length)>31?`${(w=l==null?void 0:l.title)==null?void 0:w.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,b.jsx)(H.Button,{asChild:!0,variant:"link","aria-label":(P=l==null?void 0:l.primaryButton)==null?void 0:P.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:(T=l==null?void 0:l.primaryButton)==null?void 0:T.label})})]})]})})}function tl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(_.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(cl,{content:a},a._key))})}var H,q,_,dl,fl,G,gl,xl,O,b,_l=y(()=>{"use strict";H=require("@stackshift-ui/button")});var M,Fl,zl=y(()=>{"use strict";M=V(require("react")),Fl=l=>{let[e,a]=M.default.useState(!1),i=M.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return M.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e}});var Hl={};R(Hl,{Portfolio_D:()=>Al,default:()=>Al});function Al({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var x,k,p,L,w,N,P,T,S;let r=i,s=0,[f,g]=t.default.useState((x=a==null?void 0:a[0])==null?void 0:x.category),m=a==null?void 0:a.find(u=>(u==null?void 0:u.category)===f);return(0,d.jsx)(gl.Section,{className:"py-20 bg-background",children:(0,d.jsxs)(q.Container,{maxWidth:1280,children:[(0,d.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,d.jsx)(nl,{caption:l,title:e}),(0,d.jsx)(ii,{categories:a,activeTab:f,onClickFn:g})]}),(0,d.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,d.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(k=m==null?void 0:m.content)==null?void 0:k.slice(s,s+2))==null?void 0:p.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key)),(w=(L=m==null?void 0:m.content)==null?void 0:L.slice(s+2,s+3))==null?void 0:w.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key))]}),(0,d.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(N=m==null?void 0:m.content)==null?void 0:N.slice(s+3,s+4))==null?void 0:P.map(u=>(0,d.jsx)(J,{size:"lg",content:u},u._key)),(0,d.jsx)("div",{className:"flex flex-wrap",children:(S=(T=m==null?void 0:m.content)==null?void 0:T.slice(s+4,r))==null?void 0:S.map(u=>(0,d.jsx)(J,{size:"sm",content:u},u._key))})]})]}),(0,d.jsx)(li,{button:m==null?void 0:m.primaryButton})]})})}function nl({caption:l,title:e}){return!l||!e?null:(0,d.jsxs)(t.default.Fragment,{children:[(0,d.jsx)(xl.Text,{weight:"semibold",children:l}),(0,d.jsx)(dl.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function li({button:l}){var a,i,r;if(!(l!=null&&l.label))return null;let e=(0,O.buildSanityLink)({type:(a=l==null?void 0:l.type)!=null?a:"",internalLink:(i=l==null?void 0:l.internalLink)!=null?i:"",externalLink:(r=l==null?void 0:l.externalLink)!=null?r:""});return(0,d.jsx)("div",{className:"text-center",children:(0,d.jsx)(X.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,d.jsx)(G.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function ii({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,d.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var s;return(0,d.jsx)(X.Button,{variant:"ghost","aria-label":(s=i==null?void 0:i.category)!=null?s:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function J({size:l,content:e}){var s,f,g,m,x,k,p,L,w,N,P,T,S,u,il,el,al,rl,ml;let i=Fl("639")?40:90,r=(0,O.buildSanityLink)({type:(f=(s=e==null?void 0:e.primaryButton)==null?void 0:s.type)!=null?f:"",internalLink:(m=(g=e==null?void 0:e.primaryButton)==null?void 0:g.internalLink)!=null?m:"",externalLink:(k=(x=e==null?void 0:e.primaryButton)==null?void 0:x.externalLink)!=null?k:""});return(0,d.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((p=e==null?void 0:e.mainImage)==null?void 0:p.image)&&(0,d.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,d.jsx)($l.Image,{className:`object-cover w-full ${l==="lg"?"b-128":"b-64"}`,src:(L=e==null?void 0:e.mainImage)==null?void 0:L.image,alt:(N=(w=e==null?void 0:e.mainImage)==null?void 0:w.alt)!=null?N:`portfolio-image-${e==null?void 0:e._key}`}),(0,d.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,d.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,d.jsx)(xl.Text,{className:"text-sm text-primary",weight:"bold",children:((P=e==null?void 0:e.subtitle)==null?void 0:P.length)>26?`${(T=e==null?void 0:e.subtitle)==null?void 0:T.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,d.jsx)(dl.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((S=e==null?void 0:e.title)==null?void 0:S.length)>38?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,38)}...`:e==null?void 0:e.title}),(0,d.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,d.jsx)(xl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((il=e==null?void 0:e.description)==null?void 0:il.length)>i?`${(el=e==null?void 0:e.description)==null?void 0:el.substring(0,i)}...`:e==null?void 0:e.description}),((al=e==null?void 0:e.primaryButton)==null?void 0:al.label)&&(0,d.jsx)(X.Button,{asChild:!0,variant:"outline","aria-label":(rl=e==null?void 0:e.primaryButton)==null?void 0:rl.label,className:"w-fit b-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,d.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(ml=e==null?void 0:e.primaryButton)==null?void 0:ml.label})})]})]})})]})})}var X,q,_,dl,$l,G,gl,xl,t,O,d,El=y(()=>{"use strict";X=require("@stackshift-ui/button"),t=V(require("react"));zl();d=require("react/jsx-runtime")});var ai={};R(ai,{Portfolio:()=>Dl});module.exports=Gl(ai);var C=require("react"),ll={variant_a:(0,C.lazy)(()=>Promise.resolve().then(()=>(bl(),vl))),variant_b:(0,C.lazy)(()=>Promise.resolve().then(()=>(Pl(),Nl))),variant_c:(0,C.lazy)(()=>Promise.resolve().then(()=>(_l(),Il))),variant_d:(0,C.lazy)(()=>Promise.resolve().then(()=>(El(),Hl)))},ei="Portfolio",Dl=({data:l})=>{var r,s,f,g,m,x,k,p,L,w,N;let e=l==null?void 0:l.variant,a=e&&(ll==null?void 0:ll[e]),i={caption:(s=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?s:void 0,title:(g=(f=l==null?void 0:l.variants)==null?void 0:f.title)!=null?g:void 0,portfoliosWithCategory:(x=(m=l==null?void 0:l.variants)==null?void 0:m.portfoliosWithCategories)!=null?x:void 0,portfolios:(p=(k=l==null?void 0:l.variants)==null?void 0:k.portfolios)!=null?p:void 0,primaryButton:(w=(L=l==null?void 0:l.variants)==null?void 0:L.primaryButton)!=null?w:void 0,length:(N=l==null?void 0:l.variants)==null?void 0:N.length};return a?(0,b.jsx)(a,{...i}):null};Dl.displayName=ei;0&&(module.exports={Portfolio});
|
|
1
|
+
"use strict";var Pl=Object.create;var S=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var Rl=Object.getOwnPropertyNames;var Sl=Object.getPrototypeOf,yl=Object.prototype.hasOwnProperty;var ol=(l,e)=>{for(var a in e)S(l,a,{get:e[a],enumerable:!0})},il=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Rl(e))!yl.call(l,r)&&r!==a&&S(l,r,{get:()=>e[r],enumerable:!(i=Tl(e,r))||i.enumerable});return l};var M=(l,e,a)=>(a=l!=null?Pl(Sl(l)):{},il(e||!l||!l.__esModule?S(a,"default",{value:l,enumerable:!0}):a,l)),Cl=l=>il(S({},"__esModule",{value:!0}),l);var Vl={};ol(Vl,{Portfolio:()=>kl});module.exports=Cl(Vl);var o=require("@stackshift-ui/button"),J=require("@stackshift-ui/container"),y=require("@stackshift-ui/flex"),al=require("@stackshift-ui/heading"),rl=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),ml=require("@stackshift-ui/section"),sl=require("@stackshift-ui/text"),X=M(require("react")),V=require("@stackshift-ui/system"),b=require("react/jsx-runtime");function q({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var f;let r=i,[m,d]=X.default.useState((f=a==null?void 0:a[0])==null?void 0:f.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===m);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Il,{caption:l,title:e}),(0,b.jsx)(Fl,{categories:a,activeTab:m,onClickFn:d})]}),(0,b.jsx)($l,{portfolios:x==null?void 0:x.content,portfolioLength:r}),(0,b.jsx)(_l,{button:x==null?void 0:x.primaryButton})]})})}function Il({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(X.default.Fragment,{children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function _l({button:l}){if(!(l!=null&&l.label))return null;let e=(0,V.buildSanityLink)(l);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(o.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Fl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var m;return(0,b.jsx)(o.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function $l({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,x,f,h,v,w,N;let m=(0,V.buildSanityLink)(i.primaryButton);return(0,b.jsx)(y.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,b.jsx)(rl.Image,{className:"object-cover w-full h-full",src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:(h=(f=i==null?void 0:i.mainImage)==null?void 0:f.alt)!=null?h:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 Q-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-abel":(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:m.href,target:m.target,rel:m.rel,children:(N=i==null?void 0:i.primaryButton)==null?void 0:N.label})})})]})},i==null?void 0:i._key)})})}function K({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,V.buildSanityLink)(i);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(y.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(zl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(o.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(jl,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(o.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function zl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Al({content:l}){var a,i,r,m,d,x,f,h,v;let e=(0,V.buildSanityLink)(l.primaryButton);return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,b.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=l==null?void 0:l.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)(y.Flex,{direction:"col",align:"start",className:"absolute inset-0 Q-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)(sl.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(sl.Text,{weight:"bold",className:"mb-auto text-white md:text-al lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,80)}...`:l==null?void 0:l.title}),((f=l==null?void 0:l.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-label":(h=l==null?void 0:l.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label})})]})]})})}function jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Al,{content:a},a._key))})}function Y({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,V.buildSanityLink)(i);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(y.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Hl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)($.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Dl,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)($.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function Hl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function El({content:l}){var a,i,r,m,d,x,f,h,v;let e=(0,V.buildSanityLink)(l.primaryButton);return(0,b.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,b.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=l==null?void 0:l.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(sl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(sl.Text,{weight:"bold",fontSize:"al",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((f=l==null?void 0:l.primaryButton)==null?void 0:f.label)&&(0,b.jsx)($.Button,{asChild:!0,variant:"link","aria-label":(h=l==null?void 0:l.primaryButton)==null?void 0:h.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label})})]})]})})}function Dl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(El,{content:a},a._key))})}var c=M(require("react"));var j=M(require("react")),pl=l=>{let[e,a]=j.default.useState(!1),i=j.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return j.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e};function ll({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var h,v,w,N,k,L,P,T,R;let r=i,m=0,[d,x]=c.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),f=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===d);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Ml,{caption:l,title:e}),(0,b.jsx)(Ql,{categories:a,activeTab:d,onClickFn:x})]}),(0,b.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,b.jsxs)(y.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(w=(v=f==null?void 0:f.content)==null?void 0:v.slice(m,m+2))==null?void 0:w.map(p=>(0,b.jsx)(H,{size:"sm",content:p},p._key)),(k=(N=f==null?void 0:f.content)==null?void 0:N.slice(m+2,m+3))==null?void 0:k.map(p=>(0,b.jsx)(H,{size:"lg",content:p},p._key))]}),(0,b.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(L=f==null?void 0:f.content)==null?void 0:L.slice(m+3,m+4))==null?void 0:P.map(p=>(0,b.jsx)(H,{size:"lg",content:p},p._key)),(0,b.jsx)("div",{className:"flex flex-wrap",children:(R=(T=f==null?void 0:f.content)==null?void 0:T.slice(m+4,r))==null?void 0:R.map(p=>(0,b.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,b.jsx)(Jl,{button:f==null?void 0:f.primaryButton})]})})}function Ml({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(c.default.Fragment,{children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Jl({button:l}){if(!(l!=null&&l.label))return null;let e=(0,V.buildSanityLink)(l);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(o.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ql({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var m;return(0,b.jsx)(o.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var m,d,x,f,h,v,w,N,k,L,P,T,R;let i=pl("639")?40:90,r=(0,V.buildSanityLink)(e==null?void 0:e.primaryButton);return(0,b.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,b.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,b.jsx)(rl.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:(f=(x=e==null?void 0:e.mainImage)==null?void 0:x.alt)!=null?f:`portfolio-image-${e==null?void 0:e._key}`}),(0,b.jsx)("div",{className:"absolute inset-0 Q-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,b.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,b.jsx)(sl.Text,{className:"text-sm text-primary",weight:"bold",children:((h=e==null?void 0:e.subtitle)==null?void 0:h.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,b.jsx)(al.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-al":"text-sm"}`,children:((w=e==null?void 0:e.title)==null?void 0:w.length)>38?`${(N=e==null?void 0:e.title)==null?void 0:N.substring(0,38)}...`:e==null?void 0:e.title}),(0,b.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,b.jsx)(sl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((k=e==null?void 0:e.description)==null?void 0:k.length)>i?`${(L=e==null?void 0:e.description)==null?void 0:L.substring(0,i)}...`:e==null?void 0:e.description}),((P=e==null?void 0:e.primaryButton)==null?void 0:P.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-label":(T=e==null?void 0:e.primaryButton)==null?void 0:T.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:r.href,target:r.target,rel:r.rel,children:(R=e==null?void 0:e.primaryButton)==null?void 0:R.label})})]})]})})]})})}var el={variant_a:q,variant_b:K,variant_c:Y,variant_d:ll},Xl="Portfolio",kl=({data:l})=>{var r,m,d,x,f,h,v,w,N,k,L;let e=l==null?void 0:l.variant,a=e&&(el==null?void 0:el[e]),i={caption:(m=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?m:void 0,title:(x=(d=l==null?void 0:l.variants)==null?void 0:d.title)!=null?x:void 0,portfoliosWithCategory:(h=(f=l==null?void 0:l.variants)==null?void 0:f.portfoliosWithCategories)!=null?h:void 0,portfolios:(w=(v=l==null?void 0:l.variants)==null?void 0:v.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(L=l==null?void 0:l.variants)==null?void 0:L.length};return a?(0,b.jsx)(a,{...i}):null};kl.displayName=Xl;0&&(module.exports={Portfolio});
|
package/dist/portfolio.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-KOBQCNWZ.mjs";import"./chunk-3YRBUX6P.mjs";import"./chunk-FLYHWMQD.mjs";import"./chunk-EM2WNMO2.mjs";import"./chunk-77S7T6ST.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio};
|
package/dist/portfolio_a.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var F=Object.create;var b=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var H=(a,e)=>{for(var i in e)b(a,i,{get:e[i],enumerable:!0})},L=(a,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of _(e))!z.call(a,m)&&m!==i&&b(a,m,{get:()=>e[m],enumerable:!(r=I(e,m))||r.enumerable});return a};var $=(a,e,i)=>(i=a!=null?F(j(a)):{},L(e||!a||!a.__esModule?b(i,"default",{value:a,enumerable:!0}):i,a)),D=a=>L(b({},"__esModule",{value:!0}),a);var G={};H(G,{Portfolio_A:()=>A,default:()=>A});module.exports=D(G);var p=require("@stackshift-ui/button"),v=require("@stackshift-ui/container"),g=require("@stackshift-ui/flex"),R=require("@stackshift-ui/heading"),S=require("@stackshift-ui/image"),h=require("@stackshift-ui/link"),T=require("@stackshift-ui/section"),P=require("@stackshift-ui/text"),y=$(require("react")),w=require("@stackshift-ui/system"),l=require("react/jsx-runtime");function A({caption:a,title:e,portfoliosWithCategory:i,length:r=8}){var f;let m=r,[u,x]=y.default.useState((f=i==null?void 0:i[0])==null?void 0:f.category),d=i==null?void 0:i.find(s=>(s==null?void 0:s.category)===u);return(0,l.jsx)(T.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(v.Container,{maxWidth:1280,children:[(0,l.jsxs)(v.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(E,{caption:a,title:e}),(0,l.jsx)(X,{categories:i,activeTab:u,onClickFn:x})]}),(0,l.jsx)(q,{portfolios:d==null?void 0:d.content,portfolioLength:m}),(0,l.jsx)(J,{button:d==null?void 0:d.primaryButton})]})})}function E({caption:a,title:e}){return!a||!e?null:(0,l.jsxs)(y.default.Fragment,{children:[(0,l.jsx)(P.Text,{weight:"semibold",children:a}),(0,l.jsx)(R.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function J({button:a}){if(!(a!=null&&a.label))return null;let e=(0,w.buildSanityLink)(a);return(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(p.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,children:(0,l.jsx)(h.Link,{href:e.href,target:e.target,rel:e.rel,children:a==null?void 0:a.label})})})}function X({categories:a,activeTab:e,onClickFn:i}){return!a||(a==null?void 0:a.length)===0?null:(0,l.jsx)(g.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((r,m)=>{var u;return(0,l.jsx)(p.Button,{variant:"ghost","aria-label":(u=r==null?void 0:r.category)!=null?u:`Category button ${m+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(r==null?void 0:r.category),onClick:()=>i==null?void 0:i(r==null?void 0:r.category),children:r==null?void 0:r.category},r==null?void 0:r._key)})})}function q({portfolios:a,portfolioLength:e}){var i;return!a||(a==null?void 0:a.length)===0?null:(0,l.jsx)(g.Flex,{wrap:!0,className:"mb-8",children:(i=a==null?void 0:a.slice(0,e))==null?void 0:i.map((r,m)=>{var x,d,f,s,N,k,B;let u=(0,w.buildSanityLink)(r.primaryButton);return(0,l.jsx)(g.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,l.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((x=r==null?void 0:r.mainImage)==null?void 0:x.image)&&(0,l.jsx)(S.Image,{className:"object-cover w-full h-full",src:(d=r==null?void 0:r.mainImage)==null?void 0:d.image,alt:(s=(f=r==null?void 0:r.mainImage)==null?void 0:f.alt)!=null?s:`portfolio-image-${m}`}),(0,l.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:((N=r==null?void 0:r.primaryButton)==null?void 0:N.label)&&(0,l.jsx)(p.Button,{asChild:!0,variant:"outline","aria-abel":(k=r==null?void 0:r.primaryButton)==null?void 0:k.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(h.Link,{href:u.href,target:u.target,rel:u.rel,children:(B=r==null?void 0:r.primaryButton)==null?void 0:B.label})})})]})},r==null?void 0:r._key)})})}0&&(module.exports={Portfolio_A});
|
package/dist/portfolio_a.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-3YRBUX6P.mjs";export{a as Portfolio_A,a as default};
|
package/dist/portfolio_b.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var x=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,i)=>{for(var d in i)x(e,d,{get:i[d],enumerable:!0})},j=(e,i,d,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let r of I(i))!R.call(e,r)&&r!==d&&x(e,r,{get:()=>i[r],enumerable:!(a=T(i,r))||a.enumerable});return e};var F=e=>j(x({},"__esModule",{value:!0}),e);var _={};S(_,{Portfolio_B:()=>P,default:()=>P});module.exports=F(_);var g=require("@stackshift-ui/button"),w=require("@stackshift-ui/container"),h=require("@stackshift-ui/flex"),N=require("@stackshift-ui/heading"),L=require("@stackshift-ui/image"),C=require("@stackshift-ui/section"),b=require("@stackshift-ui/text"),f=require("@stackshift-ui/link"),v=require("@stackshift-ui/system"),l=require("react/jsx-runtime");function P({caption:e,title:i,portfolios:d,primaryButton:a,length:r=6}){let m=r,s=(0,v.buildSanityLink)(a);return(0,l.jsx)(C.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(w.Container,{maxWidth:1280,children:[(0,l.jsxs)(h.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,l.jsx)(z,{caption:e,title:i}),(0,l.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(a==null?void 0:a.label)&&(0,l.jsx)(g.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,variant:"link",children:(0,l.jsx)(f.Link,{href:s.href,target:s.target,rel:s.rel,children:a==null?void 0:a.label})})})]}),(0,l.jsx)(H,{portfolios:d,portfolioLength:m}),(0,l.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(a==null?void 0:a.label)&&(0,l.jsx)(g.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,variant:"link",children:(0,l.jsx)(f.Link,{href:s.href,target:s.target,rel:s.rel,children:a==null?void 0:a.label})})})]})})}function z({caption:e,title:i}){return!e||!i?null:(0,l.jsxs)("div",{className:"text-center lg:text-left",children:[(0,l.jsx)(b.Text,{weight:"semibold",children:e}),(0,l.jsx)(N.Heading,{className:"mb-6",fontSize:"2xl",children:i})]})}function A({content:e}){var d,a,r,m,s,u,k,o,t;let i=(0,v.buildSanityLink)(e.primaryButton);return(0,l.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,l.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((d=e==null?void 0:e.mainImage)==null?void 0:d.image)&&(0,l.jsx)(L.Image,{className:"object-cover w-full h-80",src:(a=e==null?void 0:e.mainImage)==null?void 0:a.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,l.jsxs)(h.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,l.jsx)(b.Text,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,l.jsx)(b.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((s=e==null?void 0:e.title)==null?void 0:s.length)>80?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,80)}...`:e==null?void 0:e.title}),((k=e==null?void 0:e.primaryButton)==null?void 0:k.label)&&(0,l.jsx)(g.Button,{asChild:!0,variant:"outline","aria-label":(o=e==null?void 0:e.primaryButton)==null?void 0:o.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(f.Link,{href:i.href,target:i.target,rel:i.rel,children:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label})})]})]})})}function H({portfolios:e,portfolioLength:i}){return!e||(e==null?void 0:e.length)===0?null:(0,l.jsx)(h.Flex,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,i).map(d=>(0,l.jsx)(A,{content:d},d._key))})}0&&(module.exports={Portfolio_B});
|
package/dist/portfolio_b.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-FLYHWMQD.mjs";export{a as Portfolio_B,a as default};
|
package/dist/portfolio_c.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var h=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var H=(l,a)=>{for(var d in a)h(l,d,{get:a[d],enumerable:!0})},R=(l,a,d,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of j(a))!F.call(l,m)&&m!==d&&h(l,m,{get:()=>a[m],enumerable:!(i=S(a,m))||i.enumerable});return l};var z=l=>R(h({},"__esModule",{value:!0}),l);var $={};H($,{Portfolio_C:()=>I,default:()=>I});module.exports=z($);var f=require("@stackshift-ui/button"),L=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),u=require("@stackshift-ui/heading"),P=require("@stackshift-ui/image"),b=require("@stackshift-ui/link"),T=require("@stackshift-ui/section"),r=require("@stackshift-ui/text"),v=require("@stackshift-ui/system"),e=require("react/jsx-runtime");function I({caption:l,title:a,portfolios:d,primaryButton:i,length:m=6}){let s=m,g=(0,v.buildSanityLink)(i);return(0,e.jsx)(T.Section,{className:"py-20 bg-background",children:(0,e.jsxs)(L.Container,{maxWidth:1280,children:[(0,e.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,e.jsx)(A,{caption:l,title:a}),(0,e.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,e.jsx)(f.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,e.jsx)(b.Link,{href:g.href,target:g.target,rel:g.rel,children:i==null?void 0:i.label})})})]}),(0,e.jsx)(W,{portfolios:d,portfolioLength:s}),(0,e.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,e.jsx)(f.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,e.jsx)(b.Link,{href:g.href,target:g.target,rel:g.rel,children:i==null?void 0:i.label})})})]})})}function A({caption:l,title:a}){return!l||!a?null:(0,e.jsxs)("div",{className:"text-center lg:text-left",children:[(0,e.jsx)(r.Text,{weight:"semibold",children:l}),(0,e.jsx)(u.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function _({content:l}){var d,i,m,s,g,k,N,w,C;let a=(0,v.buildSanityLink)(l.primaryButton);return(0,e.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((d=l==null?void 0:l.mainImage)==null?void 0:d.image)&&(0,e.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,e.jsx)(P.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(s=(m=l==null?void 0:l.mainImage)==null?void 0:m.alt)!=null?s:"portfolio-image"}),(0,e.jsxs)("div",{className:"p-6",children:[(0,e.jsx)(r.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,e.jsx)(r.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((g=l==null?void 0:l.title)==null?void 0:g.length)>31?`${(k=l==null?void 0:l.title)==null?void 0:k.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,e.jsx)(f.Button,{asChild:!0,variant:"link","aria-label":(w=l==null?void 0:l.primaryButton)==null?void 0:w.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,e.jsx)(b.Link,{href:a.href,target:a.target,rel:a.rel,children:(C=l==null?void 0:l.primaryButton)==null?void 0:C.label})})]})]})})}function W({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:(0,e.jsx)(x.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>(0,e.jsx)(_,{content:d},d._key))})}0&&(module.exports={Portfolio_C});
|
package/dist/portfolio_c.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-EM2WNMO2.mjs";export{a as Portfolio_C,a as default};
|
package/dist/portfolio_d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var Q=Object.create;var T=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var O=(i,a)=>{for(var e in a)T(i,e,{get:a[e],enumerable:!0})},E=(i,a,e,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of G(a))!K.call(i,m)&&m!==e&&T(i,m,{get:()=>a[m],enumerable:!(r=q(a,m))||r.enumerable});return i};var F=(i,a,e)=>(e=i!=null?Q(J(i)):{},E(a||!i||!i.__esModule?T(e,"default",{value:i,enumerable:!0}):e,i)),U=i=>E(T({},"__esModule",{value:!0}),i);var Z={};O(Z,{Portfolio_D:()=>D,default:()=>D});module.exports=U(Z);var S=require("@stackshift-ui/button"),$=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),z=require("@stackshift-ui/heading"),M=require("@stackshift-ui/image"),I=require("@stackshift-ui/link"),P=require("@stackshift-ui/section"),R=require("@stackshift-ui/text"),j=F(require("react")),A=require("@stackshift-ui/system");var B=F(require("react")),H=i=>{let[a,e]=B.default.useState(!1),r=B.default.useCallback(m=>{m.matches?e(!0):e(!1)},[]);return B.default.useEffect(()=>{let m=window.matchMedia(`(max-width: ${i}px)`);return m.addEventListener("change",r),m.matches&&e(!0),()=>m.removeEventListener("change",r)},[]),a};var l=require("react/jsx-runtime");function D({caption:i,title:a,portfoliosWithCategory:e,length:r=6}){var f,g,b,p,v,h,w,y,k;let m=r,u=0,[x,N]=j.default.useState((f=e==null?void 0:e[0])==null?void 0:f.category),s=e==null?void 0:e.find(d=>(d==null?void 0:d.category)===x);return(0,l.jsx)(P.Section,{className:"py-20 bg-background",children:(0,l.jsxs)($.Container,{maxWidth:1280,children:[(0,l.jsxs)($.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(V,{caption:i,title:a}),(0,l.jsx)(Y,{categories:e,activeTab:x,onClickFn:N})]}),(0,l.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,l.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(b=(g=s==null?void 0:s.content)==null?void 0:g.slice(u,u+2))==null?void 0:b.map(d=>(0,l.jsx)(L,{size:"sm",content:d},d._key)),(v=(p=s==null?void 0:s.content)==null?void 0:p.slice(u+2,u+3))==null?void 0:v.map(d=>(0,l.jsx)(L,{size:"lg",content:d},d._key))]}),(0,l.jsxs)("div",{className:"w-full lg:w-1/2",children:[(w=(h=s==null?void 0:s.content)==null?void 0:h.slice(u+3,u+4))==null?void 0:w.map(d=>(0,l.jsx)(L,{size:"lg",content:d},d._key)),(0,l.jsx)("div",{className:"flex flex-wrap",children:(k=(y=s==null?void 0:s.content)==null?void 0:y.slice(u+4,m))==null?void 0:k.map(d=>(0,l.jsx)(L,{size:"sm",content:d},d._key))})]})]}),(0,l.jsx)(X,{button:s==null?void 0:s.primaryButton})]})})}function V({caption:i,title:a}){return!i||!a?null:(0,l.jsxs)(j.default.Fragment,{children:[(0,l.jsx)(R.Text,{weight:"semibold",children:i}),(0,l.jsx)(z.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function X({button:i}){if(!(i!=null&&i.label))return null;let a=(0,A.buildSanityLink)(i);return(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(S.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,l.jsx)(I.Link,{href:a.href,target:a.target,rel:a.rel,children:i==null?void 0:i.label})})})}function Y({categories:i,activeTab:a,onClickFn:e}){return!i||(i==null?void 0:i.length)===0?null:(0,l.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((r,m)=>{var u;return(0,l.jsx)(S.Button,{variant:"ghost","aria-label":(u=r==null?void 0:r.category)!=null?u:`Category button ${m+1}`,className:"my-1 data-[active=true]:text-primary","data-active":a===(r==null?void 0:r.category),onClick:()=>e==null?void 0:e(r==null?void 0:r.category),children:r==null?void 0:r.category},r==null?void 0:r._key)})})}function L({size:i,content:a}){var u,x,N,s,f,g,b,p,v,h,w,y,k;let r=H("639")?40:90,m=(0,A.buildSanityLink)(a==null?void 0:a.primaryButton);return(0,l.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((u=a==null?void 0:a.mainImage)==null?void 0:u.image)&&(0,l.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,l.jsx)(M.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(x=a==null?void 0:a.mainImage)==null?void 0:x.image,alt:(s=(N=a==null?void 0:a.mainImage)==null?void 0:N.alt)!=null?s:`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:((f=a==null?void 0:a.subtitle)==null?void 0:f.length)>26?`${(g=a==null?void 0:a.subtitle)==null?void 0:g.substring(0,26)}...`:a==null?void 0:a.subtitle}),(a==null?void 0:a.title)&&(0,l.jsx)(z.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((b=a==null?void 0:a.title)==null?void 0:b.length)>38?`${(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)>r?`${(h=a==null?void 0:a.description)==null?void 0:h.substring(0,r)}...`:a==null?void 0:a.description}),((w=a==null?void 0:a.primaryButton)==null?void 0:w.label)&&(0,l.jsx)(S.Button,{asChild:!0,variant:"outline","aria-label":(y=a==null?void 0:a.primaryButton)==null?void 0:y.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(I.Link,{href:m.href,target:m.target,rel:m.rel,children:(k=a==null?void 0:a.primaryButton)==null?void 0:k.label})})]})]})})]})})}0&&(module.exports={Portfolio_D});
|
package/dist/portfolio_d.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-77S7T6ST.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio_D,a as default};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/portfolio",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "7.0.0-beta.
|
|
4
|
+
"version": "7.0.0-beta.6",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -34,23 +34,23 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/button": "6.1.0-beta.
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/link": "6.0
|
|
37
|
+
"@stackshift-ui/scripts": "6.1.0-beta.2",
|
|
38
|
+
"@stackshift-ui/system": "6.1.0-beta.3",
|
|
39
|
+
"@stackshift-ui/button": "6.1.0-beta.5",
|
|
40
|
+
"@stackshift-ui/heading": "7.0.0-beta.3",
|
|
41
|
+
"@stackshift-ui/section": "7.0.0-beta.3",
|
|
42
|
+
"@stackshift-ui/text": "7.0.0-beta.3",
|
|
43
|
+
"@stackshift-ui/container": "7.0.0-beta.3",
|
|
44
|
+
"@stackshift-ui/image": "6.1.0-beta.4",
|
|
45
|
+
"@stackshift-ui/flex": "7.0.0-beta.3",
|
|
46
|
+
"@stackshift-ui/link": "6.1.0-beta.3"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@types/react": "16.8 - 19",
|
|
50
50
|
"next": "10 - 14",
|
|
51
51
|
"react": "16.8 - 19",
|
|
52
52
|
"react-dom": "16.8 - 19",
|
|
53
|
-
"@stackshift-ui/system": ">=6.1.0-beta.
|
|
53
|
+
"@stackshift-ui/system": ">=6.1.0-beta.3"
|
|
54
54
|
},
|
|
55
55
|
"peerDependenciesMeta": {
|
|
56
56
|
"next": {
|
package/src/portfolio.tsx
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import PortfolioA from "./portfolio_a";
|
|
3
|
+
import PortfolioB from "./portfolio_b";
|
|
4
|
+
import PortfolioC from "./portfolio_c";
|
|
5
|
+
import PortfolioD from "./portfolio_d";
|
|
3
6
|
import { LabeledRoute, Portfolios, PortfoliosWithCategories, SectionsProps } from "./types";
|
|
4
7
|
|
|
5
8
|
const Variants = {
|
|
6
|
-
variant_a:
|
|
7
|
-
variant_b:
|
|
8
|
-
variant_c:
|
|
9
|
-
variant_d:
|
|
9
|
+
variant_a: PortfolioA,
|
|
10
|
+
variant_b: PortfolioB,
|
|
11
|
+
variant_c: PortfolioC,
|
|
12
|
+
variant_d: PortfolioD,
|
|
10
13
|
};
|
|
11
14
|
|
|
12
15
|
export interface PortfolioProps {
|
package/src/portfolio_a.tsx
CHANGED
|
@@ -67,11 +67,7 @@ function CaptionAndTitleText({
|
|
|
67
67
|
function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
|
|
68
68
|
if (!button?.label) return null;
|
|
69
69
|
|
|
70
|
-
const link = buildSanityLink(
|
|
71
|
-
type: button?.type ?? "",
|
|
72
|
-
internalLink: button?.internalLink ?? "",
|
|
73
|
-
externalLink: button?.externalLink ?? "",
|
|
74
|
-
});
|
|
70
|
+
const link = buildSanityLink(button);
|
|
75
71
|
|
|
76
72
|
return (
|
|
77
73
|
<div className="text-center">
|
|
@@ -124,11 +120,7 @@ function PortfolioContent({
|
|
|
124
120
|
return (
|
|
125
121
|
<Flex wrap className="mb-8">
|
|
126
122
|
{portfolios?.slice(0, portfolioLength)?.map((content, index: number) => {
|
|
127
|
-
const link = buildSanityLink(
|
|
128
|
-
type: content?.primaryButton?.type ?? "",
|
|
129
|
-
internalLink: content?.primaryButton?.internalLink ?? "",
|
|
130
|
-
externalLink: content?.primaryButton?.externalLink ?? "",
|
|
131
|
-
});
|
|
123
|
+
const link = buildSanityLink(content.primaryButton as LabeledRoute);
|
|
132
124
|
|
|
133
125
|
return (
|
|
134
126
|
<Flex className="w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4" key={content?._key}>
|
package/src/portfolio_b.tsx
CHANGED
|
@@ -10,7 +10,7 @@ import React from "react";
|
|
|
10
10
|
import { Link } from "@stackshift-ui/link";
|
|
11
11
|
import { buildSanityLink } from "@stackshift-ui/system";
|
|
12
12
|
import { PortfolioProps } from ".";
|
|
13
|
-
import { Content } from "./types";
|
|
13
|
+
import { Content, LabeledRoute } from "./types";
|
|
14
14
|
|
|
15
15
|
export default function Portfolio_B({
|
|
16
16
|
caption,
|
|
@@ -21,11 +21,7 @@ export default function Portfolio_B({
|
|
|
21
21
|
}: PortfolioProps): React.JSX.Element {
|
|
22
22
|
const portfolioLength = length; //set initial number of portfolios to display for this variant
|
|
23
23
|
|
|
24
|
-
const link = buildSanityLink(
|
|
25
|
-
type: primaryButton?.type ?? "",
|
|
26
|
-
internalLink: primaryButton?.internalLink ?? "",
|
|
27
|
-
externalLink: primaryButton?.externalLink ?? "",
|
|
28
|
-
});
|
|
24
|
+
const link = buildSanityLink(primaryButton as LabeledRoute);
|
|
29
25
|
|
|
30
26
|
return (
|
|
31
27
|
<Section className="py-20 bg-background">
|
|
@@ -77,11 +73,7 @@ function CaptionAndTitleText({
|
|
|
77
73
|
}
|
|
78
74
|
|
|
79
75
|
function ProjectItem({ content }: { content: Content }) {
|
|
80
|
-
const link = buildSanityLink(
|
|
81
|
-
type: content?.primaryButton?.type ?? "",
|
|
82
|
-
internalLink: content?.primaryButton?.internalLink ?? "",
|
|
83
|
-
externalLink: content?.primaryButton?.externalLink ?? "",
|
|
84
|
-
});
|
|
76
|
+
const link = buildSanityLink(content.primaryButton as LabeledRoute);
|
|
85
77
|
|
|
86
78
|
return (
|
|
87
79
|
<div className="w-full px-4 mb-4 md:w-1/2 lg:w-1/3">
|
package/src/portfolio_c.tsx
CHANGED
|
@@ -9,7 +9,7 @@ import { Text } from "@stackshift-ui/text";
|
|
|
9
9
|
|
|
10
10
|
import { buildSanityLink } from "@stackshift-ui/system";
|
|
11
11
|
import { PortfolioProps } from ".";
|
|
12
|
-
import { Content } from "./types";
|
|
12
|
+
import { Content, LabeledRoute } from "./types";
|
|
13
13
|
|
|
14
14
|
export default function Portfolio_C({
|
|
15
15
|
caption,
|
|
@@ -20,11 +20,7 @@ export default function Portfolio_C({
|
|
|
20
20
|
}: PortfolioProps) {
|
|
21
21
|
const portfolioLength = length; //set initial number of portfolios to display for this variant
|
|
22
22
|
|
|
23
|
-
const link = buildSanityLink(
|
|
24
|
-
type: primaryButton?.type ?? "",
|
|
25
|
-
internalLink: primaryButton?.internalLink ?? "",
|
|
26
|
-
externalLink: primaryButton?.externalLink ?? "",
|
|
27
|
-
});
|
|
23
|
+
const link = buildSanityLink(primaryButton as LabeledRoute);
|
|
28
24
|
|
|
29
25
|
return (
|
|
30
26
|
<Section className="py-20 bg-background">
|
|
@@ -76,11 +72,7 @@ function CaptionAndTitleText({
|
|
|
76
72
|
}
|
|
77
73
|
|
|
78
74
|
function ProjectItem({ content }: { content: Content }) {
|
|
79
|
-
const link = buildSanityLink(
|
|
80
|
-
type: content?.primaryButton?.type ?? "",
|
|
81
|
-
internalLink: content?.primaryButton?.internalLink ?? "",
|
|
82
|
-
externalLink: content?.primaryButton?.externalLink ?? "",
|
|
83
|
-
});
|
|
75
|
+
const link = buildSanityLink(content.primaryButton as LabeledRoute);
|
|
84
76
|
|
|
85
77
|
return (
|
|
86
78
|
<div className="relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3">
|
package/src/portfolio_d.tsx
CHANGED
|
@@ -85,11 +85,7 @@ function CaptionAndTitleText({
|
|
|
85
85
|
function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
|
|
86
86
|
if (!button?.label) return null;
|
|
87
87
|
|
|
88
|
-
const link = buildSanityLink(
|
|
89
|
-
type: button?.type ?? "",
|
|
90
|
-
internalLink: button?.internalLink ?? "",
|
|
91
|
-
externalLink: button?.externalLink ?? "",
|
|
92
|
-
});
|
|
88
|
+
const link = buildSanityLink(button);
|
|
93
89
|
|
|
94
90
|
return (
|
|
95
91
|
<div className="text-center">
|
|
@@ -134,11 +130,7 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
|
|
|
134
130
|
const breakpoints = useMediaQuery("639");
|
|
135
131
|
const maxLength = breakpoints ? 40 : 90;
|
|
136
132
|
|
|
137
|
-
const link = buildSanityLink(
|
|
138
|
-
type: content?.primaryButton?.type ?? "",
|
|
139
|
-
internalLink: content?.primaryButton?.internalLink ?? "",
|
|
140
|
-
externalLink: content?.primaryButton?.externalLink ?? "",
|
|
141
|
-
});
|
|
133
|
+
const link = buildSanityLink(content?.primaryButton as LabeledRoute);
|
|
142
134
|
|
|
143
135
|
return (
|
|
144
136
|
<div className={`w-full px-4 mb-8 ${size === "lg" ? "w-full" : "lg:w-1/2"}`}>
|
package/dist/chunk-7ECPBYMD.mjs
DELETED
|
@@ -1 +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-EHYT6XHV.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as k}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as S}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as z}from"@stackshift-ui/image";import{Link as r}from"@stackshift-ui/link";import{Section as A}from"@stackshift-ui/section";import{Text as v}from"@stackshift-ui/text";import{buildSanityLink as j}from"@stackshift-ui/system";import{jsx as i,jsxs as b}from"react/jsx-runtime";function _({caption:l,title:a,portfolios:g,primaryButton:e,length:h=6}){var s,f,m;let x=h,d=j({type:(s=e==null?void 0:e.type)!=null?s:"",internalLink:(f=e==null?void 0:e.internalLink)!=null?f:"",externalLink:(m=e==null?void 0:e.externalLink)!=null?m:""});return i(A,{className:"py-20 bg-background",children:b(F,{maxWidth:1280,children:[b(S,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[i(W,{caption:l,title:a}),i("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&i(k,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]}),i(q,{portfolios:g,portfolioLength:x}),i("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&i(k,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]})})}function W({caption:l,title:a}){return!l||!a?null:b("div",{className:"text-center lg:text-left",children:[i(v,{weight:"semibold",children:l}),i(H,{className:"mb-6",fontSize:"2xl",children:a})]})}function $({content:l}){var g,e,h,x,d,s,f,m,L,N,w,C,P,T,I;let a=j({type:(e=(g=l==null?void 0:l.primaryButton)==null?void 0:g.type)!=null?e:"",internalLink:(x=(h=l==null?void 0:l.primaryButton)==null?void 0:h.internalLink)!=null?x:"",externalLink:(s=(d=l==null?void 0:l.primaryButton)==null?void 0:d.externalLink)!=null?s:""});return i("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((f=l==null?void 0:l.mainImage)==null?void 0:f.image)&&b("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[i(z,{className:"object-cover w-full h-80",src:(m=l==null?void 0:l.mainImage)==null?void 0:m.image,width:480,height:320,alt:(N=(L=l==null?void 0:l.mainImage)==null?void 0:L.alt)!=null?N:"portfolio-image"}),b("div",{className:"p-6",children:[i(v,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&i(v,{weight:"bold",fontSize:"xl",className:"mb-4",children:((w=l==null?void 0:l.title)==null?void 0:w.length)>31?`${(C=l==null?void 0:l.title)==null?void 0:C.substring(0,31)}...`:l==null?void 0:l.title}),((P=l==null?void 0:l.primaryButton)==null?void 0:P.label)&&i(k,{asChild:!0,variant:"link","aria-label":(T=l==null?void 0:l.primaryButton)==null?void 0:T.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:i(r,{href:a.href,target:a.target,rel:a.rel,children:(I=l==null?void 0:l.primaryButton)==null?void 0:I.label})})]})]})})}function q({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:i(S,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(g=>i($,{content:g},g._key))})}export{_ as a};
|
package/dist/chunk-PEBYDMM5.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as j}from"./chunk-NFO6QLL6.mjs";import{Button as S}from"@stackshift-ui/button";import{Container as A}from"@stackshift-ui/container";import{Flex as F}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as Q}from"@stackshift-ui/image";import{Link as P}from"@stackshift-ui/link";import{Section as q}from"@stackshift-ui/section";import{Text as T}from"@stackshift-ui/text";import D from"react";import{buildSanityLink as M}from"@stackshift-ui/system";import{jsx as l,jsxs as x}from"react/jsx-runtime";function E({caption:a,title:i,portfoliosWithCategory:e,length:r=6}){var f,g,v,y,k,h,w,b,N;let u=r,d=0,[p,L]=D.useState((f=e==null?void 0:e[0])==null?void 0:f.category),m=e==null?void 0:e.find(s=>(s==null?void 0:s.category)===p);return l(q,{className:"py-20 bg-background",children:x(A,{maxWidth:1280,children:[x(A,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[l(G,{caption:a,title:i}),l(K,{categories:e,activeTab:p,onClickFn:L})]}),x("div",{className:"mb-12 sm:flex",children:[x(F,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(v=(g=m==null?void 0:m.content)==null?void 0:g.slice(d,d+2))==null?void 0:v.map(s=>l(B,{size:"sm",content:s},s._key)),(k=(y=m==null?void 0:m.content)==null?void 0:y.slice(d+2,d+3))==null?void 0:k.map(s=>l(B,{size:"lg",content:s},s._key))]}),x("div",{className:"w-full lg:w-1/2",children:[(w=(h=m==null?void 0:m.content)==null?void 0:h.slice(d+3,d+4))==null?void 0:w.map(s=>l(B,{size:"lg",content:s},s._key)),l("div",{className:"flex flex-wrap",children:(N=(b=m==null?void 0:m.content)==null?void 0:b.slice(d+4,u))==null?void 0:N.map(s=>l(B,{size:"sm",content:s},s._key))})]})]}),l(J,{button:m==null?void 0:m.primaryButton})]})})}function G({caption:a,title:i}){return!a||!i?null:x(D.Fragment,{children:[l(T,{weight:"semibold",children:a}),l(H,{className:"mb-6",fontSize:"2xl",children:i})]})}function J({button:a}){var e,r,u;if(!(a!=null&&a.label))return null;let i=M({type:(e=a==null?void 0:a.type)!=null?e:"",internalLink:(r=a==null?void 0:a.internalLink)!=null?r:"",externalLink:(u=a==null?void 0:a.externalLink)!=null?u:""});return l("div",{className:"text-center",children:l(S,{asChild:!0,"aria-label":a==null?void 0:a.label,children:l(P,{href:i.href,target:i.target,rel:i.rel,children:a==null?void 0:a.label})})})}function K({categories:a,activeTab:i,onClickFn:e}){return!a||(a==null?void 0:a.length)===0?null:l(F,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((r,u)=>{var d;return l(S,{variant:"ghost","aria-label":(d=r==null?void 0:r.category)!=null?d:`Category button ${u+1}`,className:"my-1 data-[active=true]:text-primary","data-active":i===(r==null?void 0:r.category),onClick:()=>e==null?void 0:e(r==null?void 0:r.category),children:r==null?void 0:r.category},r==null?void 0:r._key)})})}function B({size:a,content:i}){var d,p,L,m,f,g,v,y,k,h,w,b,N,s,$,_,z,R,I;let r=j("639")?40:90,u=M({type:(p=(d=i==null?void 0:i.primaryButton)==null?void 0:d.type)!=null?p:"",internalLink:(m=(L=i==null?void 0:i.primaryButton)==null?void 0:L.internalLink)!=null?m:"",externalLink:(g=(f=i==null?void 0:i.primaryButton)==null?void 0:f.externalLink)!=null?g:""});return l("div",{className:`w-full px-4 mb-8 ${a==="lg"?"w-full":"lg:w-1/2"}`,children:((v=i==null?void 0:i.mainImage)==null?void 0:v.image)&&x("div",{className:"relative overflow-hidden rounded-md",children:[l(Q,{className:`object-cover w-full ${a==="lg"?"h-128":"h-64"}`,src:(y=i==null?void 0:i.mainImage)==null?void 0:y.image,alt:(h=(k=i==null?void 0:i.mainImage)==null?void 0:k.alt)!=null?h:`portfolio-image-${i==null?void 0:i._key}`}),l("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:x("div",{className:"max-w-md my-auto text-xs",children:[(i==null?void 0:i.subtitle)&&l(T,{className:"text-sm text-primary",weight:"bold",children:((w=i==null?void 0:i.subtitle)==null?void 0:w.length)>26?`${(b=i==null?void 0:i.subtitle)==null?void 0:b.substring(0,26)}...`:i==null?void 0:i.subtitle}),(i==null?void 0:i.title)&&l(H,{weight:"bold",className:`my-5 text-white ${a==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((N=i==null?void 0:i.title)==null?void 0:N.length)>38?`${(s=i==null?void 0:i.title)==null?void 0:s.substring(0,38)}...`:i==null?void 0:i.title}),x("div",{className:"max-w-xs my-5",children:[(i==null?void 0:i.description)&&l(T,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:(($=i==null?void 0:i.description)==null?void 0:$.length)>r?`${(_=i==null?void 0:i.description)==null?void 0:_.substring(0,r)}...`:i==null?void 0:i.description}),((z=i==null?void 0:i.primaryButton)==null?void 0:z.label)&&l(S,{asChild:!0,variant:"outline","aria-label":(R=i==null?void 0:i.primaryButton)==null?void 0:R.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:l(P,{href:u.href,target:u.target,rel:u.rel,children:(I=i==null?void 0:i.primaryButton)==null?void 0:I.label})})]})]})})]})})}export{E as a};
|
package/dist/chunk-VV3ZVROB.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as h}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as L}from"@stackshift-ui/flex";import{Heading as z}from"@stackshift-ui/heading";import{Image as A}from"@stackshift-ui/image";import{Section as H}from"@stackshift-ui/section";import{Text as k}from"@stackshift-ui/text";import{Link as v}from"@stackshift-ui/link";import{buildSanityLink as j}from"@stackshift-ui/system";import{jsx as a,jsxs as f}from"react/jsx-runtime";function R({caption:l,title:i,portfolios:s,primaryButton:e,length:b=6}){var g,r,m;let x=b,d=j({type:(g=e==null?void 0:e.type)!=null?g:"",internalLink:(r=e==null?void 0:e.internalLink)!=null?r:"",externalLink:(m=e==null?void 0:e.externalLink)!=null?m:""});return a(H,{className:"py-20 bg-background",children:f(F,{maxWidth:1280,children:[f(L,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(_,{caption:l,title:i}),a("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&a(h,{asChild:!0,"aria-label":e==null?void 0:e.label,variant:"link",children:a(v,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]}),a(E,{portfolios:s,portfolioLength:x}),a("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&a(h,{asChild:!0,"aria-label":e==null?void 0:e.label,variant:"link",children:a(v,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]})})}function _({caption:l,title:i}){return!l||!i?null:f("div",{className:"text-center lg:text-left",children:[a(k,{weight:"semibold",children:l}),a(z,{className:"mb-6",fontSize:"2xl",children:i})]})}function u({content:l}){var s,e,b,x,d,g,r,m,w,N,C,P,T,I,S;let i=j({type:(e=(s=l==null?void 0:l.primaryButton)==null?void 0:s.type)!=null?e:"",internalLink:(x=(b=l==null?void 0:l.primaryButton)==null?void 0:b.internalLink)!=null?x:"",externalLink:(g=(d=l==null?void 0:l.primaryButton)==null?void 0:d.externalLink)!=null?g:""});return a("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:f("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((r=l==null?void 0:l.mainImage)==null?void 0:r.image)&&a(A,{className:"object-cover w-full h-80",src:(m=l==null?void 0:l.mainImage)==null?void 0:m.image,width:480,height:320,alt:(N=(w=l==null?void 0:l.mainImage)==null?void 0:w.alt)!=null?N:"portfolio-image"}),f(L,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[a(k,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&a(k,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((C=l==null?void 0:l.title)==null?void 0:C.length)>80?`${(P=l==null?void 0:l.title)==null?void 0:P.substring(0,80)}...`:l==null?void 0:l.title}),((T=l==null?void 0:l.primaryButton)==null?void 0:T.label)&&a(h,{asChild:!0,variant:"outline","aria-label":(I=l==null?void 0:l.primaryButton)==null?void 0:I.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:a(v,{href:i.href,target:i.target,rel:i.rel,children:(S=l==null?void 0:l.primaryButton)==null?void 0:S.label})})]})]})})}function E({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:a(L,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(s=>a(u,{content:s},s._key))})}export{R as a};
|
package/dist/chunk-ZSEAU4VI.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as y}from"@stackshift-ui/button";import{Container as T}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as F}from"@stackshift-ui/heading";import{Image as I}from"@stackshift-ui/image";import{Link as P}from"@stackshift-ui/link";import{Section as _}from"@stackshift-ui/section";import{Text as j}from"@stackshift-ui/text";import R from"react";import{buildSanityLink as A}from"@stackshift-ui/system";import{jsx as i,jsxs as p}from"react/jsx-runtime";function z({caption:r,title:e,portfoliosWithCategory:l,length:a=8}){var f;let u=a,[m,x]=R.useState((f=l==null?void 0:l[0])==null?void 0:f.category),d=l==null?void 0:l.find(s=>(s==null?void 0:s.category)===m);return i(_,{className:"py-20 bg-background",children:p(T,{maxWidth:1280,children:[p(T,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[i(H,{caption:r,title:e}),i(D,{categories:l,activeTab:m,onClickFn:x})]}),i(E,{portfolios:d==null?void 0:d.content,portfolioLength:u}),i($,{button:d==null?void 0:d.primaryButton})]})})}function H({caption:r,title:e}){return!r||!e?null:p(R.Fragment,{children:[i(j,{weight:"semibold",children:r}),i(F,{className:"mb-6",fontSize:"2xl",children:e})]})}function $({button:r}){var l,a,u;if(!(r!=null&&r.label))return null;let e=A({type:(l=r==null?void 0:r.type)!=null?l:"",internalLink:(a=r==null?void 0:r.internalLink)!=null?a:"",externalLink:(u=r==null?void 0:r.externalLink)!=null?u:""});return i("div",{className:"text-center",children:i(y,{asChild:!0,"aria-label":r==null?void 0:r.label,children:i(P,{href:e.href,target:e.target,rel:e.rel,children:r==null?void 0:r.label})})})}function D({categories:r,activeTab:e,onClickFn:l}){return!r||(r==null?void 0:r.length)===0?null:i(g,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:r==null?void 0:r.map((a,u)=>{var m;return i(y,{variant:"ghost","aria-label":(m=a==null?void 0:a.category)!=null?m:`Category button ${u+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(a==null?void 0:a.category),onClick:()=>l==null?void 0:l(a==null?void 0:a.category),children:a==null?void 0:a.category},a==null?void 0:a._key)})})}function E({portfolios:r,portfolioLength:e}){var l;return!r||(r==null?void 0:r.length)===0?null:i(g,{wrap:!0,className:"mb-8",children:(l=r==null?void 0:r.slice(0,e))==null?void 0:l.map((a,u)=>{var x,d,f,s,v,h,k,L,w,B,N,b,S;let m=A({type:(d=(x=a==null?void 0:a.primaryButton)==null?void 0:x.type)!=null?d:"",internalLink:(s=(f=a==null?void 0:a.primaryButton)==null?void 0:f.internalLink)!=null?s:"",externalLink:(h=(v=a==null?void 0:a.primaryButton)==null?void 0:v.externalLink)!=null?h:""});return i(g,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:p("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((k=a==null?void 0:a.mainImage)==null?void 0:k.image)&&i(I,{className:"object-cover w-full h-full",src:(L=a==null?void 0:a.mainImage)==null?void 0:L.image,alt:(B=(w=a==null?void 0:a.mainImage)==null?void 0:w.alt)!=null?B:`portfolio-image-${u}`}),i("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((N=a==null?void 0:a.primaryButton)==null?void 0:N.label)&&i(y,{asChild:!0,variant:"outline","aria-abel":(b=a==null?void 0:a.primaryButton)==null?void 0:b.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:i(P,{href:m.href,target:m.target,rel:m.rel,children:(S=a==null?void 0:a.primaryButton)==null?void 0:S.label})})})]})},a==null?void 0:a._key)})})}export{z as a};
|