@stackshift-ui/team 6.0.6-beta.2 → 6.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,2 +1,365 @@
1
+ "use strict";
1
2
  "use client";
2
- "use strict";var mt=Object.create;var d=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var g=(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))!xt.call(t,n)&&n!==i&&d(t,n,{get:()=>a[n],enumerable:!(e=ft(a,n))||e.enumerable});return t};var w=(t,a,i)=>(i=t!=null?mt(gt(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:()=>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:1e3,children:[(0,r.jsx)(v.Container,{maxWidth:576,className:"mb-10 text-center",children:(0,r.jsx)(ut,{caption:t,title:a})}),(0,r.jsx)(wt,{team:i})]})})}function ut({caption:t,title:a}){return(0,r.jsxs)(C.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)(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)(vt,{member:a})]})},a==null?void 0:a.name)})}):null}function vt({member:t}){return(0,r.jsxs)(C.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,v,L,h,b,D,N,C,r,P=g(()=>{"use strict";V=require("@stackshift-ui/card"),v=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"),C=w(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)(v.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)(Ct,{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-N-6 lg:flex-col lg:justify-start lg:space-N-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 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)(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,v,L,b,D,N,M,r,S=g(()=>{"use strict";E=require("@stackshift-ui/button"),G=require("@stackshift-ui/card"),M=w(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)(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)(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,v,L,h,b,D,N,at,r,A=g(()=>{"use strict";U=require("@stackshift-ui/card"),at=w(require("react"))});var lt={};m(lt,{Team_D:()=>z,default:()=>z});function z({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)(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 lg:w-1/2",children:(0,r.jsxs)(et.Card,{className:"items-center p-0 bg-white overflow-hidden shadow-lg 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)(b.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)(N.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,r.jsx)(N.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}var et,$,L,h,b,D,N,r,_=g(()=>{"use strict";et=require("@stackshift-ui/card")});var zt={};m(zt,{Team:()=>pt,Team_A:()=>y,Team_B:()=>F,Team_C:()=>R,Team_D:()=>z});module.exports=Tt(zt);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(()=>(_(),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();_();0&&(module.exports={Team,Team_A,Team_B,Team_C,Team_D});
3
+ var __create = Object.create;
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __esm = (fn, res) => function __init() {
10
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
11
+ };
12
+ var __export = (target, all) => {
13
+ for (var name in all)
14
+ __defProp(target, name, { get: all[name], enumerable: true });
15
+ };
16
+ var __copyProps = (to, from, except, desc) => {
17
+ if (from && typeof from === "object" || typeof from === "function") {
18
+ for (let key of __getOwnPropNames(from))
19
+ if (!__hasOwnProp.call(to, key) && key !== except)
20
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
21
+ }
22
+ return to;
23
+ };
24
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
25
+ // If the importer is in node compatibility mode or this is not an ESM
26
+ // file that has been converted to a CommonJS file using a Babel-
27
+ // compatible transform (i.e. "__esModule" has not been set), then set
28
+ // "default" to the CommonJS "module.exports" for node compatibility.
29
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
30
+ mod
31
+ ));
32
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
33
+
34
+ // src/team_a.tsx
35
+ var team_a_exports = {};
36
+ __export(team_a_exports, {
37
+ Team_A: () => Team_A,
38
+ default: () => Team_A
39
+ });
40
+ function Team_A({ caption, title, team }) {
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 1e3, children: [
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 576, className: "mb-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CaptionAndTitle, { caption, title }) }),
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Teams, { team })
44
+ ] }) });
45
+ }
46
+ function CaptionAndTitle({ caption, title }) {
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
48
+ caption ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { weight: "bold", className: "text-secondary", children: caption }) : null,
49
+ title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { type: "h2", fontSize: "2xl", children: title }) : null
50
+ ] });
51
+ }
52
+ function Teams({ team }) {
53
+ if (!team) return null;
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, children: team == null ? void 0 : team.map((member) => {
55
+ var _a, _b, _c, _d;
56
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full px-3 mb-6 md:w-1/2 lg:w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "py-24 text-center shadow-lg bg-white", borderRadius: "md", children: [
57
+ ((_a = member == null ? void 0 : member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
58
+ import_image.Image,
59
+ {
60
+ width: 96,
61
+ height: 96,
62
+ className: "mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full",
63
+ src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
64
+ alt: (_d = (_c = member == null ? void 0 : member.mainImage) == null ? void 0 : _c.alt) != null ? _d : `team-member-${member == null ? void 0 : member.name}-profile-image`
65
+ }
66
+ ),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberText, { member })
68
+ ] }) }, member == null ? void 0 : member.name);
69
+ }) });
70
+ }
71
+ function TeamMemberText({ member }) {
72
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { type: "h3", className: "mb-2 text-xl lg:text-2xl", children: member == null ? void 0 : member.name }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
75
+ ] });
76
+ }
77
+ var import_card, import_container, import_flex, import_heading, import_image, import_section, import_text, import_react, import_jsx_runtime;
78
+ var init_team_a = __esm({
79
+ "src/team_a.tsx"() {
80
+ "use strict";
81
+ import_card = require("@stackshift-ui/card");
82
+ import_container = require("@stackshift-ui/container");
83
+ import_flex = require("@stackshift-ui/flex");
84
+ import_heading = require("@stackshift-ui/heading");
85
+ import_image = require("@stackshift-ui/image");
86
+ import_section = require("@stackshift-ui/section");
87
+ import_text = require("@stackshift-ui/text");
88
+ import_react = __toESM(require("react"));
89
+ import_jsx_runtime = require("react/jsx-runtime");
90
+ }
91
+ });
92
+
93
+ // src/team_b.tsx
94
+ var team_b_exports = {};
95
+ __export(team_b_exports, {
96
+ Team_B: () => Team_B,
97
+ default: () => Team_B
98
+ });
99
+ function Team_B({ team }) {
100
+ var _a;
101
+ const [activeTab, setActiveTab] = import_react2.default.useState((_a = team == null ? void 0 : team[0]) == null ? void 0 : _a.name);
102
+ const filteredMembers = import_react2.default.useMemo(
103
+ () => (team == null ? void 0 : team.filter((member) => (member == null ? void 0 : member.name) === activeTab)) || [],
104
+ [team, activeTab]
105
+ );
106
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_section2.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_container2.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flex2.Flex, { wrap: true, align: "center", children: [
107
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamTabs, { team, activeTab, setActiveTab }),
108
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamMembersList, { members: filteredMembers })
109
+ ] }) }) });
110
+ }
111
+ function TeamTabs({ team, activeTab, setActiveTab }) {
112
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full px-3 mb-8 lg:mb-0 lg:w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
113
+ import_flex2.Flex,
114
+ {
115
+ as: "ul",
116
+ wrap: true,
117
+ justify: "center",
118
+ direction: "row",
119
+ className: "space-x-6 lg:flex-col lg:justify-start lg:space-x-0",
120
+ children: team == null ? void 0 : team.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamTab, { data: item, activeTab, setActiveTab }, item.name))
121
+ }
122
+ ) });
123
+ }
124
+ function TeamTab({ data, activeTab, setActiveTab }) {
125
+ if (!data || !data.name) return null;
126
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
127
+ import_button.Button,
128
+ {
129
+ as: "button",
130
+ variant: "unstyled",
131
+ ariaLabel: data.name,
132
+ 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`,
133
+ onClick: () => {
134
+ var _a;
135
+ return setActiveTab((_a = data.name) != null ? _a : "");
136
+ },
137
+ children: data.name
138
+ }
139
+ ) });
140
+ }
141
+ function TeamMembersList({ members }) {
142
+ if (!members) return null;
143
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full px-3 lg:w-2/3", children: members.map((member, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamMemberCard, { member }, index)) });
144
+ }
145
+ function TeamMemberCard({ member }) {
146
+ var _a, _b;
147
+ if (!member) return null;
148
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_card2.Card, { className: "flex p-6 shadow-lg bg-white", borderRadius: "md", children: [
149
+ ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
150
+ import_image2.Image,
151
+ {
152
+ className: "object-cover overflow-hidden rounded-md",
153
+ src: `${member.mainImage.image}`,
154
+ sizes: "100vw",
155
+ width: 329,
156
+ height: 494,
157
+ alt: (_b = member.mainImage.alt) != null ? _b : `team-member-${member.name}-profile-image`
158
+ }
159
+ ),
160
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamMmeberText, { member })
161
+ ] });
162
+ }
163
+ function TeamMmeberText({ member }) {
164
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "order-last w-1/2 pt-6 pl-6 mt-6", children: [
165
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { weight: "bold", fontSize: "2xl", children: member.name }),
166
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { className: "mb-6", muted: true, children: member.jobTitle }),
167
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { className: "mb-6 text-justify", muted: true, children: member.plainText })
168
+ ] });
169
+ }
170
+ var import_button, import_card2, import_container2, import_flex2, import_image2, import_section2, import_text2, import_react2, import_jsx_runtime2;
171
+ var init_team_b = __esm({
172
+ "src/team_b.tsx"() {
173
+ "use strict";
174
+ import_button = require("@stackshift-ui/button");
175
+ import_card2 = require("@stackshift-ui/card");
176
+ import_container2 = require("@stackshift-ui/container");
177
+ import_flex2 = require("@stackshift-ui/flex");
178
+ import_image2 = require("@stackshift-ui/image");
179
+ import_section2 = require("@stackshift-ui/section");
180
+ import_text2 = require("@stackshift-ui/text");
181
+ import_react2 = __toESM(require("react"));
182
+ import_jsx_runtime2 = require("react/jsx-runtime");
183
+ }
184
+ });
185
+
186
+ // src/team_c.tsx
187
+ var team_c_exports = {};
188
+ __export(team_c_exports, {
189
+ Team_C: () => Team_C,
190
+ default: () => Team_C
191
+ });
192
+ function Team_C({ caption, title, team }) {
193
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_section3.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 1280, children: [
194
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CaptionAndTitle2, { caption, title }),
195
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TeamMemberCard2, { team })
196
+ ] }) });
197
+ }
198
+ function CaptionAndTitle2({ caption, title }) {
199
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 576, className: "mb-12 text-center ", children: [
200
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { weight: "bold", className: "text-primary", children: caption }),
201
+ title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_heading2.Heading, { children: title })
202
+ ] });
203
+ }
204
+ function TeamMemberCard2({ team }) {
205
+ if (!team) return null;
206
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_flex3.Flex, { wrap: true, children: team.map((member) => {
207
+ var _a, _b, _c, _d;
208
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full px-3 mb-6 md:w-1/2 lg:w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
209
+ import_card3.Card,
210
+ {
211
+ className: "w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",
212
+ borderRadius: "md",
213
+ children: [
214
+ ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
215
+ import_image3.Image,
216
+ {
217
+ className: "mb-8 h-[345px] w-full object-cover rounded-md",
218
+ sizes: "100vw",
219
+ src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
220
+ width: 345,
221
+ height: 256,
222
+ alt: (_d = (_c = member == null ? void 0 : member.mainImage) == null ? void 0 : _c.alt) != null ? _d : `team-member-${member == null ? void 0 : member.name}-profile-image`
223
+ }
224
+ ) }),
225
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TeamMemberText2, { member })
226
+ ]
227
+ }
228
+ ) }, member == null ? void 0 : member.name);
229
+ }) });
230
+ }
231
+ function TeamMemberText2({ member }) {
232
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react3.default.Fragment, { children: [
233
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { fontSize: "2xl", weight: "bold", className: "mb-2", children: member == null ? void 0 : member.name }),
234
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
235
+ ] });
236
+ }
237
+ var import_card3, import_container3, import_flex3, import_heading2, import_image3, import_section3, import_text3, import_react3, import_jsx_runtime3;
238
+ var init_team_c = __esm({
239
+ "src/team_c.tsx"() {
240
+ "use strict";
241
+ import_card3 = require("@stackshift-ui/card");
242
+ import_container3 = require("@stackshift-ui/container");
243
+ import_flex3 = require("@stackshift-ui/flex");
244
+ import_heading2 = require("@stackshift-ui/heading");
245
+ import_image3 = require("@stackshift-ui/image");
246
+ import_section3 = require("@stackshift-ui/section");
247
+ import_text3 = require("@stackshift-ui/text");
248
+ import_react3 = __toESM(require("react"));
249
+ import_jsx_runtime3 = require("react/jsx-runtime");
250
+ }
251
+ });
252
+
253
+ // src/team_d.tsx
254
+ var team_d_exports = {};
255
+ __export(team_d_exports, {
256
+ Team_D: () => Team_D,
257
+ default: () => Team_D
258
+ });
259
+ function Team_D({ caption, title, team }) {
260
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_section4.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_container4.Container, { maxWidth: 1280, children: [
261
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CaptionAndTitle3, { caption, title }),
262
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TeamMemberCard3, { team })
263
+ ] }) });
264
+ }
265
+ function CaptionAndTitle3({ caption, title }) {
266
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_container4.Container, { maxWidth: 576, className: "mb-8 text-center lg:mb-16", children: [
267
+ caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { weight: "bold", className: "text-secondary", children: caption }),
268
+ title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_heading3.Heading, { children: title })
269
+ ] });
270
+ }
271
+ function TeamMemberCard3({ team }) {
272
+ if (!team) return null;
273
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_flex4.Flex, { wrap: true, children: team && team.map((member, index) => {
274
+ var _a, _b, _c, _d;
275
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full px-4 mb-6 lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
276
+ import_card4.Card,
277
+ {
278
+ className: "items-center p-0 bg-white overflow-hidden shadow-lg sm:flex sm:flex-wrap lg:block xl:flex",
279
+ borderRadius: "md",
280
+ children: [
281
+ ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
282
+ import_image4.Image,
283
+ {
284
+ className: "h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",
285
+ sizes: "100vw",
286
+ src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
287
+ width: 179,
288
+ height: 320,
289
+ alt: (_d = (_c = member == null ? void 0 : member.mainImage) == null ? void 0 : _c.alt) != null ? _d : `team-member-${member == null ? void 0 : member.name}-profile-image`
290
+ }
291
+ ) }),
292
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TeamMemberText3, { member })
293
+ ]
294
+ }
295
+ ) }, index);
296
+ }) });
297
+ }
298
+ function TeamMemberText3({ member }) {
299
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3", children: [
300
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { weight: "bold", fontSize: "2xl", className: "mb-2", children: member == null ? void 0 : member.name }),
301
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { className: "mb-4 leading-loose", muted: true, children: member == null ? void 0 : member.plainText })
302
+ ] });
303
+ }
304
+ var import_card4, import_container4, import_flex4, import_heading3, import_image4, import_section4, import_text4, import_jsx_runtime4;
305
+ var init_team_d = __esm({
306
+ "src/team_d.tsx"() {
307
+ "use strict";
308
+ import_card4 = require("@stackshift-ui/card");
309
+ import_container4 = require("@stackshift-ui/container");
310
+ import_flex4 = require("@stackshift-ui/flex");
311
+ import_heading3 = require("@stackshift-ui/heading");
312
+ import_image4 = require("@stackshift-ui/image");
313
+ import_section4 = require("@stackshift-ui/section");
314
+ import_text4 = require("@stackshift-ui/text");
315
+ import_jsx_runtime4 = require("react/jsx-runtime");
316
+ }
317
+ });
318
+
319
+ // src/index.ts
320
+ var src_exports = {};
321
+ __export(src_exports, {
322
+ Team: () => Team,
323
+ Team_A: () => Team_A,
324
+ Team_B: () => Team_B,
325
+ Team_C: () => Team_C,
326
+ Team_D: () => Team_D
327
+ });
328
+ module.exports = __toCommonJS(src_exports);
329
+
330
+ // src/team.tsx
331
+ var import_react4 = require("react");
332
+ var import_jsx_runtime5 = require("react/jsx-runtime");
333
+ var Variants = {
334
+ variant_a: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_a(), team_a_exports))),
335
+ variant_b: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_b(), team_b_exports))),
336
+ variant_c: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_c(), team_c_exports))),
337
+ variant_d: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_d(), team_d_exports)))
338
+ };
339
+ var displayName = "Team";
340
+ var Team = ({ data }) => {
341
+ var _a, _b, _c, _d, _e, _f;
342
+ const variant = data == null ? void 0 : data.variant;
343
+ const Variant = variant && Variants[variant];
344
+ const props = {
345
+ caption: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.subtitle) != null ? _b : void 0,
346
+ title: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.title) != null ? _d : void 0,
347
+ team: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.teams) != null ? _f : void 0
348
+ };
349
+ return Variant ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Variant, { ...props }) : null;
350
+ };
351
+ Team.displayName = displayName;
352
+
353
+ // src/index.ts
354
+ init_team_a();
355
+ init_team_b();
356
+ init_team_c();
357
+ init_team_d();
358
+ // Annotate the CommonJS export names for ESM import in node:
359
+ 0 && (module.exports = {
360
+ Team,
361
+ Team_A,
362
+ Team_B,
363
+ Team_C,
364
+ Team_D
365
+ });
package/dist/index.mjs CHANGED
@@ -1,2 +1,24 @@
1
1
  "use client";
2
- "use strict";import{a as f}from"./chunk-KVVPX3IW.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-JRDJQPE2.mjs";export{f as Team,o as Team_A,r as Team_B,e as Team_C,t as Team_D};
2
+ "use strict";
3
+ import {
4
+ Team
5
+ } from "./chunk-ZME26LYJ.mjs";
6
+ import {
7
+ Team_A
8
+ } from "./chunk-BGXM3WLZ.mjs";
9
+ import {
10
+ Team_B
11
+ } from "./chunk-AC3TBU5F.mjs";
12
+ import {
13
+ Team_C
14
+ } from "./chunk-QXOIBK2J.mjs";
15
+ import {
16
+ Team_D
17
+ } from "./chunk-JBADLHBZ.mjs";
18
+ export {
19
+ Team,
20
+ Team_A,
21
+ Team_B,
22
+ Team_C,
23
+ Team_D
24
+ };