@stackshift-ui/team 6.0.12 → 6.0.14-beta.0

package/dist/chunk-3NOHOXI7.mjs

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

package/dist/chunk-JXTPBLF7.mjs

@@ -0,0 +1 @@
+import{Card as d}from"@stackshift-ui/card";import{Container as p}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as r}from"@stackshift-ui/heading";import{Image as f}from"@stackshift-ui/image";import{Section as x}from"@stackshift-ui/section";import{Text as c}from"@stackshift-ui/text";import u from"react";import{jsx as i,jsxs as o}from"react/jsx-runtime";function T({caption:a,title:t,team:n}){return i(x,{className:"py-20 bg-background",children:o(p,{maxWidth:1280,children:[i(p,{className:"mb-10 text-center",children:i(h,{caption:a,title:t})}),i(w,{team:n})]})})}function h({caption:a,title:t}){return o(u.Fragment,{children:[a?i(c,{weight:"bold",className:"text-secondary",children:a}):null,t?i(r,{type:"h2",fontSize:"2xl",children:t}):null]})}function w({team:a}){return a?i(g,{wrap:!0,align:"center",justify:"center",gap:6,children:a==null?void 0:a.map(t=>{var n,l,e,s;return i("div",{className:"w-full [@media(min-width:421px)]:w-96 sm:w-1/2 lg:w-1/3",children:o(d,{className:"py-10 [@media(min-width:320px)]:py-20 items-center text-center shadow-lg bg-white flex flex-col gap-4",borderRadius:"md",children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&i(f,{width:96,height:96,className:"border-0 w-28 h-28 object-cover rounded-full",src:`${(l=t==null?void 0:t.mainImage)==null?void 0:l.image}`,alt:(s=(e=t==null?void 0:t.mainImage)==null?void 0:e.alt)!=null?s:`team-member-${t==null?void 0:t.name}-profile-image`}),i(y,{member:t})]})},t==null?void 0:t.name)})}):null}function y({member:a}){return o("div",{className:"flex flex-col gap-2",children:[i(r,{type:"h3",className:"text-xl lg:text-2xl",children:a==null?void 0:a.name}),i(c,{muted:!0,children:a==null?void 0:a.jobTitle})]})}export{T as a};

package/dist/chunk-XLPMBOLQ.mjs

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

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var mt=Object.create;var d=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var x=(t,a)=>()=>(t&&(a=t(t=0)),a);var m=(t,a)=>{for(var i in a)d(t,i,{get:a[i],enumerable:!0})},B=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of dt(a))!gt.call(t,n)&&n!==i&&d(t,n,{get:()=>a[n],enumerable:!(e=ft(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?mt(xt(t)):{},B(a||!t||!t.__esModule?d(i,"default",{value:t,enumerable:!0}):i,t)),Tt=t=>B(d({},"__esModule",{value:!0}),t);var q={};m(q,{Team_A:()=>C,default:()=>C});function C({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)(ut,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function ut({caption:t,title:a}){return(0,r.jsxs)(y.default.Fragment,{children:[t?(0,r.jsx)(N.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)(L.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)(V.Card,{className:"py-24 text-center shadow-lg bg-white",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(b.Image,{width:96,height:96,className:"mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,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)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(y.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)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var V,w,L,h,b,D,N,y,r,P=x(()=>{"use strict";V=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),h=require("@stackshift-ui/heading"),b=require("@stackshift-ui/image"),D=require("@stackshift-ui/section"),N=require("@stackshift-ui/text"),y=v(require("react")),r=require("react/jsx-runtime")});var Q={};m(Q,{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)(L.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(ht,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(yt,{members:e})]})})})}function ht({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)(L.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)(Nt,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function Nt({data:t,activeTab:a,setActiveTab:i}){return!t||!t.name?null:(0,r.jsx)("li",{children:(0,r.jsx)(E.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 yt({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)(Ct,{member:a},i))}):null}function Ct({member:t}){var a,i;return t?(0,r.jsxs)(G.Card,{className:"flex p-6 shadow-lg bg-white",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(b.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)(N.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(N.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(N.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var E,G,w,L,b,D,N,M,r,S=x(()=>{"use strict";E=require("@stackshift-ui/button"),G=require("@stackshift-ui/card"),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)(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)(N.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)(L.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)(U.Card,{className:"w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(b.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)(N.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var U,w,L,h,b,D,N,at,r,A=x(()=>{"use strict";U=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)(D.Section,{className:"!md:px-4 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)(N.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)(L.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 md:w-1/2",children:(0,r.jsxs)(et.Card,{className:"items-center p-0 bg-white overflow-hidden shadow-lg lg:block xl:flex",borderRadius:"md",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(b.Image,{className:"h-[320px] w-full object-cover rounded-md 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:"w-full lg:p-4 xl:w-2/3",children:[(0,r.jsx)(N.Text,{weight:"bold",className:"my-2 text-lg sm:text-xl md:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{className:"mb-4 leading-loose text-sm md:text-base",muted:!0,children:t==null?void 0:t.plainText})]})}var et,$,L,h,b,D,N,r,z=x(()=>{"use strict";et=require("@stackshift-ui/card")});var _t={};m(_t,{Team:()=>pt,Team_A:()=>C,Team_B:()=>F,Team_C:()=>R,Team_D:()=>_});module.exports=Tt(_t);var f=require("react"),At={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(P(),q))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(S(),Q))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(A(),it))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(z(),lt)))},$t="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=$t;P();S();A();z();0&&(module.exports={Team,Team_A,Team_B,Team_C,Team_D});
+"use strict";var mt=Object.create;var d=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var x=(t,a)=>()=>(t&&(a=t(t=0)),a);var m=(t,a)=>{for(var i in a)d(t,i,{get:a[i],enumerable:!0})},W=(t,a,i,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of dt(a))!gt.call(t,n)&&n!==i&&d(t,n,{get:()=>a[n],enumerable:!(o=ct(a,n))||o.enumerable});return t};var w=(t,a,i)=>(i=t!=null?mt(xt(t)):{},W(a||!t||!t.__esModule?d(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>W(d({},"__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)(D.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(v.Container,{maxWidth:1280,children:[(0,r.jsx)(v.Container,{className:"mb-10 text-center",children:(0,r.jsx)(Tt,{caption:t,title:a})}),(0,r.jsx)(wt,{team:i})]})})}function Tt({caption:t,title:a}){return(0,r.jsxs)(q.default.Fragment,{children:[t?(0,r.jsx)(N.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(h.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function wt({team:t}){return t?(0,r.jsx)(V.Flex,{wrap:!0,align:"center",justify:"center",gap:6,children:t==null?void 0:t.map(a=>{var i,o,n,p;return(0,r.jsx)("div",{className:"w-full [@media(min-width:421px)]:w-96 sm:w-1/2 lg:w-1/3",children:(0,r.jsxs)(B.Card,{className:"py-10 [@media(min-width:320px)]:py-20 items-center text-center shadow-lg bg-white flex flex-col gap-4",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(L.Image,{width:96,height:96,className:"border-0 w-28 h-28 object-cover rounded-full",src:`${(o=a==null?void 0:a.mainImage)==null?void 0:o.image}`,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)(vt,{member:a})]})},a==null?void 0:a.name)})}):null}function vt({member:t}){return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)(h.Heading,{type:"h3",className:"text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var B,v,V,h,L,D,N,q,r,C=x(()=>{"use strict";B=require("@stackshift-ui/card"),v=require("@stackshift-ui/container"),V=require("@stackshift-ui/flex"),h=require("@stackshift-ui/heading"),L=require("@stackshift-ui/image"),D=require("@stackshift-ui/section"),N=require("@stackshift-ui/text"),q=w(require("react")),r=require("react/jsx-runtime")});var U={};m(U,{Team_B:()=>I,default:()=>I});function I({team:t}){var n;let[a,i]=P.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),o=P.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)(v.Container,{maxWidth:1280,children:(0,r.jsxs)(V.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(ht,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(yt,{members:o})]})})})}function ht({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)(V.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"lg:flex-col lg:justify-start gap-3",children:t==null?void 0:t.map(o=>(0,r.jsx)(Nt,{data:o,activeTab:a,setActiveTab:i},o.name))})})}function Nt({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:`text-xl lg:text-2xl ${t.name===a?"text-black":"text-gray-400"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var o;return i((o=t.name)!=null?o:"")},children:t.name})})}function yt({members:t}){return t?(0,r.jsx)("div",{className:"w-full lg:w-2/3 sm:p-6",children:t.map((a,i)=>(0,r.jsx)(Ct,{member:a},i))}):null}function Ct({member:t}){var a,i;return t?(0,r.jsxs)(J.Card,{className:"flex flex-col gap-3 md:gap-0 md:flex-row shadow-lg bg-white md:h-96",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)("div",{className:"w-full md:w-1/2 h-48 md:h-full relative overflow-hidden rounded-md",children:(0,r.jsx)(L.Image,{className:"object-cover absolute inset-0 w-full h-full",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:500,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:"w-full md:w-1/2 md:p-6 max-h-[300px] md:max-h-96 overflow-y-auto",children:[(0,r.jsx)(N.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t.jobTitle}),(0,r.jsx)(N.Text,{className:"text-justify mt-4",muted:!0,children:t.plainText})]})}var G,J,v,V,L,D,N,P,r,F=x(()=>{"use strict";G=require("@stackshift-ui/button"),J=require("@stackshift-ui/card"),P=w(require("react"))});var it={};m(it,{Team_C:()=>k,default:()=>k});function k({caption:t,title:a,team:i}){return(0,r.jsx)(D.Section,{className:"py-20 bg-background",children:(0,r.jsxs)(v.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)(v.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(N.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)(V.Flex,{wrap:!0,children:t.map(a=>{var i,o,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 bg-white shadow-lg text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(L.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(o=a==null?void 0:a.mainImage)==null?void 0:o.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)(N.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var X,v,V,h,L,D,N,at,r,R=x(()=>{"use strict";X=require("@stackshift-ui/card"),at=w(require("react"))});var st={};m(st,{Team_D:()=>$,default:()=>$});function $({caption:t,title:a,team:i}){return(0,r.jsx)(D.Section,{className:"!md:px-4 py-20 bg-background",children:(0,r.jsxs)(v.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)(v.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(N.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)(V.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var o,n,p,f;return(0,r.jsx)("div",{className:"w-full md:px-4 mb-6 md:w-1/2",children:(0,r.jsxs)(et.Card,{className:"flex flex-col xl:flex-row items-center gap-3 bg-white overflow-hidden shadow-lg ",borderRadius:"md",children:[((o=a.mainImage)==null?void 0:o.image)&&(0,r.jsx)(L.Image,{className:"h-full w-full object-cover rounded-md [@media(min-width:320px)]:h-[320px] xl:w-[179px]",sizes:"100vw",src:`${(n=a==null?void 0:a.mainImage)==null?void 0:n.image}`,width:179,height:320,alt:(f=(p=a==null?void 0:a.mainImage)==null?void 0:p.alt)!=null?f:`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:"w-full xl:w-2/3 flex flex-col gap-2",children:[(0,r.jsx)(N.Text,{weight:"bold",className:"text-lg sm:text-xl md:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{className:"leading-loose text-sm md:text-base",muted:!0,children:t==null?void 0:t.plainText})]})}var et,v,V,h,L,D,N,r,_=x(()=>{"use strict";et=require("@stackshift-ui/card")});var _t={};m(_t,{Team:()=>pt,Team_A:()=>y,Team_B:()=>I,Team_C:()=>k,Team_D:()=>$});module.exports=ut(_t);var c=require("react"),At={variant_a:(0,c.lazy)(()=>Promise.resolve().then(()=>(C(),E))),variant_b:(0,c.lazy)(()=>Promise.resolve().then(()=>(F(),U))),variant_c:(0,c.lazy)(()=>Promise.resolve().then(()=>(R(),it))),variant_d:(0,c.lazy)(()=>Promise.resolve().then(()=>(_(),st)))},$t="Team",pt=({data:t})=>{var n,p,f,j,z,H;let a=t==null?void 0:t.variant,i=a&&At[a],o={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(j=(f=t==null?void 0:t.variants)==null?void 0:f.title)!=null?j:void 0,team:(H=(z=t==null?void 0:t.variants)==null?void 0:z.teams)!=null?H:void 0};return i?(0,r.jsx)(i,{...o}):null};pt.displayName=$t;C();F();R();_();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-F5GJBW6M.mjs";import{a as o}from"./chunk-ZKV465GO.mjs";import{a as r}from"./chunk-GZHCSMFB.mjs";import{a as e}from"./chunk-TBRPJMYX.mjs";import{a as t}from"./chunk-POCYT4IV.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-RD3K7TYV.mjs";import{a as o}from"./chunk-JXTPBLF7.mjs";import{a as r}from"./chunk-XLPMBOLQ.mjs";import{a as e}from"./chunk-TBRPJMYX.mjs";import{a as t}from"./chunk-3NOHOXI7.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 mt=Object.create;var d=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var x=(t,a)=>()=>(t&&(a=t(t=0)),a);var m=(t,a)=>{for(var i in a)d(t,i,{get:a[i],enumerable:!0})},R=(t,a,i,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of dt(a))!gt.call(t,n)&&n!==i&&d(t,n,{get:()=>a[n],enumerable:!(e=ft(a,n))||e.enumerable});return t};var v=(t,a,i)=>(i=t!=null?mt(xt(t)):{},R(a||!t||!t.__esModule?d(i,"default",{value:t,enumerable:!0}):i,t)),Tt=t=>R(d({},"__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)(z.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)(ut,{caption:t,title:a})}),(0,r.jsx)(vt,{team:i})]})})}function ut({caption:t,title:a}){return(0,r.jsxs)(y.default.Fragment,{children:[t?(0,r.jsx)(N.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)($.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)(A.Card,{className:"py-24 text-center shadow-lg bg-white",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)(_.Image,{width:96,height:96,className:"mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full",src:`${(e=a==null?void 0:a.mainImage)==null?void 0:e.image}`,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)(wt,{member:a})]})},a==null?void 0:a.name)})}):null}function wt({member:t}){return(0,r.jsxs)(y.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)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var A,w,$,h,_,z,N,y,r,j=x(()=>{"use strict";A=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),$=require("@stackshift-ui/flex"),h=require("@stackshift-ui/heading"),_=require("@stackshift-ui/image"),z=require("@stackshift-ui/section"),N=require("@stackshift-ui/text"),y=v(require("react")),r=require("react/jsx-runtime")});var E={};m(E,{Team_B:()=>q,default:()=>q});function q({team:t}){var n;let[a,i]=C.default.useState((n=t==null?void 0:t[0])==null?void 0:n.name),e=C.default.useMemo(()=>(t==null?void 0:t.filter(p=>(p==null?void 0:p.name)===a))||[],[t,a]);return(0,r.jsx)(z.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)(ht,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(yt,{members:e})]})})})}function ht({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-x-6 lg:flex-col lg:justify-start lg:space-x-0",children:t==null?void 0:t.map(e=>(0,r.jsx)(Nt,{data:e,activeTab:a,setActiveTab:i},e.name))})})}function Nt({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 yt({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)(Ct,{member:a},i))}):null}function Ct({member:t}){var a,i;return t?(0,r.jsxs)(V.Card,{className:"flex p-6 shadow-lg bg-white",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)(_.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)(N.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(N.Text,{className:"mb-6",muted:!0,children:t.jobTitle}),(0,r.jsx)(N.Text,{className:"mb-6 text-justify",muted:!0,children:t.plainText})]})}var B,V,w,$,_,z,N,C,r,G=x(()=>{"use strict";B=require("@stackshift-ui/button"),V=require("@stackshift-ui/card"),C=v(require("react"))});var Z={};m(Z,{Team_C:()=>Y,default:()=>Y});function Y({caption:t,title:a,team:i}){return(0,r.jsx)(z.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)(N.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)($.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)(J.Card,{className:"w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(_.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)(X.default.Fragment,{children:[(0,r.jsx)(N.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var J,w,$,h,_,z,N,X,r,tt=x(()=>{"use strict";J=require("@stackshift-ui/card"),X=v(require("react"))});var st={};m(st,{Team_D:()=>rt,default:()=>rt});function rt({caption:t,title:a,team:i}){return(0,r.jsx)(z.Section,{className:"!md:px-4 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)(N.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)($.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 md:w-1/2",children:(0,r.jsxs)(at.Card,{className:"items-center p-0 bg-white overflow-hidden shadow-lg lg:block xl:flex",borderRadius:"md",children:[((e=a.mainImage)==null?void 0:e.image)&&(0,r.jsx)("div",{children:(0,r.jsx)(_.Image,{className:"h-[320px] w-full object-cover rounded-md 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:"w-full lg:p-4 xl:w-2/3",children:[(0,r.jsx)(N.Text,{weight:"bold",className:"my-2 text-lg sm:text-xl md:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{className:"mb-4 leading-loose text-sm md:text-base",muted:!0,children:t==null?void 0:t.plainText})]})}var at,w,$,h,_,z,N,r,lt=x(()=>{"use strict";at=require("@stackshift-ui/card")});var _t={};m(_t,{Team:()=>pt});module.exports=Tt(_t);var f=require("react"),At={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(j(),W))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(G(),E))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(tt(),Z))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(lt(),st)))},$t="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=$t;0&&(module.exports={Team});
+"use strict";var ft=Object.create;var d=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var xt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var x=(t,a)=>()=>(t&&(a=t(t=0)),a);var f=(t,a)=>{for(var i in a)d(t,i,{get:a[i],enumerable:!0})},k=(t,a,i,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of dt(a))!gt.call(t,n)&&n!==i&&d(t,n,{get:()=>a[n],enumerable:!(o=mt(a,n))||o.enumerable});return t};var w=(t,a,i)=>(i=t!=null?ft(xt(t)):{},k(a||!t||!t.__esModule?d(i,"default",{value:t,enumerable:!0}):i,t)),ut=t=>k(d({},"__esModule",{value:!0}),t);var H={};f(H,{Team_A:()=>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)(v.Container,{maxWidth:1280,children:[(0,r.jsx)(v.Container,{className:"mb-10 text-center",children:(0,r.jsx)(Tt,{caption:t,title:a})}),(0,r.jsx)(wt,{team:i})]})})}function Tt({caption:t,title:a}){return(0,r.jsxs)(j.default.Fragment,{children:[t?(0,r.jsx)(N.Text,{weight:"bold",className:"text-secondary",children:t}):null,a?(0,r.jsx)(h.Heading,{type:"h2",fontSize:"2xl",children:a}):null]})}function wt({team:t}){return t?(0,r.jsx)(A.Flex,{wrap:!0,align:"center",justify:"center",gap:6,children:t==null?void 0:t.map(a=>{var i,o,n,p;return(0,r.jsx)("div",{className:"w-full [@media(min-width:421px)]:w-96 sm:w-1/2 lg:w-1/3",children:(0,r.jsxs)(R.Card,{className:"py-10 [@media(min-width:320px)]:py-20 items-center text-center shadow-lg bg-white flex flex-col gap-4",borderRadius:"md",children:[((i=a==null?void 0:a.mainImage)==null?void 0:i.image)&&(0,r.jsx)($.Image,{width:96,height:96,className:"border-0 w-28 h-28 object-cover rounded-full",src:`${(o=a==null?void 0:a.mainImage)==null?void 0:o.image}`,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)(vt,{member:a})]})},a==null?void 0:a.name)})}):null}function vt({member:t}){return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)(h.Heading,{type:"h3",className:"text-xl lg:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var R,v,A,h,$,_,N,j,r,W=x(()=>{"use strict";R=require("@stackshift-ui/card"),v=require("@stackshift-ui/container"),A=require("@stackshift-ui/flex"),h=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),_=require("@stackshift-ui/section"),N=require("@stackshift-ui/text"),j=w(require("react")),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),o=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)(v.Container,{maxWidth:1280,children:(0,r.jsxs)(A.Flex,{wrap:!0,align:"center",children:[(0,r.jsx)(ht,{team:t,activeTab:a,setActiveTab:i}),(0,r.jsx)(yt,{members:o})]})})})}function ht({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)(A.Flex,{as:"ul",wrap:!0,justify:"center",direction:"row",className:"lg:flex-col lg:justify-start gap-3",children:t==null?void 0:t.map(o=>(0,r.jsx)(Nt,{data:o,activeTab:a,setActiveTab:i},o.name))})})}function Nt({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:`text-xl lg:text-2xl ${t.name===a?"text-black":"text-gray-400"} font-bold hover:text-gray-500 focus:outline-none`,onClick:()=>{var o;return i((o=t.name)!=null?o:"")},children:t.name})})}function yt({members:t}){return t?(0,r.jsx)("div",{className:"w-full lg:w-2/3 sm:p-6",children:t.map((a,i)=>(0,r.jsx)(Ct,{member:a},i))}):null}function Ct({member:t}){var a,i;return t?(0,r.jsxs)(V.Card,{className:"flex flex-col gap-3 md:gap-0 md:flex-row shadow-lg bg-white md:h-96",borderRadius:"md",children:[((a=t.mainImage)==null?void 0:a.image)&&(0,r.jsx)("div",{className:"w-full md:w-1/2 h-48 md:h-full relative overflow-hidden rounded-md",children:(0,r.jsx)($.Image,{className:"object-cover absolute inset-0 w-full h-full",src:`${t.mainImage.image}`,sizes:"100vw",width:329,height:500,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:"w-full md:w-1/2 md:p-6 max-h-[300px] md:max-h-96 overflow-y-auto",children:[(0,r.jsx)(N.Text,{weight:"bold",fontSize:"2xl",children:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t.jobTitle}),(0,r.jsx)(N.Text,{className:"text-justify mt-4",muted:!0,children:t.plainText})]})}var B,V,v,A,$,_,N,y,r,J=x(()=>{"use strict";B=require("@stackshift-ui/button"),V=require("@stackshift-ui/card"),y=w(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)(v.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)(v.Container,{maxWidth:576,className:"mb-12 text-center ",children:[t&&(0,r.jsx)(N.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)(A.Flex,{wrap:!0,children:t.map(a=>{var i,o,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 bg-white shadow-lg text-center",borderRadius:"md",children:[((i=a.mainImage)==null?void 0:i.image)&&(0,r.jsx)("div",{children:(0,r.jsx)($.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(o=a==null?void 0:a.mainImage)==null?void 0:o.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)(N.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{muted:!0,children:t==null?void 0:t.jobTitle})]})}var K,v,A,h,$,_,N,Y,r,tt=x(()=>{"use strict";K=require("@stackshift-ui/card"),Y=w(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:"!md:px-4 py-20 bg-background",children:(0,r.jsxs)(v.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)(v.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,r.jsx)(N.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)(A.Flex,{wrap:!0,children:t&&t.map((a,i)=>{var o,n,p,c;return(0,r.jsx)("div",{className:"w-full md:px-4 mb-6 md:w-1/2",children:(0,r.jsxs)(at.Card,{className:"flex flex-col xl:flex-row items-center gap-3 bg-white overflow-hidden shadow-lg ",borderRadius:"md",children:[((o=a.mainImage)==null?void 0:o.image)&&(0,r.jsx)($.Image,{className:"h-full w-full object-cover rounded-md [@media(min-width:320px)]:h-[320px] 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:"w-full xl:w-2/3 flex flex-col gap-2",children:[(0,r.jsx)(N.Text,{weight:"bold",className:"text-lg sm:text-xl md:text-2xl",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{className:"leading-loose text-sm md:text-base",muted:!0,children:t==null?void 0:t.plainText})]})}var at,v,A,h,$,_,N,r,st=x(()=>{"use strict";at=require("@stackshift-ui/card")});var _t={};f(_t,{Team:()=>pt});module.exports=ut(_t);var m=require("react"),At={variant_a:(0,m.lazy)(()=>Promise.resolve().then(()=>(W(),H))),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,I,F,S;let a=t==null?void 0:t.variant,i=a&&At[a],o={caption:(p=(n=t==null?void 0:t.variants)==null?void 0:n.subtitle)!=null?p:void 0,title:(I=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?I:void 0,team:(S=(F=t==null?void 0:t.variants)==null?void 0:F.teams)!=null?S:void 0};return i?(0,r.jsx)(i,{...o}):null};pt.displayName=$t;0&&(module.exports={Team});

package/dist/team.mjs

@@ -1 +1 @@
-import{a}from"./chunk-F5GJBW6M.mjs";export{a as Team};
+import{a}from"./chunk-RD3K7TYV.mjs";export{a as Team};

package/dist/team_a.js

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

package/dist/team_b.js

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

package/dist/team_b.mjs

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

package/dist/team_d.mjs

@@ -1 +1 @@
-import{a}from"./chunk-POCYT4IV.mjs";export{a as Team_D,a as default};
+import{a}from"./chunk-3NOHOXI7.mjs";export{a as Team_D,a as default};

package/package.json

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

package/src/team_a.tsx

@@ -12,8 +12,8 @@ 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">
+      <Container maxWidth={1280}>
+        <Container className="mb-10 text-center">
           <CaptionAndTitle caption={caption} title={title} />
         </Container>
         <Teams team={team} />
@@ -43,15 +43,17 @@ function Teams({ team }: { team?: iTeam[] }) {
   if (!team) return null;
 
   return (
-    <Flex wrap>
+    <Flex wrap align="center" justify="center" gap={6}>
       {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 shadow-lg bg-white" borderRadius="md">
+        <div className="w-full [@media(min-width:421px)]:w-96 sm:w-1/2 lg:w-1/3" key={member?.name}>
+          <Card
+            className="py-10 [@media(min-width:320px)]:py-20 items-center text-center shadow-lg bg-white flex flex-col gap-4"
+            borderRadius="md">
             {member?.mainImage?.image && (
               <Image
                 width={96}
                 height={96}
-                className="mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full"
+                className="border-0 w-28 h-28 object-cover rounded-full"
                 src={`${member?.mainImage?.image}`}
                 alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
               />
@@ -66,12 +68,12 @@ function Teams({ team }: { team?: iTeam[] }) {
 
 function TeamMemberText({ member }: MemberTextProps) {
   return (
-    <React.Fragment>
-      <Heading type="h3" className="mb-2 text-xl lg:text-2xl">
+    <div className="flex flex-col gap-2">
+      <Heading type="h3" className="text-xl lg:text-2xl">
         {member?.name}
       </Heading>
       <Text muted>{member?.jobTitle}</Text>
-    </React.Fragment>
+    </div>
   );
 }
 

package/src/team_b.tsx

@@ -43,7 +43,7 @@ function TeamTabs({ team, activeTab, setActiveTab }: TeamTabsProps) {
         wrap
         justify="center"
         direction="row"
-        className="space-x-6 lg:flex-col lg:justify-start lg:space-x-0">
+        className="lg:flex-col lg:justify-start gap-3">
         {team?.map(item => (
           <TeamTab key={item.name} data={item} activeTab={activeTab} setActiveTab={setActiveTab} />
         ))}
@@ -67,8 +67,8 @@ function TeamTab({ data, activeTab, setActiveTab }: TeamTabProps) {
         as="button"
         variant="unstyled"
         ariaLabel={data.name}
-        className={`mb-4 text-xl lg:text-2xl ${
-          data.name === activeTab ? "text-gray-900" : "text-gray-500"
+        className={`text-xl lg:text-2xl ${
+          data.name === activeTab ? "text-black" : "text-gray-400"
         } font-bold hover:text-gray-500 focus:outline-none`}
         onClick={() => setActiveTab(data.name ?? "")}>
         {data.name}
@@ -81,7 +81,7 @@ function TeamMembersList({ members }: { members?: iTeam[] }) {
   if (!members) return null;
 
   return (
-    <div className="w-full px-3 lg:w-2/3">
+    <div className="w-full lg:w-2/3 sm:p-6">
       {members.map((member, index) => (
         <TeamMemberCard key={index} member={member} />
       ))}
@@ -93,32 +93,34 @@ function TeamMemberCard({ member }: { member?: iTeam }) {
   if (!member) return null;
 
   return (
-    <Card className="flex p-6 shadow-lg bg-white" borderRadius="md">
+    <Card
+      className="flex flex-col gap-3 md:gap-0 md:flex-row shadow-lg bg-white md:h-96"
+      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`}
-        />
+        <div className="w-full md:w-1/2 h-48 md:h-full relative overflow-hidden rounded-md">
+          <Image
+            className="object-cover absolute inset-0 w-full h-full"
+            src={`${member.mainImage.image}`}
+            sizes="100vw"
+            width={329}
+            height={500}
+            alt={member.mainImage.alt ?? `team-member-${member.name}-profile-image`}
+          />
+        </div>
       )}
-      <TeamMmeberText member={member} />
+      <TeamMemberText member={member} />
     </Card>
   );
 }
 
-function TeamMmeberText({ member }: MemberTextProps) {
+function TeamMemberText({ member }: MemberTextProps) {
   return (
-    <div className="order-last w-1/2 pt-6 pl-6 mt-6">
+    <div className="w-full md:w-1/2 md:p-6 max-h-[300px] md:max-h-96 overflow-y-auto">
       <Text weight="bold" fontSize="2xl">
         {member.name}
       </Text>
-      <Text className="mb-6" muted>
-        {member.jobTitle}
-      </Text>
-      <Text className="mb-6 text-justify" muted>
+      <Text muted>{member.jobTitle}</Text>
+      <Text className="text-justify mt-4" muted>
         {member.plainText}
       </Text>
     </div>

package/src/team_d.tsx

@@ -39,21 +39,19 @@ function TeamMemberCard({ team }: { team?: iTeam[] }) {
     <Flex wrap>
       {team &&
         team.map((member, index) => (
-          <div className="w-full px-4 mb-6 md:w-1/2" key={index}>
+          <div className="w-full md:px-4 mb-6 md:w-1/2" key={index}>
             <Card
-              className="items-center p-0 bg-white overflow-hidden shadow-lg lg:block xl:flex"
+              className="flex flex-col xl:flex-row items-center gap-3 bg-white overflow-hidden shadow-lg "
               borderRadius="md">
               {member.mainImage?.image && (
-                <div>
-                  <Image
-                    className="h-[320px] w-full object-cover rounded-md xl:w-[179px]"
-                    sizes="100vw"
-                    src={`${member?.mainImage?.image}`}
-                    width={179}
-                    height={320}
-                    alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
-                  />
-                </div>
+                <Image
+                  className="h-full w-full object-cover rounded-md [@media(min-width:320px)]:h-[320px] xl:w-[179px]"
+                  sizes="100vw"
+                  src={`${member?.mainImage?.image}`}
+                  width={179}
+                  height={320}
+                  alt={member?.mainImage?.alt ?? `team-member-${member?.name}-profile-image`}
+                />
               )}
               <TeamMemberText member={member} />
             </Card>
@@ -65,17 +63,11 @@ function TeamMemberCard({ team }: { team?: iTeam[] }) {
 
 function TeamMemberText({ member }: MemberTextProps) {
   return (
-    <div className="w-full lg:p-4 xl:w-2/3">
-      <Text
-        weight="bold"
-        className="my-2 text-lg sm:text-xl md:text-2xl"
-      >
+    <div className="w-full xl:w-2/3 flex flex-col gap-2">
+      <Text weight="bold" className="text-lg sm:text-xl md:text-2xl">
         {member?.name}
       </Text>
-      <Text
-        className="mb-4 leading-loose text-sm md:text-base"
-        muted
-      >
+      <Text className="leading-loose text-sm md:text-base" muted>
         {member?.plainText}
       </Text>
     </div>

package/dist/chunk-GZHCSMFB.mjs

@@ -1 +0,0 @@
-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(g,{team:e,activeTab:t,setActiveTab:i}),a(v,{members:r})]})})})}function g({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(x,{data:r,activeTab:t,setActiveTab:i},r.name))})})}function x({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 shadow-lg bg-white",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-POCYT4IV.mjs

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

package/dist/chunk-ZKV465GO.mjs

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