@stackshift-ui/team 6.0.3 → 6.0.5-beta.0

package/dist/chunk-4IVHK2W6.mjs

@@ -0,0 +1 @@
+import{Card as x}from"@stackshift-ui/card";import{Container as p}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as m}from"@stackshift-ui/section";import{Text as n}from"@stackshift-ui/text";import{jsx as i,jsxs as o}from"react/jsx-runtime";function u({caption:t,title:a,team:l}){return i(m,{className:"py-20 bg-background",children:o(p,{maxWidth:1280,children:[i(T,{caption:t,title:a}),i(w,{team:l})]})})}function T({caption:t,title:a}){return o(p,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&i(n,{weight:"bold",className:"text-secondary",children:t}),a&&i(c,{children:a})]})}function w({team:t}){return t?i(f,{wrap:!0,children:t&&t.map((a,l)=>{var e,s,r,d;return i("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:o(x,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",borderRadius:"md",children:[((e=a.mainImage)==null?void 0:e.image)&&i("div",{children:i(g,{className:"h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(s=a==null?void 0:a.mainImage)==null?void 0:s.image}`,width:179,height:320,alt:(d=(r=a==null?void 0:a.mainImage)==null?void 0:r.alt)!=null?d:`team-member-${a==null?void 0:a.name}-profile-image`})}),i(h,{member:a})]})},l)})}):null}function h({member:t}){return o("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[i(n,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),i(n,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}export{u as a};

package/dist/chunk-HOYCR5LL.mjs

@@ -0,0 +1 @@
+import{Card as s}from"@stackshift-ui/card";import{Container as p}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as x}from"@stackshift-ui/section";import{Text as r}from"@stackshift-ui/text";import u from"react";import{jsx as i,jsxs as n}from"react/jsx-runtime";function T({caption:a,title:t,team:o}){return i(x,{className:"py-20 bg-background",children:n(p,{maxWidth:1280,children:[i(m,{caption:a,title:t}),i(w,{team:o})]})})}function m({caption:a,title:t}){return n(p,{maxWidth:576,className:"mb-12 text-center ",children:[a&&i(r,{weight:"bold",className:"text-primary",children:a}),t&&i(c,{children:t})]})}function w({team:a}){return a?i(f,{wrap:!0,children:a.map(t=>{var o,e,l,d;return i("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:n(s,{className:"w-full p-0 pb-8 overflow-hidden text-center",borderRadius:"md",children:[((o=t.mainImage)==null?void 0:o.image)&&i("div",{children:i(g,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(e=t==null?void 0:t.mainImage)==null?void 0:e.image}`,width:345,height:256,alt:(d=(l=t==null?void 0:t.mainImage)==null?void 0:l.alt)!=null?d:`team-member-${t==null?void 0:t.name}-profile-image`})}),i(h,{member:t})]})},t==null?void 0:t.name)})}):null}function h({member:a}){return n(u.Fragment,{children:[i(r,{fontSize:"2xl",weight:"bold",className:"mb-2",children:a==null?void 0:a.name}),i(r,{muted:!0,children:a==null?void 0:a.jobTitle})]})}export{T as a};

package/dist/{chunk-ISZ25Y56.mjs → chunk-KTQIMJOU.mjs}

@@ -1 +1 @@
-import{Button as T}from"@stackshift-ui/button";import{Card as f}from"@stackshift-ui/card";import{Container as u}from"@stackshift-ui/container";import{Flex as c}from"@stackshift-ui/flex";import{Image as p}from"@stackshift-ui/image";import{Section as b}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import l from"react";import{jsx as a,jsxs as s}from"react/jsx-runtime";function g({team:e}){var m;let[t,i]=l.useState((m=e==null?void 0:e[0])==null?void 0:m.name),r=l.useMemo(()=>(e==null?void 0:e.filter(n=>(n==null?void 0:n.name)===t))||[],[e,t]);return a(b,{className:"py-20 bg-background",children:a(u,{maxWidth:1280,children:s(c,{wrap:!0,align:"center",children:[a(x,{team:e,activeTab:t,setActiveTab:i}),a(v,{members:r})]})})})}function x({team:e,activeTab:t,setActiveTab:i}){return a("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:a(c,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:e==null?void 0:e.map(r=>a(d,{data:r,activeTab:t,setActiveTab:i},r.name))})})}function d({data:e,activeTab:t,setActiveTab:i}){return!e||!e.name?null:a("li",{children:a(T,{as:"button",variant:"unstyled",ariaLabel:e.name,className:`mb-4 text-xl lg:text-2xl ${e.name===t?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var r;return i((r=e.name)!=null?r:"")},children:e.name})})}function v({members:e}){return e?a("div",{className:"w-full px-3 lg:w-2/3",children:e.map((t,i)=>a(w,{member:t},i))}):null}function w({member:e}){var t,i;return e?s(f,{className:"flex p-6 bg-white",children:[((t=e.mainImage)==null?void 0:t.image)&&a(p,{className:"object-cover overflow-hidden rounded-global",src:`${e.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=e.mainImage.alt)!=null?i:`team-member-${e.name}-profile-image`}),a(y,{member:e})]}):null}function y({member:e}){return s("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[a(o,{weight:"bold",fontSize:"2xl",children:e.name}),a(o,{className:"mb-6",muted:!0,children:e.jobTitle}),a(o,{className:"mb-6 text-justify",muted:!0,children:e.plainText})]})}export{g as a};
+import{Button as T}from"@stackshift-ui/button";import{Card as u}from"@stackshift-ui/card";import{Container as f}from"@stackshift-ui/container";import{Flex as c}from"@stackshift-ui/flex";import{Image as p}from"@stackshift-ui/image";import{Section as b}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import l from"react";import{jsx as a,jsxs as s}from"react/jsx-runtime";function d({team:e}){var m;let[t,i]=l.useState((m=e==null?void 0:e[0])==null?void 0:m.name),r=l.useMemo(()=>(e==null?void 0:e.filter(n=>(n==null?void 0:n.name)===t))||[],[e,t]);return a(b,{className:"py-20 bg-background",children:a(f,{maxWidth:1280,children:s(c,{wrap:!0,align:"center",children:[a(x,{team:e,activeTab:t,setActiveTab:i}),a(v,{members:r})]})})})}function x({team:e,activeTab:t,setActiveTab:i}){return a("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:a(c,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:e==null?void 0:e.map(r=>a(g,{data:r,activeTab:t,setActiveTab:i},r.name))})})}function g({data:e,activeTab:t,setActiveTab:i}){return!e||!e.name?null:a("li",{children:a(T,{as:"button",variant:"unstyled",ariaLabel:e.name,className:`mb-4 text-xl lg:text-2xl ${e.name===t?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var r;return i((r=e.name)!=null?r:"")},children:e.name})})}function v({members:e}){return e?a("div",{className:"w-full px-3 lg:w-2/3",children:e.map((t,i)=>a(w,{member:t},i))}):null}function w({member:e}){var t,i;return e?s(u,{className:"flex p-6",borderRadius:"md",children:[((t=e.mainImage)==null?void 0:t.image)&&a(p,{className:"object-cover overflow-hidden rounded-md",src:`${e.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=e.mainImage.alt)!=null?i:`team-member-${e.name}-profile-image`}),a(y,{member:e})]}):null}function y({member:e}){return s("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[a(o,{weight:"bold",fontSize:"2xl",children:e.name}),a(o,{className:"mb-6",muted:!0,children:e.jobTitle}),a(o,{className:"mb-6 text-justify",muted:!0,children:e.plainText})]})}export{d as a};

package/dist/chunk-VSL4EGVT.mjs

@@ -0,0 +1 @@
+import{Avatar as g}from"@stackshift-ui/avatar";import{Card as f}from"@stackshift-ui/card";import{Container as p}from"@stackshift-ui/container";import{Flex as u}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Section as e}from"@stackshift-ui/section";import{Text as x}from"@stackshift-ui/text";import d from"react";import{jsx as i,jsxs as o}from"react/jsx-runtime";function T({caption:a,title:t,team:n}){return i(e,{className:"py-20 bg-background",children:o(p,{maxWidth:1e3,children:[i(p,{maxWidth:576,className:"mb-10 text-center",children:i(N,{caption:a,title:t})}),i(y,{team:n})]})})}function N({caption:a,title:t}){return o(d.Fragment,{children:[a?i(x,{weight:"bold",className:"text-secondary",children:a}):null,t?i(c,{type:"h2",fontSize:"2xl",children:t}):null]})}function y({team:a}){return a?i(u,{wrap:!0,children:a==null?void 0:a.map(t=>{var n,l,r,s;return i("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:o(f,{className:"py-24 text-center",borderRadius:"md",children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&i(g,{className:"mx-auto border-0",size:96,alt:(r=(l=t==null?void 0:t.mainImage)==null?void 0:l.alt)!=null?r:`team-member-${t==null?void 0:t.name}-profile-image`,src:`${(s=t==null?void 0:t.mainImage)==null?void 0:s.image}`}),i(C,{member:t})]})},t==null?void 0:t.name)})}):null}function C({member:a}){return o(d.Fragment,{children:[i(c,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:a==null?void 0:a.name}),i(x,{muted:!0,children:a==null?void 0:a.jobTitle})]})}export{T as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var ft=Object.create;var x=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var T=(t,a)=>()=>(t&&(a=t(t=0)),a);var f=(t,a)=>{for(var i in a)x(t,i,{get:a[i],enumerable:!0})},B=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of xt(a))!gt.call(t,n)&&n!==i&&x(t,n,{get:()=>a[n],enumerable:!(e=mt(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?ft(Tt(t)):{},B(a||!t||!t.__esModule?x(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>B(x({},"__esModule",{value:!0}),t);var E={};f(E,{Team_A:()=>y,default:()=>y});function y({caption:t,title:a,team:i}){return(0,r.jsx)(D.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1e3,children:[(0,r.jsx)(w.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,r.jsx)(dt,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function dt({caption:t,title:a}){return(0,r.jsxs)(N.default.Fragment,{children:[t?(0,r.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(h.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function vt({team:t}){return t?(0,r.jsx)(q.Flex,{wrap:!0,children:t==null?void 0:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(L.Card,{className:"py-24 text-center",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(V.Avatar,{className:"mx-auto border-0",size:96,alt:(n=(e=a==null?void 0:a.mainImage)==null?void 0:e.alt)!=null?n:`team-member-${a==null?void 0:a.name}-profile-image`,src:`${(p=a==null?void 0:a.mainImage)==null?void 0:p.image}`}),(0,r.jsx)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(N.default.Fragment,{children:[(0,r.jsx)(h.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var N,V,L,h,C,D,w,q,r,P=T(()=>{"use strict";N=v(require("react")),V=require("@stackshift-ui/avatar"),L=require("@stackshift-ui/card"),h=require("@stackshift-ui/heading"),C=require("@stackshift-ui/text"),D=require("@stackshift-ui/section"),w=require("@stackshift-ui/container"),q=require("@stackshift-ui/flex"),r=require("react/jsx-runtime")});var U={};f(U,{Team_B:()=>F,default:()=>F});function F({team:t}){var n;let[a,i]=M.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),e=M.default.useMemo(()=>(t==null?void 0:t.filter(p=>(p==null?void 0:p.name)===a))||[],[t,a]);return(0,r.jsx)(D.Section,{className:"py-20 bg-background",children:(0,r.jsx)(w.Container,{maxWidth:1280,children:(0,r.jsxs)(q.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(Nt,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(Ct,{members:e})]})})})}function Nt({team:t,activeTab:a,setActiveTab:i}){return(0,r.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,r.jsx)(q.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:t==null?void 0:t.map(e=>(0,r.jsx)(ht,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function ht({data:t,activeTab:a,setActiveTab:i}){return!t||!t.name?null:(0,r.jsx)("li",{children:(0,r.jsx)(G.Button,{as:"button",variant:"unstyled",ariaLabel:t.name,className:`mb-4 text-xl lg:text-2xl ${t.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var e;return i((e=t.name)!=null?e:"")},children:t.name})})}function Ct({members:t}){return t?(0,r.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:t.map((a,i)=>(0,r.jsx)(yt,{member:a},i))}):null}function yt({member:t}){var a,i;return t?(0,r.jsxs)(L.Card,{className:"flex p-6 bg-white",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(O.Image,{className:"object-cover overflow-hidden rounded-global",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=t.mainImage.alt)!=null?i:`team-member-${t.name}-profile-image`}),(0,r.jsx)(Pt,{member:t})]}):null}function Pt({member:t}){return(0,r.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,r.jsx)(C.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(C.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(C.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var G,L,w,q,O,D,C,M,r,S=T(()=>{"use strict";G=require("@stackshift-ui/button"),O=require("@stackshift-ui/image"),M=v(require("react"))});var it={};f(it,{Team_C:()=>A,default:()=>A});function A({caption:t,title:a,team:i}){return(0,r.jsx)(D.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(Mt,{caption:t,title:a}),(0,r.jsx)(It,{team:i})]})})}function Mt({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(C.Text,{weight:"bold",className:"text-primary",children:t}),a&&(0,r.jsx)(h.Heading,{children:a})]})}function It({team:t}){return t?(0,r.jsx)(q.Flex,{wrap:!0,children:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(X.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(O.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-global",sizes:"100vw",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,width:345,height:256,alt:(p=(n=a==null?void 0:a.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Ft,{member:a})]})},a==null?void 0:a.name)})}):null}function Ft({member:t}){return(0,r.jsxs)(at.default.Fragment,{children:[(0,r.jsx)(C.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var X,w,q,h,O,D,C,at,r,z=T(()=>{"use strict";X=require("@stackshift-ui/card"),at=v(require("react"))});var st={};f(st,{Team_D:()=>_,default:()=>_});function _({caption:t,title:a,team:i}){return(0,r.jsx)(D.Section,{className:"py-20 bg-background",children:(0,r.jsxs)($.Container,{maxWidth:1280,children:[(0,r.jsx)(St,{caption:t,title:a}),(0,r.jsx)(kt,{team:i})]})})}function St({caption:t,title:a}){return(0,r.jsxs)($.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,r.jsx)(h.Heading,{children:a})]})}function kt({team:t}){return t?(0,r.jsx)(q.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var e,n,p,c;return(0,r.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,r.jsxs)(et.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(O.Image,{className:"h-[320px] w-full object-cover rounded-global sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(n=a==null?void 0:a.mainImage)==null?void 0:n.image}`,width:179,height:320,alt:(c=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?c:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(At,{member:a})]})},i)})}):null}function At({member:t}){return(0,r.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,r.jsx)(C.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}var et,$,q,h,O,D,C,r,H=T(()=>{"use strict";et=require("@stackshift-ui/card")});var _t={};f(_t,{Team:()=>pt,Team_A:()=>y,Team_B:()=>F,Team_C:()=>A,Team_D:()=>_});module.exports=ut(_t);var m=require("react"),zt={variant_a:(0,m.lazy)(()=>Promise.resolve().then(()=>(P(),E))),variant_b:(0,m.lazy)(()=>Promise.resolve().then(()=>(S(),U))),variant_c:(0,m.lazy)(()=>Promise.resolve().then(()=>(z(),it))),variant_d:(0,m.lazy)(()=>Promise.resolve().then(()=>(H(),st)))},$t="Team",pt=({data:t})=>{var n,p,c,R,W,j;let a=t==null?void 0:t.variant,i=a&&zt[a],e={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(R=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?R:void 0,team:(j=(W=t==null?void 0:t.variants)==null?void 0:W.teams)!=null?j:void 0};return i?(0,r.jsx)(i,{...e}):null};pt.displayName=$t;P();S();z();H();0&&(module.exports={Team,Team_A,Team_B,Team_C,Team_D});
+"use strict";var mt=Object.create;var x=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty;var T=(t,a)=>()=>(t&&(a=t(t=0)),a);var m=(t,a)=>{for(var i in a)x(t,i,{get:a[i],enumerable:!0})},B=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of xt(a))!dt.call(t,n)&&n!==i&&x(t,n,{get:()=>a[n],enumerable:!(e=ft(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?mt(Tt(t)):{},B(a||!t||!t.__esModule?x(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>B(x({},"__esModule",{value:!0}),t);var E={};m(E,{Team_A:()=>y,default:()=>y});function y({caption:t,title:a,team:i}){return(0,r.jsx)(q.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1e3,children:[(0,r.jsx)(w.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,r.jsx)(gt,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function gt({caption:t,title:a}){return(0,r.jsxs)(C.default.Fragment,{children:[t?(0,r.jsx)(h.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(N.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function vt({team:t}){return t?(0,r.jsx)(D.Flex,{wrap:!0,children:t==null?void 0:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(L.Card,{className:"py-24 text-center",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(V.Avatar,{className:"mx-auto border-0",size:96,alt:(n=(e=a==null?void 0:a.mainImage)==null?void 0:e.alt)!=null?n:`team-member-${a==null?void 0:a.name}-profile-image`,src:`${(p=a==null?void 0:a.mainImage)==null?void 0:p.image}`}),(0,r.jsx)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(C.default.Fragment,{children:[(0,r.jsx)(N.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var V,L,w,D,N,q,h,C,r,P=T(()=>{"use strict";V=require("@stackshift-ui/avatar"),L=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),D=require("@stackshift-ui/flex"),N=require("@stackshift-ui/heading"),q=require("@stackshift-ui/section"),h=require("@stackshift-ui/text"),C=v(require("react")),r=require("react/jsx-runtime")});var U={};m(U,{Team_B:()=>F,default:()=>F});function F({team:t}){var n;let[a,i]=M.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),e=M.default.useMemo(()=>(t==null?void 0:t.filter(p=>(p==null?void 0:p.name)===a))||[],[t,a]);return(0,r.jsx)(q.Section,{className:"py-20 bg-background",children:(0,r.jsx)(w.Container,{maxWidth:1280,children:(0,r.jsxs)(D.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(Nt,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(Ct,{members:e})]})})})}function Nt({team:t,activeTab:a,setActiveTab:i}){return(0,r.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,r.jsx)(D.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:t==null?void 0:t.map(e=>(0,r.jsx)(ht,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function ht({data:t,activeTab:a,setActiveTab:i}){return!t||!t.name?null:(0,r.jsx)("li",{children:(0,r.jsx)(G.Button,{as:"button",variant:"unstyled",ariaLabel:t.name,className:`mb-4 text-xl lg:text-2xl ${t.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var e;return i((e=t.name)!=null?e:"")},children:t.name})})}function Ct({members:t}){return t?(0,r.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:t.map((a,i)=>(0,r.jsx)(yt,{member:a},i))}):null}function yt({member:t}){var a,i;return t?(0,r.jsxs)(L.Card,{className:"flex p-6",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(O.Image,{className:"object-cover overflow-hidden rounded-md",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=t.mainImage.alt)!=null?i:`team-member-${t.name}-profile-image`}),(0,r.jsx)(Pt,{member:t})]}):null}function Pt({member:t}){return(0,r.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,r.jsx)(h.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(h.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(h.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var G,L,w,D,O,q,h,M,r,S=T(()=>{"use strict";G=require("@stackshift-ui/button"),O=require("@stackshift-ui/image"),M=v(require("react"))});var it={};m(it,{Team_C:()=>R,default:()=>R});function R({caption:t,title:a,team:i}){return(0,r.jsx)(q.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(Mt,{caption:t,title:a}),(0,r.jsx)(It,{team:i})]})})}function Mt({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(h.Text,{weight:"bold",className:"text-primary",children:t}),a&&(0,r.jsx)(N.Heading,{children:a})]})}function It({team:t}){return t?(0,r.jsx)(D.Flex,{wrap:!0,children:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(X.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(O.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,width:345,height:256,alt:(p=(n=a==null?void 0:a.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Ft,{member:a})]})},a==null?void 0:a.name)})}):null}function Ft({member:t}){return(0,r.jsxs)(at.default.Fragment,{children:[(0,r.jsx)(h.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var X,w,D,N,O,q,h,at,r,A=T(()=>{"use strict";X=require("@stackshift-ui/card"),at=v(require("react"))});var lt={};m(lt,{Team_D:()=>$,default:()=>$});function $({caption:t,title:a,team:i}){return(0,r.jsx)(q.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(St,{caption:t,title:a}),(0,r.jsx)(kt,{team:i})]})})}function St({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(h.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,r.jsx)(N.Heading,{children:a})]})}function kt({team:t}){return t?(0,r.jsx)(D.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var e,n,p,c;return(0,r.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,r.jsxs)(et.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",borderRadius:"md",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(O.Image,{className:"h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(n=a==null?void 0:a.mainImage)==null?void 0:n.image}`,width:179,height:320,alt:(c=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?c:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Rt,{member:a})]})},i)})}):null}function Rt({member:t}){return(0,r.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,r.jsx)(h.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}var et,w,D,N,O,q,h,r,_=T(()=>{"use strict";et=require("@stackshift-ui/card")});var $t={};m($t,{Team:()=>pt,Team_A:()=>y,Team_B:()=>F,Team_C:()=>R,Team_D:()=>$});module.exports=ut($t);var f=require("react"),At={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(P(),E))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(S(),U))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(A(),it))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(_(),lt)))},zt="Team",pt=({data:t})=>{var n,p,c,H,W,j;let a=t==null?void 0:t.variant,i=a&&At[a],e={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(H=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?H:void 0,team:(j=(W=t==null?void 0:t.variants)==null?void 0:W.teams)!=null?j:void 0};return i?(0,r.jsx)(i,{...e}):null};pt.displayName=zt;P();S();A();_();0&&(module.exports={Team,Team_A,Team_B,Team_C,Team_D});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as f}from"./chunk-4FW5UD3C.mjs";import{a as o}from"./chunk-JAB2OYLW.mjs";import{a as r}from"./chunk-ISZ25Y56.mjs";import{a as e}from"./chunk-FE7E3A4S.mjs";import{a as t}from"./chunk-YAYLT22X.mjs";export{f as Team,o as Team_A,r as Team_B,e as Team_C,t as Team_D};
+"use strict";import{a as f}from"./chunk-J6X7K7OC.mjs";import{a as o}from"./chunk-VSL4EGVT.mjs";import{a as r}from"./chunk-KTQIMJOU.mjs";import{a as e}from"./chunk-HOYCR5LL.mjs";import{a as t}from"./chunk-4IVHK2W6.mjs";export{f as Team,o as Team_A,r as Team_B,e as Team_C,t as Team_D};

package/dist/team.js

@@ -1 +1 @@
-"use strict";var ft=Object.create;var T=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var g=(t,a)=>()=>(t&&(a=t(t=0)),a);var f=(t,a)=>{for(var i in a)T(t,i,{get:a[i],enumerable:!0})},A=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of Tt(a))!xt.call(t,n)&&n!==i&&T(t,n,{get:()=>a[n],enumerable:!(e=mt(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?ft(gt(t)):{},A(a||!t||!t.__esModule?T(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>A(T({},"__esModule",{value:!0}),t);var W={};f(W,{Team_A:()=>R,default:()=>R});function R({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1e3,children:[(0,r.jsx)(w.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,r.jsx)(dt,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function dt({caption:t,title:a}){return(0,r.jsxs)(N.default.Fragment,{children:[t?(0,r.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(h.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function vt({team:t}){return t?(0,r.jsx)(H.Flex,{wrap:!0,children:t==null?void 0:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)($.Card,{className:"py-24 text-center",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(z.Avatar,{className:"mx-auto border-0",size:96,alt:(n=(e=a==null?void 0:a.mainImage)==null?void 0:e.alt)!=null?n:`team-member-${a==null?void 0:a.name}-profile-image`,src:`${(p=a==null?void 0:a.mainImage)==null?void 0:p.image}`}),(0,r.jsx)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(N.default.Fragment,{children:[(0,r.jsx)(h.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var N,z,$,h,C,_,w,H,r,j=g(()=>{"use strict";N=v(require("react")),z=require("@stackshift-ui/avatar"),$=require("@stackshift-ui/card"),h=require("@stackshift-ui/heading"),C=require("@stackshift-ui/text"),_=require("@stackshift-ui/section"),w=require("@stackshift-ui/container"),H=require("@stackshift-ui/flex"),r=require("react/jsx-runtime")});var G={};f(G,{Team_B:()=>E,default:()=>E});function E({team:t}){var n;let[a,i]=y.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),e=y.default.useMemo(()=>(t==null?void 0:t.filter(p=>(p==null?void 0:p.name)===a))||[],[t,a]);return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsx)(w.Container,{maxWidth:1280,children:(0,r.jsxs)(H.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(Nt,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(Ct,{members:e})]})})})}function Nt({team:t,activeTab:a,setActiveTab:i}){return(0,r.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,r.jsx)(H.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-C-6 lg:flex-col lg:justify-start lg:space-C-0",children:t==null?void 0:t.map(e=>(0,r.jsx)(ht,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function ht({data:t,activeTab:a,setActiveTab:i}){return!t||!t.name?null:(0,r.jsx)("li",{children:(0,r.jsx)(B.Button,{as:"button",variant:"unstyled",ariaLabel:t.name,className:`mb-4 text-xl lg:text-2xl ${t.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var e;return i((e=t.name)!=null?e:"")},children:t.name})})}function Ct({members:t}){return t?(0,r.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:t.map((a,i)=>(0,r.jsx)(yt,{member:a},i))}):null}function yt({member:t}){var a,i;return t?(0,r.jsxs)($.Card,{className:"flex p-6 bg-white",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(D.Image,{className:"object-cover overflow-hidden rounded-global",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=t.mainImage.alt)!=null?i:`team-member-${t.name}-profile-image`}),(0,r.jsx)(Pt,{member:t})]}):null}function Pt({member:t}){return(0,r.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,r.jsx)(C.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(C.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(C.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var B,$,w,H,D,_,C,y,r,J=g(()=>{"use strict";B=require("@stackshift-ui/button"),D=require("@stackshift-ui/image"),y=v(require("react"))});var b={};f(b,{Team_C:()=>Z,default:()=>Z});function Z({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(Mt,{caption:t,title:a}),(0,r.jsx)(It,{team:i})]})})}function Mt({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(C.Text,{weight:"bold",className:"text-primary",children:t}),a&&(0,r.jsx)(h.Heading,{children:a})]})}function It({team:t}){return t?(0,r.jsx)(H.Flex,{wrap:!0,children:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(K.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(D.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-global",sizes:"100vw",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,width:345,height:256,alt:(p=(n=a==null?void 0:a.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Ft,{member:a})]})},a==null?void 0:a.name)})}):null}function Ft({member:t}){return(0,r.jsxs)(Y.default.Fragment,{children:[(0,r.jsx)(C.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var K,w,H,h,D,_,C,Y,r,tt=g(()=>{"use strict";K=require("@stackshift-ui/card"),Y=v(require("react"))});var lt={};f(lt,{Team_D:()=>rt,default:()=>rt});function rt({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(St,{caption:t,title:a}),(0,r.jsx)(kt,{team:i})]})})}function St({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(C.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,r.jsx)(h.Heading,{children:a})]})}function kt({team:t}){return t?(0,r.jsx)(H.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var e,n,p,c;return(0,r.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,r.jsxs)(at.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(D.Image,{className:"h-[320px] w-full object-cover rounded-global sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(n=a==null?void 0:a.mainImage)==null?void 0:n.image}`,width:179,height:320,alt:(c=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?c:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(At,{member:a})]})},i)})}):null}function At({member:t}){return(0,r.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,r.jsx)(C.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(C.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}var at,w,H,h,D,_,C,r,st=g(()=>{"use strict";at=require("@stackshift-ui/card")});var _t={};f(_t,{Team:()=>pt});module.exports=ut(_t);var m=require("react"),zt={variant_a:(0,m.lazy)(()=>Promise.resolve().then(()=>(j(),W))),variant_b:(0,m.lazy)(()=>Promise.resolve().then(()=>(J(),G))),variant_c:(0,m.lazy)(()=>Promise.resolve().then(()=>(tt(),b))),variant_d:(0,m.lazy)(()=>Promise.resolve().then(()=>(st(),lt)))},$t="Team",pt=({data:t})=>{var n,p,c,F,S,k;let a=t==null?void 0:t.variant,i=a&&zt[a],e={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(F=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?F:void 0,team:(k=(S=t==null?void 0:t.variants)==null?void 0:S.teams)!=null?k:void 0};return i?(0,r.jsx)(i,{...e}):null};pt.displayName=$t;0&&(module.exports={Team});
+"use strict";var mt=Object.create;var T=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var d=(t,a)=>()=>(t&&(a=t(t=0)),a);var m=(t,a)=>{for(var i in a)T(t,i,{get:a[i],enumerable:!0})},R=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of Tt(a))!xt.call(t,n)&&n!==i&&T(t,n,{get:()=>a[n],enumerable:!(e=ft(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?mt(dt(t)):{},R(a||!t||!t.__esModule?T(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>R(T({},"__esModule",{value:!0}),t);var W={};m(W,{Team_A:()=>H,default:()=>H});function H({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1e3,children:[(0,r.jsx)(w.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,r.jsx)(gt,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function gt({caption:t,title:a}){return(0,r.jsxs)(C.default.Fragment,{children:[t?(0,r.jsx)(h.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(N.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function vt({team:t}){return t?(0,r.jsx)($.Flex,{wrap:!0,children:t==null?void 0:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(z.Card,{className:"py-24 text-center",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(A.Avatar,{className:"mx-auto border-0",size:96,alt:(n=(e=a==null?void 0:a.mainImage)==null?void 0:e.alt)!=null?n:`team-member-${a==null?void 0:a.name}-profile-image`,src:`${(p=a==null?void 0:a.mainImage)==null?void 0:p.image}`}),(0,r.jsx)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(C.default.Fragment,{children:[(0,r.jsx)(N.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var A,z,w,$,N,_,h,C,r,j=d(()=>{"use strict";A=require("@stackshift-ui/avatar"),z=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),$=require("@stackshift-ui/flex"),N=require("@stackshift-ui/heading"),_=require("@stackshift-ui/section"),h=require("@stackshift-ui/text"),C=v(require("react")),r=require("react/jsx-runtime")});var G={};m(G,{Team_B:()=>E,default:()=>E});function E({team:t}){var n;let[a,i]=y.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),e=y.default.useMemo(()=>(t==null?void 0:t.filter(p=>(p==null?void 0:p.name)===a))||[],[t,a]);return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsx)(w.Container,{maxWidth:1280,children:(0,r.jsxs)($.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(Nt,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(Ct,{members:e})]})})})}function Nt({team:t,activeTab:a,setActiveTab:i}){return(0,r.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,r.jsx)($.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-h-6 lg:flex-col lg:justify-start lg:space-h-0",children:t==null?void 0:t.map(e=>(0,r.jsx)(ht,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function ht({data:t,activeTab:a,setActiveTab:i}){return!t||!t.name?null:(0,r.jsx)("li",{children:(0,r.jsx)(B.Button,{as:"button",variant:"unstyled",ariaLabel:t.name,className:`mb-4 text-xl lg:text-2xl ${t.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var e;return i((e=t.name)!=null?e:"")},children:t.name})})}function Ct({members:t}){return t?(0,r.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:t.map((a,i)=>(0,r.jsx)(yt,{member:a},i))}):null}function yt({member:t}){var a,i;return t?(0,r.jsxs)(z.Card,{className:"flex p-6",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(D.Image,{className:"object-cover overflow-hidden rounded-md",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=t.mainImage.alt)!=null?i:`team-member-${t.name}-profile-image`}),(0,r.jsx)(Pt,{member:t})]}):null}function Pt({member:t}){return(0,r.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,r.jsx)(h.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(h.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(h.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var B,z,w,$,D,_,h,y,r,J=d(()=>{"use strict";B=require("@stackshift-ui/button"),D=require("@stackshift-ui/image"),y=v(require("react"))});var b={};m(b,{Team_C:()=>Z,default:()=>Z});function Z({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(Mt,{caption:t,title:a}),(0,r.jsx)(It,{team:i})]})})}function Mt({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(h.Text,{weight:"bold",className:"text-primary",children:t}),a&&(0,r.jsx)(N.Heading,{children:a})]})}function It({team:t}){return t?(0,r.jsx)($.Flex,{wrap:!0,children:t.map(a=>{var i,e,n,p;return(0,r.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,r.jsxs)(K.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(D.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,width:345,height:256,alt:(p=(n=a==null?void 0:a.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Ft,{member:a})]})},a==null?void 0:a.name)})}):null}function Ft({member:t}){return(0,r.jsxs)(Y.default.Fragment,{children:[(0,r.jsx)(h.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var K,w,$,N,D,_,h,Y,r,tt=d(()=>{"use strict";K=require("@stackshift-ui/card"),Y=v(require("react"))});var st={};m(st,{Team_D:()=>rt,default:()=>rt});function rt({caption:t,title:a,team:i}){return(0,r.jsx)(_.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(w.Container,{maxWidth:1280,children:[(0,r.jsx)(St,{caption:t,title:a}),(0,r.jsx)(kt,{team:i})]})})}function St({caption:t,title:a}){return(0,r.jsxs)(w.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(h.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,r.jsx)(N.Heading,{children:a})]})}function kt({team:t}){return t?(0,r.jsx)($.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var e,n,p,c;return(0,r.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,r.jsxs)(at.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",borderRadius:"md",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(D.Image,{className:"h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(n=a==null?void 0:a.mainImage)==null?void 0:n.image}`,width:179,height:320,alt:(c=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?c:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,r.jsx)(Rt,{member:a})]})},i)})}):null}function Rt({member:t}){return(0,r.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,r.jsx)(h.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(h.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}var at,w,$,N,D,_,h,r,lt=d(()=>{"use strict";at=require("@stackshift-ui/card")});var $t={};m($t,{Team:()=>pt});module.exports=ut($t);var f=require("react"),At={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(j(),W))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(J(),G))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(tt(),b))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(lt(),st)))},zt="Team",pt=({data:t})=>{var n,p,c,F,S,k;let a=t==null?void 0:t.variant,i=a&&At[a],e={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(F=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?F:void 0,team:(k=(S=t==null?void 0:t.variants)==null?void 0:S.teams)!=null?k:void 0};return i?(0,r.jsx)(i,{...e}):null};pt.displayName=zt;0&&(module.exports={Team});

package/dist/team.mjs

@@ -1 +1 @@
-import{a}from"./chunk-4FW5UD3C.mjs";export{a as Team};
+import{a}from"./chunk-J6X7K7OC.mjs";export{a as Team};

package/dist/team_a.js

@@ -1 +1 @@
-"use strict";var y=Object.create;var p=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(a,t)=>{for(var i in t)p(a,i,{get:t[i],enumerable:!0})},f=(a,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of F(t))!w.call(a,o)&&o!==i&&p(a,o,{get:()=>t[o],enumerable:!(l=C(t,o))||l.enumerable});return a};var v=(a,t,i)=>(i=a!=null?y(h(a)):{},f(t||!a||!a.__esModule?p(i,"default",{value:a,enumerable:!0}):i,a)),A=a=>f(p({},"__esModule",{value:!0}),a);var R={};P(R,{Team_A:()=>N,default:()=>N});module.exports=A(R);var s=v(require("react")),d=require("@stackshift-ui/avatar"),u=require("@stackshift-ui/card"),c=require("@stackshift-ui/heading"),x=require("@stackshift-ui/text"),T=require("@stackshift-ui/section"),r=require("@stackshift-ui/container"),e=require("@stackshift-ui/flex"),n=require("react/jsx-runtime");function N({caption:a,title:t,team:i}){return(0,n.jsx)(T.Section,{className:"py-20 bg-background",children:(0,n.jsxs)(r.Container,{maxWidth:1e3,children:[(0,n.jsx)(r.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,n.jsx)(H,{caption:a,title:t})}),(0,n.jsx)(I,{team:i})]})})}function H({caption:a,title:t}){return(0,n.jsxs)(s.default.Fragment,{children:[a?(0,n.jsx)(x.Text,{weight:"bold",className:"text-secondary",children:a}):null,t?(0,n.jsx)(c.Heading,{type:"h2",fontSize:"2xl",children:t}):null]})}function I({team:a}){return a?(0,n.jsx)(e.Flex,{wrap:!0,children:a==null?void 0:a.map(t=>{var i,l,o,g;return(0,n.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,n.jsxs)(u.Card,{className:"py-24 text-center",children:[((i=t==null?void 0:t.mainImage)==null?void 0:i.image)&&(0,n.jsx)(d.Avatar,{className:"mx-auto border-0",size:96,alt:(o=(l=t==null?void 0:t.mainImage)==null?void 0:l.alt)!=null?o:`team-member-${t==null?void 0:t.name}-profile-image`,src:`${(g=t==null?void 0:t.mainImage)==null?void 0:g.image}`}),(0,n.jsx)(M,{member:t})]})},t==null?void 0:t.name)})}):null}function M({member:a}){return(0,n.jsxs)(s.default.Fragment,{children:[(0,n.jsx)(c.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:a==null?void 0:a.name}),(0,n.jsx)(x.Text,{muted:!0,children:a==null?void 0:a.jobTitle})]})}0&&(module.exports={Team_A});
+"use strict";var y=Object.create;var r=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var P=(a,t)=>{for(var n in t)r(a,n,{get:t[n],enumerable:!0})},g=(a,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of F(t))!w.call(a,o)&&o!==n&&r(a,o,{get:()=>t[o],enumerable:!(l=C(t,o))||l.enumerable});return a};var R=(a,t,n)=>(n=a!=null?y(h(a)):{},g(t||!a||!a.__esModule?r(n,"default",{value:a,enumerable:!0}):n,a)),v=a=>g(r({},"__esModule",{value:!0}),a);var M={};P(M,{Team_A:()=>N,default:()=>N});module.exports=v(M);var f=require("@stackshift-ui/avatar"),u=require("@stackshift-ui/card"),s=require("@stackshift-ui/container"),e=require("@stackshift-ui/flex"),p=require("@stackshift-ui/heading"),T=require("@stackshift-ui/section"),c=require("@stackshift-ui/text"),x=R(require("react")),i=require("react/jsx-runtime");function N({caption:a,title:t,team:n}){return(0,i.jsx)(T.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(s.Container,{maxWidth:1e3,children:[(0,i.jsx)(s.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,i.jsx)(A,{caption:a,title:t})}),(0,i.jsx)(H,{team:n})]})})}function A({caption:a,title:t}){return(0,i.jsxs)(x.default.Fragment,{children:[a?(0,i.jsx)(c.Text,{weight:"bold",className:"text-secondary",children:a}):null,t?(0,i.jsx)(p.Heading,{type:"h2",fontSize:"2xl",children:t}):null]})}function H({team:a}){return a?(0,i.jsx)(e.Flex,{wrap:!0,children:a==null?void 0:a.map(t=>{var n,l,o,d;return(0,i.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,i.jsxs)(u.Card,{className:"py-24 text-center",borderRadius:"md",children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&(0,i.jsx)(f.Avatar,{className:"mx-auto border-0",size:96,alt:(o=(l=t==null?void 0:t.mainImage)==null?void 0:l.alt)!=null?o:`team-member-${t==null?void 0:t.name}-profile-image`,src:`${(d=t==null?void 0:t.mainImage)==null?void 0:d.image}`}),(0,i.jsx)(I,{member:t})]})},t==null?void 0:t.name)})}):null}function I({member:a}){return(0,i.jsxs)(x.default.Fragment,{children:[(0,i.jsx)(p.Heading,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:a==null?void 0:a.name}),(0,i.jsx)(c.Text,{muted:!0,children:a==null?void 0:a.jobTitle})]})}0&&(module.exports={Team_A});

package/dist/team_a.mjs

@@ -1 +1 @@
-import{a}from"./chunk-JAB2OYLW.mjs";export{a as Team_A,a as default};
+import{a}from"./chunk-VSL4EGVT.mjs";export{a as Team_A,a as default};

package/dist/team_b.js

@@ -1 +1 @@
-"use strict";var d=Object.create;var o=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var h=(e,a)=>{for(var i in a)o(e,i,{get:a[i],enumerable:!0})},T=(e,a,i,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of w(a))!N.call(e,n)&&n!==i&&o(e,n,{get:()=>a[n],enumerable:!(r=v(a,n))||r.enumerable});return e};var P=(e,a,i)=>(i=e!=null?d(y(e)):{},T(a||!e||!e.__esModule?o(i,"default",{value:e,enumerable:!0}):i,e)),M=e=>T(o({},"__esModule",{value:!0}),e);var S={};h(S,{Team_B:()=>x,default:()=>x});module.exports=M(S);var f=require("@stackshift-ui/button"),u=require("@stackshift-ui/card"),p=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),b=require("@stackshift-ui/image"),g=require("@stackshift-ui/section"),s=require("@stackshift-ui/text"),l=P(require("react")),t=require("react/jsx-runtime");function x({team:e}){var n;let[a,i]=l.default.useState((n=e==null?void 0:e[0])==null?void 0:n.name),r=l.default.useMemo(()=>(e==null?void 0:e.filter(m=>(m==null?void 0:m.name)===a))||[],[e,a]);return(0,t.jsx)(g.Section,{className:"py-20 bg-background",children:(0,t.jsx)(p.Container,{maxWidth:1280,children:(0,t.jsxs)(c.Flex,{wrap:!0,align:"center",children:[(0,t.jsx)(C,{team:e,activeTab:a,setActiveTab:i}),(0,t.jsx)(j,{members:r})]})})})}function C({team:e,activeTab:a,setActiveTab:i}){return(0,t.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,t.jsx)(c.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:e==null?void 0:e.map(r=>(0,t.jsx)(A,{data:r,activeTab:a,setActiveTab:i},r.name))})})}function A({data:e,activeTab:a,setActiveTab:i}){return!e||!e.name?null:(0,t.jsx)("li",{children:(0,t.jsx)(f.Button,{as:"button",variant:"unstyled",ariaLabel:e.name,className:`mb-4 text-xl lg:text-2xl ${e.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var r;return i((r=e.name)!=null?r:"")},children:e.name})})}function j({members:e}){return e?(0,t.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:e.map((a,i)=>(0,t.jsx)(k,{member:a},i))}):null}function k({member:e}){var a,i;return e?(0,t.jsxs)(u.Card,{className:"flex p-6 bg-white",children:[((a=e.mainImage)==null?void 0:a.image)&&(0,t.jsx)(b.Image,{className:"object-cover overflow-hidden rounded-global",src:`${e.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=e.mainImage.alt)!=null?i:`team-member-${e.name}-profile-image`}),(0,t.jsx)(I,{member:e})]}):null}function I({member:e}){return(0,t.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,t.jsx)(s.Text,{weight:"bold",fontSize:"2xl",children:e.name}),(0,t.jsx)(s.Text,{className:"mb-6",muted:!0,children:e.jobTitle}),(0,t.jsx)(s.Text,{className:"mb-6 text-justify",muted:!0,children:e.plainText})]})}0&&(module.exports={Team_B});
+"use strict";var g=Object.create;var o=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var P=(e,a)=>{for(var i in a)o(e,i,{get:a[i],enumerable:!0})},T=(e,a,i,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of w(a))!N.call(e,n)&&n!==i&&o(e,n,{get:()=>a[n],enumerable:!(r=v(a,n))||r.enumerable});return e};var h=(e,a,i)=>(i=e!=null?g(y(e)):{},T(a||!e||!e.__esModule?o(i,"default",{value:e,enumerable:!0}):i,e)),M=e=>T(o({},"__esModule",{value:!0}),e);var S={};P(S,{Team_B:()=>x,default:()=>x});module.exports=M(S);var u=require("@stackshift-ui/button"),f=require("@stackshift-ui/card"),p=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),b=require("@stackshift-ui/image"),d=require("@stackshift-ui/section"),s=require("@stackshift-ui/text"),l=h(require("react")),t=require("react/jsx-runtime");function x({team:e}){var n;let[a,i]=l.default.useState((n=e==null?void 0:e[0])==null?void 0:n.name),r=l.default.useMemo(()=>(e==null?void 0:e.filter(m=>(m==null?void 0:m.name)===a))||[],[e,a]);return(0,t.jsx)(d.Section,{className:"py-20 bg-background",children:(0,t.jsx)(p.Container,{maxWidth:1280,children:(0,t.jsxs)(c.Flex,{wrap:!0,align:"center",children:[(0,t.jsx)(C,{team:e,activeTab:a,setActiveTab:i}),(0,t.jsx)(j,{members:r})]})})})}function C({team:e,activeTab:a,setActiveTab:i}){return(0,t.jsx)("div",{className:"w-full px-3 mb-8 lg:mb-0 lg:w-1/3",children:(0,t.jsx)(c.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"space-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:e==null?void 0:e.map(r=>(0,t.jsx)(A,{data:r,activeTab:a,setActiveTab:i},r.name))})})}function A({data:e,activeTab:a,setActiveTab:i}){return!e||!e.name?null:(0,t.jsx)("li",{children:(0,t.jsx)(u.Button,{as:"button",variant:"unstyled",ariaLabel:e.name,className:`mb-4 text-xl lg:text-2xl ${e.name===a?"text-gray-900":"text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var r;return i((r=e.name)!=null?r:"")},children:e.name})})}function j({members:e}){return e?(0,t.jsx)("div",{className:"w-full px-3 lg:w-2/3",children:e.map((a,i)=>(0,t.jsx)(k,{member:a},i))}):null}function k({member:e}){var a,i;return e?(0,t.jsxs)(f.Card,{className:"flex p-6",borderRadius:"md",children:[((a=e.mainImage)==null?void 0:a.image)&&(0,t.jsx)(b.Image,{className:"object-cover overflow-hidden rounded-md",src:`${e.mainImage.image}`,sizes:"100vw",width:329,height:494,alt:(i=e.mainImage.alt)!=null?i:`team-member-${e.name}-profile-image`}),(0,t.jsx)(I,{member:e})]}):null}function I({member:e}){return(0,t.jsxs)("div",{className:"order-last w-1/2 pt-6 pl-6 mt-6",children:[(0,t.jsx)(s.Text,{weight:"bold",fontSize:"2xl",children:e.name}),(0,t.jsx)(s.Text,{className:"mb-6",muted:!0,children:e.jobTitle}),(0,t.jsx)(s.Text,{className:"mb-6 text-justify",muted:!0,children:e.plainText})]})}0&&(module.exports={Team_B});

package/dist/team_b.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ISZ25Y56.mjs";export{a as Team_B,a as default};
+import{a}from"./chunk-KTQIMJOU.mjs";export{a as Team_B,a as default};

package/dist/team_c.js

@@ -1 +1 @@
-"use strict";var h=Object.create;var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var F=(a,t)=>{for(var o in t)r(a,o,{get:t[o],enumerable:!0})},d=(a,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of C(t))!N.call(a,n)&&n!==o&&r(a,n,{get:()=>t[n],enumerable:!(l=m(t,n))||l.enumerable});return a};var I=(a,t,o)=>(o=a!=null?h(v(a)):{},d(t||!a||!a.__esModule?r(o,"default",{value:a,enumerable:!0}):o,a)),M=a=>d(r({},"__esModule",{value:!0}),a);var k={};F(k,{Team_C:()=>w,default:()=>w});module.exports=M(k);var f=require("@stackshift-ui/card"),p=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),x=require("@stackshift-ui/image"),T=require("@stackshift-ui/section"),e=require("@stackshift-ui/text"),u=I(require("react")),i=require("react/jsx-runtime");function w({caption:a,title:t,team:o}){return(0,i.jsx)(T.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(p.Container,{maxWidth:1280,children:[(0,i.jsx)(P,{caption:a,title:t}),(0,i.jsx)(y,{team:o})]})})}function P({caption:a,title:t}){return(0,i.jsxs)(p.Container,{maxWidth:576,className:"mb-12 text-center ",children:[a&&(0,i.jsx)(e.Text,{weight:"bold",className:"text-primary",children:a}),t&&(0,i.jsx)(g.Heading,{children:t})]})}function y({team:a}){return a?(0,i.jsx)(c.Flex,{wrap:!0,children:a.map(t=>{var o,l,n,s;return(0,i.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,i.jsxs)(f.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",children:[((o=t.mainImage)==null?void 0:o.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(x.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-global",sizes:"100vw",src:`${(l=t==null?void 0:t.mainImage)==null?void 0:l.image}`,width:345,height:256,alt:(s=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?s:`team-member-${t==null?void 0:t.name}-profile-image`})}),(0,i.jsx)(S,{member:t})]})},t==null?void 0:t.name)})}):null}function S({member:a}){return(0,i.jsxs)(u.default.Fragment,{children:[(0,i.jsx)(e.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:a==null?void 0:a.name}),(0,i.jsx)(e.Text,{muted:!0,children:a==null?void 0:a.jobTitle})]})}0&&(module.exports={Team_C});
+"use strict";var w=Object.create;var e=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var F=(a,t)=>{for(var o in t)e(a,o,{get:t[o],enumerable:!0})},s=(a,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of C(t))!N.call(a,n)&&n!==o&&e(a,n,{get:()=>t[n],enumerable:!(r=h(t,n))||r.enumerable});return a};var I=(a,t,o)=>(o=a!=null?w(v(a)):{},s(t||!a||!a.__esModule?e(o,"default",{value:a,enumerable:!0}):o,a)),M=a=>s(e({},"__esModule",{value:!0}),a);var S={};F(S,{Team_C:()=>m,default:()=>m});module.exports=M(S);var f=require("@stackshift-ui/card"),d=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),x=require("@stackshift-ui/image"),u=require("@stackshift-ui/section"),l=require("@stackshift-ui/text"),T=I(require("react")),i=require("react/jsx-runtime");function m({caption:a,title:t,team:o}){return(0,i.jsx)(u.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(d.Container,{maxWidth:1280,children:[(0,i.jsx)(P,{caption:a,title:t}),(0,i.jsx)(y,{team:o})]})})}function P({caption:a,title:t}){return(0,i.jsxs)(d.Container,{maxWidth:576,className:"mb-12 text-center ",children:[a&&(0,i.jsx)(l.Text,{weight:"bold",className:"text-primary",children:a}),t&&(0,i.jsx)(g.Heading,{children:t})]})}function y({team:a}){return a?(0,i.jsx)(c.Flex,{wrap:!0,children:a.map(t=>{var o,r,n,p;return(0,i.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,i.jsxs)(f.Card,{className:"w-full p-0 pb-8 overflow-hidden text-center",borderRadius:"md",children:[((o=t.mainImage)==null?void 0:o.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(x.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(r=t==null?void 0:t.mainImage)==null?void 0:r.image}`,width:345,height:256,alt:(p=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${t==null?void 0:t.name}-profile-image`})}),(0,i.jsx)(R,{member:t})]})},t==null?void 0:t.name)})}):null}function R({member:a}){return(0,i.jsxs)(T.default.Fragment,{children:[(0,i.jsx)(l.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:a==null?void 0:a.name}),(0,i.jsx)(l.Text,{muted:!0,children:a==null?void 0:a.jobTitle})]})}0&&(module.exports={Team_C});

package/dist/team_c.mjs

@@ -1 +1 @@
-import{a}from"./chunk-FE7E3A4S.mjs";export{a as Team_C,a as default};
+import{a}from"./chunk-HOYCR5LL.mjs";export{a as Team_C,a as default};

package/dist/team_d.js

@@ -1 +1 @@
-"use strict";var s=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(t,a)=>{for(var l in a)s(t,l,{get:a[l],enumerable:!0})},N=(t,a,l,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of w(a))!h.call(t,o)&&o!==l&&s(t,o,{get:()=>a[o],enumerable:!(n=T(a,o))||n.enumerable});return t};var C=t=>N(s({},"__esModule",{value:!0}),t);var k={};v(k,{Team_D:()=>u,default:()=>u});module.exports=C(k);var x=require("@stackshift-ui/card"),r=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),c=require("@stackshift-ui/image"),m=require("@stackshift-ui/section"),e=require("@stackshift-ui/text"),i=require("react/jsx-runtime");function u({caption:t,title:a,team:l}){return(0,i.jsx)(m.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(r.Container,{maxWidth:1280,children:[(0,i.jsx)(I,{caption:t,title:a}),(0,i.jsx)(M,{team:l})]})})}function I({caption:t,title:a}){return(0,i.jsxs)(r.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,i.jsx)(e.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,i.jsx)(g.Heading,{children:a})]})}function M({team:t}){return t?(0,i.jsx)(f.Flex,{wrap:!0,children:t&&t.map((a,l)=>{var n,o,p,d;return(0,i.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,i.jsxs)(x.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",children:[((n=a.mainImage)==null?void 0:n.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(c.Image,{className:"h-[320px] w-full object-cover rounded-global sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(o=a==null?void 0:a.mainImage)==null?void 0:o.image}`,width:179,height:320,alt:(d=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?d:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,i.jsx)(P,{member:a})]})},l)})}):null}function P({member:t}){return(0,i.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,i.jsx)(e.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,i.jsx)(e.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}0&&(module.exports={Team_D});
+"use strict";var s=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(t,a)=>{for(var o in a)s(t,o,{get:a[o],enumerable:!0})},N=(t,a,o,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of w(a))!h.call(t,l)&&l!==o&&s(t,l,{get:()=>a[l],enumerable:!(n=T(a,l))||n.enumerable});return t};var C=t=>N(s({},"__esModule",{value:!0}),t);var k={};v(k,{Team_D:()=>u,default:()=>u});module.exports=C(k);var x=require("@stackshift-ui/card"),r=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),c=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),m=require("@stackshift-ui/section"),e=require("@stackshift-ui/text"),i=require("react/jsx-runtime");function u({caption:t,title:a,team:o}){return(0,i.jsx)(m.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(r.Container,{maxWidth:1280,children:[(0,i.jsx)(I,{caption:t,title:a}),(0,i.jsx)(M,{team:o})]})})}function I({caption:t,title:a}){return(0,i.jsxs)(r.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,i.jsx)(e.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,i.jsx)(c.Heading,{children:a})]})}function M({team:t}){return t?(0,i.jsx)(f.Flex,{wrap:!0,children:t&&t.map((a,o)=>{var n,l,d,p;return(0,i.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,i.jsxs)(x.Card,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",borderRadius:"md",children:[((n=a.mainImage)==null?void 0:n.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(g.Image,{className:"h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(l=a==null?void 0:a.mainImage)==null?void 0:l.image}`,width:179,height:320,alt:(p=(d=a==null?void 0:a.mainImage)==null?void 0:d.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,i.jsx)(P,{member:a})]})},o)})}):null}function P({member:t}){return(0,i.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,i.jsx)(e.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,i.jsx)(e.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}0&&(module.exports={Team_D});

package/dist/team_d.mjs

@@ -1 +1 @@
-import{a}from"./chunk-YAYLT22X.mjs";export{a as Team_D,a as default};
+import{a}from"./chunk-4IVHK2W6.mjs";export{a as Team_D,a as default};

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/team",
   "description": "",
-  "version": "6.0.3",
+  "version": "6.0.5-beta.0",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -33,17 +34,17 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "6.0.2",
-    "@stackshift-ui/avatar": "6.0.2",
-    "@stackshift-ui/button": "6.0.2",
-    "@stackshift-ui/card": "6.0.2",
+    "@stackshift-ui/system": "6.0.3",
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/text": "6.0.2",
-    "@stackshift-ui/image": "6.0.2",
-    "@stackshift-ui/section": "6.0.2",
-    "@stackshift-ui/container": "6.0.2",
-    "@stackshift-ui/flex": "6.0.2",
-    "@stackshift-ui/heading": "6.0.2"
+    "@stackshift-ui/avatar": "6.0.4-beta.0",
+    "@stackshift-ui/button": "6.0.3",
+    "@stackshift-ui/card": "6.0.3",
+    "@stackshift-ui/heading": "6.0.3",
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
+    "@stackshift-ui/section": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/index.ts

@@ -0,0 +1,8 @@
+"use client";
+
+// component exports
+export * from "./team";
+export * from "./team_a";
+export * from "./team_b";
+export * from "./team_c";
+export * from "./team_d";

package/src/team.test.tsx

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

package/src/team.tsx

@@ -0,0 +1,39 @@
+import { lazy } from "react";
+import { SectionsProps, Team as ITeam } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./team_a")),
+  variant_b: lazy(() => import("./team_b")),
+  variant_c: lazy(() => import("./team_c")),
+  variant_d: lazy(() => import("./team_d")),
+};
+
+export interface MemberTextProps {
+  member: {
+    name?: string;
+    plainText?: string;
+    jobTitle?: string;
+  };
+}
+
+export interface TeamsProps {
+  caption?: string;
+  title?: string;
+  team?: ITeam[];
+}
+
+const displayName = "Team";
+
+export const Team: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants[variant as keyof typeof Variants];
+
+  const props = {
+    caption: data?.variants?.subtitle ?? undefined,
+    title: data?.variants?.title ?? undefined,
+    team: data?.variants?.teams ?? undefined,
+  };
+  return Variant ? <Variant {...props} /> : null;
+};
+
+Team.displayName = displayName;

package/src/team_a.tsx

@@ -0,0 +1,77 @@
+import { Avatar } from "@stackshift-ui/avatar";
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { MemberTextProps, TeamsProps } from ".";
+import { Team as iTeam } from "./types";
+
+export default function Team_A({ caption, title, team }: TeamsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1000}>
+        <Container maxWidth={576} className="mb-10 text-center">
+          <CaptionAndTitle caption={caption} title={title} />
+        </Container>
+        <Teams team={team} />
+      </Container>
+    </Section>
+  );
+}
+
+function CaptionAndTitle({ caption, title }: { caption?: string; title?: string }) {
+  return (
+    <React.Fragment>
+      {caption ? (
+        <Text weight="bold" className="text-secondary">
+          {caption}
+        </Text>
+      ) : null}
+      {title ? (
+        <Heading type="h2" fontSize="2xl">
+          {title}
+        </Heading>
+      ) : null}
+    </React.Fragment>
+  );
+}
+
+function Teams({ team }: { team?: iTeam[] }) {
+  if (!team) return null;
+
+  return (
+    <Flex wrap>
+      {team?.map(member => (
+        <div className="w-full px-3 mb-6 md:w-1/2 lg:w-1/3" key={member?.name}>
+          <Card className="py-24 text-center" borderRadius="md">
+            {member?.mainImage?.image && (
+              <Avatar
+                className="mx-auto border-0"
+                size={96}
+                alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
+                src={`${member?.mainImage?.image}`}
+              />
+            )}
+            <TeamMemberText member={member} />
+          </Card>
+        </div>
+      ))}
+    </Flex>
+  );
+}
+
+function TeamMemberText({ member }: MemberTextProps) {
+  return (
+    <React.Fragment>
+      <Heading type="h3" className="mb-2 text-xl lg:text-2xl">
+        {member?.name}
+      </Heading>
+      <Text muted>{member?.jobTitle}</Text>
+    </React.Fragment>
+  );
+}
+
+export { Team_A };

package/src/team_b.tsx

@@ -0,0 +1,128 @@
+import { Button } from "@stackshift-ui/button";
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { MemberTextProps, TeamsProps } from ".";
+import { Team as iTeam } from "./types";
+
+export default function Team_B({ team }: TeamsProps) {
+  const [activeTab, setActiveTab] = React.useState<string | undefined>(team?.[0]?.name);
+
+  const filteredMembers = React.useMemo(
+    () => team?.filter(member => member?.name === activeTab) || [],
+    [team, activeTab],
+  );
+
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <Flex wrap align="center">
+          <TeamTabs team={team} activeTab={activeTab} setActiveTab={setActiveTab} />
+          <TeamMembersList members={filteredMembers} />
+        </Flex>
+      </Container>
+    </Section>
+  );
+}
+
+interface TeamTabsProps {
+  team?: iTeam[];
+  activeTab?: string;
+  setActiveTab: (name: string) => void;
+}
+
+function TeamTabs({ team, activeTab, setActiveTab }: TeamTabsProps) {
+  return (
+    <div className="w-full px-3 mb-8 lg:mb-0 lg:w-1/3">
+      <Flex
+        as="ul"
+        wrap
+        justify="center"
+        direction="row"
+        className="space-x-6 lg:flex-col lg:justify-start lg:space-x-0">
+        {team?.map(item => (
+          <TeamTab key={item.name} data={item} activeTab={activeTab} setActiveTab={setActiveTab} />
+        ))}
+      </Flex>
+    </div>
+  );
+}
+
+interface TeamTabProps {
+  data?: iTeam;
+  activeTab?: string;
+  setActiveTab: (name: string) => void;
+}
+
+function TeamTab({ data, activeTab, setActiveTab }: TeamTabProps) {
+  if (!data || !data.name) return null;
+
+  return (
+    <li>
+      <Button
+        as="button"
+        variant="unstyled"
+        ariaLabel={data.name}
+        className={`mb-4 text-xl lg:text-2xl ${
+          data.name === activeTab ? "text-gray-900" : "text-gray-500"
+        } font-bold hover:text-gray-500 focus:outline-none`}
+        onClick={() => setActiveTab(data.name ?? "")}>
+        {data.name}
+      </Button>
+    </li>
+  );
+}
+
+function TeamMembersList({ members }: { members?: iTeam[] }) {
+  if (!members) return null;
+
+  return (
+    <div className="w-full px-3 lg:w-2/3">
+      {members.map((member, index) => (
+        <TeamMemberCard key={index} member={member} />
+      ))}
+    </div>
+  );
+}
+
+function TeamMemberCard({ member }: { member?: iTeam }) {
+  if (!member) return null;
+
+  return (
+    <Card className="flex p-6" borderRadius="md">
+      {member.mainImage?.image && (
+        <Image
+          className="object-cover overflow-hidden rounded-md"
+          src={`${member.mainImage.image}`}
+          sizes="100vw"
+          width={329}
+          height={494}
+          alt={member.mainImage.alt ?? `team-member-${member.name}-profile-image`}
+        />
+      )}
+      <TeamMmeberText member={member} />
+    </Card>
+  );
+}
+
+function TeamMmeberText({ member }: MemberTextProps) {
+  return (
+    <div className="order-last w-1/2 pt-6 pl-6 mt-6">
+      <Text weight="bold" fontSize="2xl">
+        {member.name}
+      </Text>
+      <Text className="mb-6" muted>
+        {member.jobTitle}
+      </Text>
+      <Text className="mb-6 text-justify" muted>
+        {member.plainText}
+      </Text>
+    </div>
+  );
+}
+
+export { Team_B };

package/src/team_c.tsx

@@ -0,0 +1,75 @@
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { MemberTextProps, TeamsProps } from ".";
+import { Team as iTeam } from "./types";
+
+export default function Team_C({ caption, title, team }: TeamsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <CaptionAndTitle caption={caption} title={title} />
+        <TeamMemberCard team={team} />
+      </Container>
+    </Section>
+  );
+}
+
+function CaptionAndTitle({ caption, title }: { caption?: string; title?: string }) {
+  return (
+    <Container maxWidth={576} className="mb-12 text-center ">
+      {caption && (
+        <Text weight="bold" className="text-primary">
+          {caption}
+        </Text>
+      )}
+      {title && <Heading>{title}</Heading>}
+    </Container>
+  );
+}
+
+function TeamMemberCard({ team }: { team?: iTeam[] }) {
+  if (!team) return null;
+
+  return (
+    <Flex wrap>
+      {team.map(member => (
+        <div className="w-full px-3 mb-6 md:w-1/2 lg:w-1/3" key={member?.name}>
+          <Card className="w-full p-0 pb-8 overflow-hidden text-center" borderRadius="md">
+            {member.mainImage?.image && (
+              <div>
+                <Image
+                  className="mb-8 h-[345px] w-full object-cover rounded-md"
+                  sizes="100vw"
+                  src={`${member?.mainImage?.image}`}
+                  width={345}
+                  height={256}
+                  alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
+                />
+              </div>
+            )}
+            <TeamMemberText member={member} />
+          </Card>
+        </div>
+      ))}
+    </Flex>
+  );
+}
+
+function TeamMemberText({ member }: MemberTextProps) {
+  return (
+    <React.Fragment>
+      <Text fontSize="2xl" weight="bold" className="mb-2">
+        {member?.name}
+      </Text>
+      <Text muted>{member?.jobTitle}</Text>
+    </React.Fragment>
+  );
+}
+
+export { Team_C };

package/src/team_d.tsx

@@ -0,0 +1,79 @@
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Heading } from "@stackshift-ui/heading";
+import { Image } from "@stackshift-ui/image";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import { MemberTextProps, TeamsProps } from ".";
+import { Team as iTeam } from "./types";
+
+export default function Team_D({ caption, title, team }: TeamsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <CaptionAndTitle caption={caption} title={title} />
+        <TeamMemberCard team={team} />
+      </Container>
+    </Section>
+  );
+}
+
+function CaptionAndTitle({ caption, title }: { caption?: string; title?: string }) {
+  return (
+    <Container maxWidth={576} className="mb-8 text-center lg:mb-16">
+      {caption && (
+        <Text weight="bold" className="text-secondary">
+          {caption}
+        </Text>
+      )}
+      {title && <Heading>{title}</Heading>}
+    </Container>
+  );
+}
+
+function TeamMemberCard({ team }: { team?: iTeam[] }) {
+  if (!team) return null;
+
+  return (
+    <Flex wrap>
+      {team &&
+        team.map((member, index) => (
+          <div className="w-full px-4 mb-6 lg:w-1/2" key={index}>
+            <Card
+              className="items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex"
+              borderRadius="md">
+              {member.mainImage?.image && (
+                <div>
+                  <Image
+                    className="h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]"
+                    sizes="100vw"
+                    src={`${member?.mainImage?.image}`}
+                    width={179}
+                    height={320}
+                    alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
+                  />
+                </div>
+              )}
+              <TeamMemberText member={member} />
+            </Card>
+          </div>
+        ))}
+    </Flex>
+  );
+}
+
+function TeamMemberText({ member }: MemberTextProps) {
+  return (
+    <div className="p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3">
+      <Text weight="bold" fontSize="2xl" className="mb-2">
+        {member?.name}
+      </Text>
+      <Text className="mb-4 leading-loose" muted>
+        {member?.plainText}
+      </Text>
+    </div>
+  );
+}
+
+export { Team_D };

package/src/types.ts

@@ -0,0 +1,412 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: string;
+  alt?: string;
+}
+
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Images {
+  image?: string;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: string;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: string;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: string | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: string;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: string | null;
+  profile?: {
+    alt: string;
+    image: string;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+  variant?: string | null | undefined;
+  schema?: Variants;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolios[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  length?: number;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  blogsPerPage?: number | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage: Reference;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolios {
+  dateAdded?: string | null;
+  mainImage?: {
+    image?: string | null;
+    alt?: string | null;
+  } | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface Content extends Portfolios {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: string | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}

package/dist/chunk-FE7E3A4S.mjs

@@ -1 +0,0 @@
-import{Card as d}from"@stackshift-ui/card";import{Container as s}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as x}from"@stackshift-ui/section";import{Text as l}from"@stackshift-ui/text";import T from"react";import{jsx as i,jsxs as n}from"react/jsx-runtime";function u({caption:a,title:t,team:o}){return i(x,{className:"py-20 bg-background",children:n(s,{maxWidth:1280,children:[i(w,{caption:a,title:t}),i(h,{team:o})]})})}function w({caption:a,title:t}){return n(s,{maxWidth:576,className:"mb-12 text-center ",children:[a&&i(l,{weight:"bold",className:"text-primary",children:a}),t&&i(c,{children:t})]})}function h({team:a}){return a?i(f,{wrap:!0,children:a.map(t=>{var o,r,e,p;return i("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:n(d,{className:"w-full p-0 pb-8 overflow-hidden text-center",children:[((o=t.mainImage)==null?void 0:o.image)&&i("div",{children:i(g,{className:"mb-8 h-[345px] w-full object-cover rounded-global",sizes:"100vw",src:`${(r=t==null?void 0:t.mainImage)==null?void 0:r.image}`,width:345,height:256,alt:(p=(e=t==null?void 0:t.mainImage)==null?void 0:e.alt)!=null?p:`team-member-${t==null?void 0:t.name}-profile-image`})}),i(m,{member:t})]})},t==null?void 0:t.name)})}):null}function m({member:a}){return n(T.Fragment,{children:[i(l,{fontSize:"2xl",weight:"bold",className:"mb-2",children:a==null?void 0:a.name}),i(l,{muted:!0,children:a==null?void 0:a.jobTitle})]})}export{u as a};

package/dist/chunk-JAB2OYLW.mjs

@@ -1 +0,0 @@
-import c from"react";import{Avatar as f}from"@stackshift-ui/avatar";import{Card as d}from"@stackshift-ui/card";import{Heading as x}from"@stackshift-ui/heading";import{Text as g}from"@stackshift-ui/text";import{Section as u}from"@stackshift-ui/section";import{Container as s}from"@stackshift-ui/container";import{Flex as T}from"@stackshift-ui/flex";import{jsx as n,jsxs as o}from"react/jsx-runtime";function e({caption:a,title:t,team:i}){return n(u,{className:"py-20 bg-background",children:o(s,{maxWidth:1e3,children:[n(s,{maxWidth:576,className:"mb-10 text-center",children:n(N,{caption:a,title:t})}),n(y,{team:i})]})})}function N({caption:a,title:t}){return o(c.Fragment,{children:[a?n(g,{weight:"bold",className:"text-secondary",children:a}):null,t?n(x,{type:"h2",fontSize:"2xl",children:t}):null]})}function y({team:a}){return a?n(T,{wrap:!0,children:a==null?void 0:a.map(t=>{var i,l,p,r;return n("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:o(d,{className:"py-24 text-center",children:[((i=t==null?void 0:t.mainImage)==null?void 0:i.image)&&n(f,{className:"mx-auto border-0",size:96,alt:(p=(l=t==null?void 0:t.mainImage)==null?void 0:l.alt)!=null?p:`team-member-${t==null?void 0:t.name}-profile-image`,src:`${(r=t==null?void 0:t.mainImage)==null?void 0:r.image}`}),n(C,{member:t})]})},t==null?void 0:t.name)})}):null}function C({member:a}){return o(c.Fragment,{children:[n(x,{type:"h3",className:"mb-2 text-xl lg:text-2xl",children:a==null?void 0:a.name}),n(g,{muted:!0,children:a==null?void 0:a.jobTitle})]})}export{e as a};

package/dist/chunk-YAYLT22X.mjs

@@ -1 +0,0 @@
-import{Card as x}from"@stackshift-ui/card";import{Container as d}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as g}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as m}from"@stackshift-ui/section";import{Text as n}from"@stackshift-ui/text";import{jsx as i,jsxs as l}from"react/jsx-runtime";function u({caption:t,title:a,team:o}){return i(m,{className:"py-20 bg-background",children:l(d,{maxWidth:1280,children:[i(T,{caption:t,title:a}),i(w,{team:o})]})})}function T({caption:t,title:a}){return l(d,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&i(n,{weight:"bold",className:"text-secondary",children:t}),a&&i(g,{children:a})]})}function w({team:t}){return t?i(f,{wrap:!0,children:t&&t.map((a,o)=>{var e,s,r,p;return i("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:l(x,{className:"items-center p-0 overflow-hidden sm:flex sm:flex-wrap lg:block xl:flex",children:[((e=a.mainImage)==null?void 0:e.image)&&i("div",{children:i(c,{className:"h-[320px] w-full object-cover rounded-global sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(s=a==null?void 0:a.mainImage)==null?void 0:s.image}`,width:179,height:320,alt:(p=(r=a==null?void 0:a.mainImage)==null?void 0:r.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),i(h,{member:a})]})},o)})}):null}function h({member:t}){return l("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[i(n,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),i(n,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}export{u as a};