@stackshift-ui/team 6.0.6 → 6.0.7-beta.1
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 +1 -364
- package/dist/index.mjs +1 -23
- package/dist/team.js +1 -348
- package/dist/team.mjs +1 -6
- package/dist/team_a.js +1 -86
- package/dist/team_a.mjs +1 -7
- package/dist/team_b.js +1 -120
- package/dist/team_b.mjs +1 -7
- package/dist/team_c.js +1 -94
- package/dist/team_c.mjs +1 -7
- package/dist/team_d.js +1 -83
- package/dist/team_d.mjs +1 -7
- package/dist/types.js +1 -18
- package/package.json +15 -15
- package/dist/chunk-AC3TBU5F.mjs +0 -85
- package/dist/chunk-BGXM3WLZ.mjs +0 -51
- package/dist/chunk-JBADLHBZ.mjs +0 -58
- package/dist/chunk-QXOIBK2J.mjs +0 -59
- package/dist/chunk-ZME26LYJ.mjs +0 -26
package/dist/team_c.js
CHANGED
|
@@ -1,94 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// src/team_c.tsx
|
|
31
|
-
var team_c_exports = {};
|
|
32
|
-
__export(team_c_exports, {
|
|
33
|
-
Team_C: () => Team_C,
|
|
34
|
-
default: () => Team_C
|
|
35
|
-
});
|
|
36
|
-
module.exports = __toCommonJS(team_c_exports);
|
|
37
|
-
var import_card = require("@stackshift-ui/card");
|
|
38
|
-
var import_container = require("@stackshift-ui/container");
|
|
39
|
-
var import_flex = require("@stackshift-ui/flex");
|
|
40
|
-
var import_heading = require("@stackshift-ui/heading");
|
|
41
|
-
var import_image = require("@stackshift-ui/image");
|
|
42
|
-
var import_section = require("@stackshift-ui/section");
|
|
43
|
-
var import_text = require("@stackshift-ui/text");
|
|
44
|
-
var import_react = __toESM(require("react"));
|
|
45
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
46
|
-
function Team_C({ caption, title, team }) {
|
|
47
|
-
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: 1280, children: [
|
|
48
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CaptionAndTitle, { caption, title }),
|
|
49
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberCard, { team })
|
|
50
|
-
] }) });
|
|
51
|
-
}
|
|
52
|
-
function CaptionAndTitle({ caption, title }) {
|
|
53
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 576, className: "mb-12 text-center ", children: [
|
|
54
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { weight: "bold", className: "text-primary", children: caption }),
|
|
55
|
-
title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { children: title })
|
|
56
|
-
] });
|
|
57
|
-
}
|
|
58
|
-
function TeamMemberCard({ team }) {
|
|
59
|
-
if (!team) return null;
|
|
60
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, children: team.map((member) => {
|
|
61
|
-
var _a, _b, _c, _d;
|
|
62
|
-
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)(
|
|
63
|
-
import_card.Card,
|
|
64
|
-
{
|
|
65
|
-
className: "w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",
|
|
66
|
-
borderRadius: "md",
|
|
67
|
-
children: [
|
|
68
|
-
((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
69
|
-
import_image.Image,
|
|
70
|
-
{
|
|
71
|
-
className: "mb-8 h-[345px] w-full object-cover rounded-md",
|
|
72
|
-
sizes: "100vw",
|
|
73
|
-
src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
|
|
74
|
-
width: 345,
|
|
75
|
-
height: 256,
|
|
76
|
-
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`
|
|
77
|
-
}
|
|
78
|
-
) }),
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberText, { member })
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
) }, member == null ? void 0 : member.name);
|
|
83
|
-
}) });
|
|
84
|
-
}
|
|
85
|
-
function TeamMemberText({ member }) {
|
|
86
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
|
|
87
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { fontSize: "2xl", weight: "bold", className: "mb-2", children: member == null ? void 0 : member.name }),
|
|
88
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
|
|
89
|
-
] });
|
|
90
|
-
}
|
|
91
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
92
|
-
0 && (module.exports = {
|
|
93
|
-
Team_C
|
|
94
|
-
});
|
|
1
|
+
"use strict";var h=Object.create;var e=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var F=(a,t)=>{for(var o in t)e(a,o,{get:t[o],enumerable:!0})},s=(a,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of C(t))!N.call(a,n)&&n!==o&&e(a,n,{get:()=>t[n],enumerable:!(r=m(t,n))||r.enumerable});return a};var I=(a,t,o)=>(o=a!=null?h(v(a)):{},s(t||!a||!a.__esModule?e(o,"default",{value:a,enumerable:!0}):o,a)),M=a=>s(e({},"__esModule",{value:!0}),a);var S={};F(S,{Team_C:()=>w,default:()=>w});module.exports=M(S);var f=require("@stackshift-ui/card"),d=require("@stackshift-ui/container"),c=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),x=require("@stackshift-ui/image"),u=require("@stackshift-ui/section"),l=require("@stackshift-ui/text"),T=I(require("react")),i=require("react/jsx-runtime");function w({caption:a,title:t,team:o}){return(0,i.jsx)(u.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(d.Container,{maxWidth:1280,children:[(0,i.jsx)(P,{caption:a,title:t}),(0,i.jsx)(y,{team:o})]})})}function P({caption:a,title:t}){return(0,i.jsxs)(d.Container,{maxWidth:576,className:"mb-12 text-center ",children:[a&&(0,i.jsx)(l.Text,{weight:"bold",className:"text-primary",children:a}),t&&(0,i.jsx)(g.Heading,{children:t})]})}function y({team:a}){return a?(0,i.jsx)(c.Flex,{wrap:!0,children:a.map(t=>{var o,r,n,p;return(0,i.jsx)("div",{className:"w-full px-3 mb-6 md:w-1/2 lg:w-1/3",children:(0,i.jsxs)(f.Card,{className:"w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",borderRadius:"md",children:[((o=t.mainImage)==null?void 0:o.image)&&(0,i.jsx)("div",{children:(0,i.jsx)(x.Image,{className:"mb-8 h-[345px] w-full object-cover rounded-md",sizes:"100vw",src:`${(r=t==null?void 0:t.mainImage)==null?void 0:r.image}`,width:345,height:256,alt:(p=(n=t==null?void 0:t.mainImage)==null?void 0:n.alt)!=null?p:`team-member-${t==null?void 0:t.name}-profile-image`})}),(0,i.jsx)(R,{member:t})]})},t==null?void 0:t.name)})}):null}function R({member:a}){return(0,i.jsxs)(T.default.Fragment,{children:[(0,i.jsx)(l.Text,{fontSize:"2xl",weight:"bold",className:"mb-2",children:a==null?void 0:a.name}),(0,i.jsx)(l.Text,{muted:!0,children:a==null?void 0:a.jobTitle})]})}0&&(module.exports={Team_C});
|
package/dist/team_c.mjs
CHANGED
package/dist/team_d.js
CHANGED
|
@@ -1,83 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/team_d.tsx
|
|
21
|
-
var team_d_exports = {};
|
|
22
|
-
__export(team_d_exports, {
|
|
23
|
-
Team_D: () => Team_D,
|
|
24
|
-
default: () => Team_D
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(team_d_exports);
|
|
27
|
-
var import_card = require("@stackshift-ui/card");
|
|
28
|
-
var import_container = require("@stackshift-ui/container");
|
|
29
|
-
var import_flex = require("@stackshift-ui/flex");
|
|
30
|
-
var import_heading = require("@stackshift-ui/heading");
|
|
31
|
-
var import_image = require("@stackshift-ui/image");
|
|
32
|
-
var import_section = require("@stackshift-ui/section");
|
|
33
|
-
var import_text = require("@stackshift-ui/text");
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
function Team_D({ caption, title, team }) {
|
|
36
|
-
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: 1280, children: [
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CaptionAndTitle, { caption, title }),
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberCard, { team })
|
|
39
|
-
] }) });
|
|
40
|
-
}
|
|
41
|
-
function CaptionAndTitle({ caption, title }) {
|
|
42
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 576, className: "mb-8 text-center lg:mb-16", children: [
|
|
43
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { weight: "bold", className: "text-secondary", children: caption }),
|
|
44
|
-
title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { children: title })
|
|
45
|
-
] });
|
|
46
|
-
}
|
|
47
|
-
function TeamMemberCard({ team }) {
|
|
48
|
-
if (!team) return null;
|
|
49
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, children: team && team.map((member, index) => {
|
|
50
|
-
var _a, _b, _c, _d;
|
|
51
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full px-4 mb-6 lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
52
|
-
import_card.Card,
|
|
53
|
-
{
|
|
54
|
-
className: "items-center p-0 bg-white overflow-hidden shadow-lg sm:flex sm:flex-wrap lg:block xl:flex",
|
|
55
|
-
borderRadius: "md",
|
|
56
|
-
children: [
|
|
57
|
-
((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
58
|
-
import_image.Image,
|
|
59
|
-
{
|
|
60
|
-
className: "h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",
|
|
61
|
-
sizes: "100vw",
|
|
62
|
-
src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
|
|
63
|
-
width: 179,
|
|
64
|
-
height: 320,
|
|
65
|
-
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`
|
|
66
|
-
}
|
|
67
|
-
) }),
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberText, { member })
|
|
69
|
-
]
|
|
70
|
-
}
|
|
71
|
-
) }, index);
|
|
72
|
-
}) });
|
|
73
|
-
}
|
|
74
|
-
function TeamMemberText({ member }) {
|
|
75
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3", children: [
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { weight: "bold", fontSize: "2xl", className: "mb-2", children: member == null ? void 0 : member.name }),
|
|
77
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { className: "mb-4 leading-loose", muted: true, children: member == null ? void 0 : member.plainText })
|
|
78
|
-
] });
|
|
79
|
-
}
|
|
80
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
81
|
-
0 && (module.exports = {
|
|
82
|
-
Team_D
|
|
83
|
-
});
|
|
1
|
+
"use strict";var s=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(t,a)=>{for(var o in a)s(t,o,{get:a[o],enumerable:!0})},N=(t,a,o,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of T(a))!h.call(t,l)&&l!==o&&s(t,l,{get:()=>a[l],enumerable:!(e=w(a,l))||e.enumerable});return t};var C=t=>N(s({},"__esModule",{value:!0}),t);var k={};v(k,{Team_D:()=>u,default:()=>u});module.exports=C(k);var x=require("@stackshift-ui/card"),r=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),c=require("@stackshift-ui/image"),m=require("@stackshift-ui/section"),n=require("@stackshift-ui/text"),i=require("react/jsx-runtime");function u({caption:t,title:a,team:o}){return(0,i.jsx)(m.Section,{className:"py-20 bg-background",children:(0,i.jsxs)(r.Container,{maxWidth:1280,children:[(0,i.jsx)(I,{caption:t,title:a}),(0,i.jsx)(M,{team:o})]})})}function I({caption:t,title:a}){return(0,i.jsxs)(r.Container,{maxWidth:576,className:"mb-8 text-center lg:mb-16",children:[t&&(0,i.jsx)(n.Text,{weight:"bold",className:"text-secondary",children:t}),a&&(0,i.jsx)(g.Heading,{children:a})]})}function M({team:t}){return t?(0,i.jsx)(f.Flex,{wrap:!0,children:t&&t.map((a,o)=>{var e,l,d,p;return(0,i.jsx)("div",{className:"w-full px-4 mb-6 lg:w-1/2",children:(0,i.jsxs)(x.Card,{className:"items-center p-0 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,i.jsx)("div",{children:(0,i.jsx)(c.Image,{className:"h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",sizes:"100vw",src:`${(l=a==null?void 0:a.mainImage)==null?void 0:l.image}`,width:179,height:320,alt:(p=(d=a==null?void 0:a.mainImage)==null?void 0:d.alt)!=null?p:`team-member-${a==null?void 0:a.name}-profile-image`})}),(0,i.jsx)(P,{member:a})]})},o)})}):null}function P({member:t}){return(0,i.jsxs)("div",{className:"p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3",children:[(0,i.jsx)(n.Text,{weight:"bold",fontSize:"2xl",className:"mb-2",children:t==null?void 0:t.name}),(0,i.jsx)(n.Text,{className:"mb-4 leading-loose",muted:!0,children:t==null?void 0:t.plainText})]})}0&&(module.exports={Team_D});
|
package/dist/team_d.mjs
CHANGED
package/dist/types.js
CHANGED
|
@@ -1,18 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
|
|
16
|
-
// src/types.ts
|
|
17
|
-
var types_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(types_exports);
|
|
1
|
+
"use strict";var l=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(n,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!o.call(n,e)&&e!==r&&l(n,e,{get:()=>t[e],enumerable:!(i=s(t,e))||i.enumerable});return n};var u=n=>g(l({},"__esModule",{value:!0}),n);var c={};module.exports=u(c);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/team",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.7-beta.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,29 +29,29 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/eslint-config": "6.0.3-beta.1",
|
|
33
|
+
"@stackshift-ui/typescript-config": "6.0.3-beta.1"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/scripts": "6.0.
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/heading": "6.0.
|
|
47
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/scripts": "6.0.3-beta.1",
|
|
38
|
+
"@stackshift-ui/system": "6.0.4-beta.1",
|
|
39
|
+
"@stackshift-ui/card": "6.0.4-beta.1",
|
|
40
|
+
"@stackshift-ui/button": "6.0.4-beta.1",
|
|
41
|
+
"@stackshift-ui/section": "6.0.4-beta.1",
|
|
42
|
+
"@stackshift-ui/text": "6.0.4-beta.1",
|
|
43
|
+
"@stackshift-ui/image": "6.0.4-beta.1",
|
|
44
|
+
"@stackshift-ui/flex": "6.0.4-beta.1",
|
|
45
|
+
"@stackshift-ui/container": "6.0.4-beta.1",
|
|
46
|
+
"@stackshift-ui/heading": "6.0.4-beta.1",
|
|
47
|
+
"@stackshift-ui/avatar": "6.0.6-beta.1"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@types/react": "16.8 - 19",
|
|
51
51
|
"next": "10 - 14",
|
|
52
52
|
"react": "16.8 - 19",
|
|
53
53
|
"react-dom": "16.8 - 19",
|
|
54
|
-
"@stackshift-ui/system": ">=
|
|
54
|
+
"@stackshift-ui/system": ">=6.0.4-beta.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependenciesMeta": {
|
|
57
57
|
"next": {
|
package/dist/chunk-AC3TBU5F.mjs
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
// src/team_b.tsx
|
|
2
|
-
import { Button } from "@stackshift-ui/button";
|
|
3
|
-
import { Card } from "@stackshift-ui/card";
|
|
4
|
-
import { Container } from "@stackshift-ui/container";
|
|
5
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
6
|
-
import { Image } from "@stackshift-ui/image";
|
|
7
|
-
import { Section } from "@stackshift-ui/section";
|
|
8
|
-
import { Text } from "@stackshift-ui/text";
|
|
9
|
-
import React from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
function Team_B({ team }) {
|
|
12
|
-
var _a;
|
|
13
|
-
const [activeTab, setActiveTab] = React.useState((_a = team == null ? void 0 : team[0]) == null ? void 0 : _a.name);
|
|
14
|
-
const filteredMembers = React.useMemo(
|
|
15
|
-
() => (team == null ? void 0 : team.filter((member) => (member == null ? void 0 : member.name) === activeTab)) || [],
|
|
16
|
-
[team, activeTab]
|
|
17
|
-
);
|
|
18
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsx(Container, { maxWidth: 1280, children: /* @__PURE__ */ jsxs(Flex, { wrap: true, align: "center", children: [
|
|
19
|
-
/* @__PURE__ */ jsx(TeamTabs, { team, activeTab, setActiveTab }),
|
|
20
|
-
/* @__PURE__ */ jsx(TeamMembersList, { members: filteredMembers })
|
|
21
|
-
] }) }) });
|
|
22
|
-
}
|
|
23
|
-
function TeamTabs({ team, activeTab, setActiveTab }) {
|
|
24
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full px-3 mb-8 lg:mb-0 lg:w-1/3", children: /* @__PURE__ */ jsx(
|
|
25
|
-
Flex,
|
|
26
|
-
{
|
|
27
|
-
as: "ul",
|
|
28
|
-
wrap: true,
|
|
29
|
-
justify: "center",
|
|
30
|
-
direction: "row",
|
|
31
|
-
className: "space-x-6 lg:flex-col lg:justify-start lg:space-x-0",
|
|
32
|
-
children: team == null ? void 0 : team.map((item) => /* @__PURE__ */ jsx(TeamTab, { data: item, activeTab, setActiveTab }, item.name))
|
|
33
|
-
}
|
|
34
|
-
) });
|
|
35
|
-
}
|
|
36
|
-
function TeamTab({ data, activeTab, setActiveTab }) {
|
|
37
|
-
if (!data || !data.name) return null;
|
|
38
|
-
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
39
|
-
Button,
|
|
40
|
-
{
|
|
41
|
-
as: "button",
|
|
42
|
-
variant: "unstyled",
|
|
43
|
-
ariaLabel: data.name,
|
|
44
|
-
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`,
|
|
45
|
-
onClick: () => {
|
|
46
|
-
var _a;
|
|
47
|
-
return setActiveTab((_a = data.name) != null ? _a : "");
|
|
48
|
-
},
|
|
49
|
-
children: data.name
|
|
50
|
-
}
|
|
51
|
-
) });
|
|
52
|
-
}
|
|
53
|
-
function TeamMembersList({ members }) {
|
|
54
|
-
if (!members) return null;
|
|
55
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full px-3 lg:w-2/3", children: members.map((member, index) => /* @__PURE__ */ jsx(TeamMemberCard, { member }, index)) });
|
|
56
|
-
}
|
|
57
|
-
function TeamMemberCard({ member }) {
|
|
58
|
-
var _a, _b;
|
|
59
|
-
if (!member) return null;
|
|
60
|
-
return /* @__PURE__ */ jsxs(Card, { className: "flex p-6 shadow-lg bg-white", borderRadius: "md", children: [
|
|
61
|
-
((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ jsx(
|
|
62
|
-
Image,
|
|
63
|
-
{
|
|
64
|
-
className: "object-cover overflow-hidden rounded-md",
|
|
65
|
-
src: `${member.mainImage.image}`,
|
|
66
|
-
sizes: "100vw",
|
|
67
|
-
width: 329,
|
|
68
|
-
height: 494,
|
|
69
|
-
alt: (_b = member.mainImage.alt) != null ? _b : `team-member-${member.name}-profile-image`
|
|
70
|
-
}
|
|
71
|
-
),
|
|
72
|
-
/* @__PURE__ */ jsx(TeamMmeberText, { member })
|
|
73
|
-
] });
|
|
74
|
-
}
|
|
75
|
-
function TeamMmeberText({ member }) {
|
|
76
|
-
return /* @__PURE__ */ jsxs("div", { className: "order-last w-1/2 pt-6 pl-6 mt-6", children: [
|
|
77
|
-
/* @__PURE__ */ jsx(Text, { weight: "bold", fontSize: "2xl", children: member.name }),
|
|
78
|
-
/* @__PURE__ */ jsx(Text, { className: "mb-6", muted: true, children: member.jobTitle }),
|
|
79
|
-
/* @__PURE__ */ jsx(Text, { className: "mb-6 text-justify", muted: true, children: member.plainText })
|
|
80
|
-
] });
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export {
|
|
84
|
-
Team_B
|
|
85
|
-
};
|
package/dist/chunk-BGXM3WLZ.mjs
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
// src/team_a.tsx
|
|
2
|
-
import { Card } from "@stackshift-ui/card";
|
|
3
|
-
import { Container } from "@stackshift-ui/container";
|
|
4
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
5
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
6
|
-
import { Image } from "@stackshift-ui/image";
|
|
7
|
-
import { Section } from "@stackshift-ui/section";
|
|
8
|
-
import { Text } from "@stackshift-ui/text";
|
|
9
|
-
import React from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
function Team_A({ caption, title, team }) {
|
|
12
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1e3, children: [
|
|
13
|
-
/* @__PURE__ */ jsx(Container, { maxWidth: 576, className: "mb-10 text-center", children: /* @__PURE__ */ jsx(CaptionAndTitle, { caption, title }) }),
|
|
14
|
-
/* @__PURE__ */ jsx(Teams, { team })
|
|
15
|
-
] }) });
|
|
16
|
-
}
|
|
17
|
-
function CaptionAndTitle({ caption, title }) {
|
|
18
|
-
return /* @__PURE__ */ jsxs(React.Fragment, { children: [
|
|
19
|
-
caption ? /* @__PURE__ */ jsx(Text, { weight: "bold", className: "text-secondary", children: caption }) : null,
|
|
20
|
-
title ? /* @__PURE__ */ jsx(Heading, { type: "h2", fontSize: "2xl", children: title }) : null
|
|
21
|
-
] });
|
|
22
|
-
}
|
|
23
|
-
function Teams({ team }) {
|
|
24
|
-
if (!team) return null;
|
|
25
|
-
return /* @__PURE__ */ jsx(Flex, { wrap: true, children: team == null ? void 0 : team.map((member) => {
|
|
26
|
-
var _a, _b, _c, _d;
|
|
27
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full px-3 mb-6 md:w-1/2 lg:w-1/3", children: /* @__PURE__ */ jsxs(Card, { className: "py-24 text-center shadow-lg bg-white", borderRadius: "md", children: [
|
|
28
|
-
((_a = member == null ? void 0 : member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ jsx(
|
|
29
|
-
Image,
|
|
30
|
-
{
|
|
31
|
-
width: 96,
|
|
32
|
-
height: 96,
|
|
33
|
-
className: "mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full",
|
|
34
|
-
src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
|
|
35
|
-
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`
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
/* @__PURE__ */ jsx(TeamMemberText, { member })
|
|
39
|
-
] }) }, member == null ? void 0 : member.name);
|
|
40
|
-
}) });
|
|
41
|
-
}
|
|
42
|
-
function TeamMemberText({ member }) {
|
|
43
|
-
return /* @__PURE__ */ jsxs(React.Fragment, { children: [
|
|
44
|
-
/* @__PURE__ */ jsx(Heading, { type: "h3", className: "mb-2 text-xl lg:text-2xl", children: member == null ? void 0 : member.name }),
|
|
45
|
-
/* @__PURE__ */ jsx(Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
|
|
46
|
-
] });
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export {
|
|
50
|
-
Team_A
|
|
51
|
-
};
|
package/dist/chunk-JBADLHBZ.mjs
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
// src/team_d.tsx
|
|
2
|
-
import { Card } from "@stackshift-ui/card";
|
|
3
|
-
import { Container } from "@stackshift-ui/container";
|
|
4
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
5
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
6
|
-
import { Image } from "@stackshift-ui/image";
|
|
7
|
-
import { Section } from "@stackshift-ui/section";
|
|
8
|
-
import { Text } from "@stackshift-ui/text";
|
|
9
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
function Team_D({ caption, title, team }) {
|
|
11
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
|
|
12
|
-
/* @__PURE__ */ jsx(CaptionAndTitle, { caption, title }),
|
|
13
|
-
/* @__PURE__ */ jsx(TeamMemberCard, { team })
|
|
14
|
-
] }) });
|
|
15
|
-
}
|
|
16
|
-
function CaptionAndTitle({ caption, title }) {
|
|
17
|
-
return /* @__PURE__ */ jsxs(Container, { maxWidth: 576, className: "mb-8 text-center lg:mb-16", children: [
|
|
18
|
-
caption && /* @__PURE__ */ jsx(Text, { weight: "bold", className: "text-secondary", children: caption }),
|
|
19
|
-
title && /* @__PURE__ */ jsx(Heading, { children: title })
|
|
20
|
-
] });
|
|
21
|
-
}
|
|
22
|
-
function TeamMemberCard({ team }) {
|
|
23
|
-
if (!team) return null;
|
|
24
|
-
return /* @__PURE__ */ jsx(Flex, { wrap: true, children: team && team.map((member, index) => {
|
|
25
|
-
var _a, _b, _c, _d;
|
|
26
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full px-4 mb-6 lg:w-1/2", children: /* @__PURE__ */ jsxs(
|
|
27
|
-
Card,
|
|
28
|
-
{
|
|
29
|
-
className: "items-center p-0 bg-white overflow-hidden shadow-lg sm:flex sm:flex-wrap lg:block xl:flex",
|
|
30
|
-
borderRadius: "md",
|
|
31
|
-
children: [
|
|
32
|
-
((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
33
|
-
Image,
|
|
34
|
-
{
|
|
35
|
-
className: "h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",
|
|
36
|
-
sizes: "100vw",
|
|
37
|
-
src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
|
|
38
|
-
width: 179,
|
|
39
|
-
height: 320,
|
|
40
|
-
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`
|
|
41
|
-
}
|
|
42
|
-
) }),
|
|
43
|
-
/* @__PURE__ */ jsx(TeamMemberText, { member })
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
) }, index);
|
|
47
|
-
}) });
|
|
48
|
-
}
|
|
49
|
-
function TeamMemberText({ member }) {
|
|
50
|
-
return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:w-2/3 lg:w-full lg:pl-6 xl:w-2/3", children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Text, { weight: "bold", fontSize: "2xl", className: "mb-2", children: member == null ? void 0 : member.name }),
|
|
52
|
-
/* @__PURE__ */ jsx(Text, { className: "mb-4 leading-loose", muted: true, children: member == null ? void 0 : member.plainText })
|
|
53
|
-
] });
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export {
|
|
57
|
-
Team_D
|
|
58
|
-
};
|
package/dist/chunk-QXOIBK2J.mjs
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
// src/team_c.tsx
|
|
2
|
-
import { Card } from "@stackshift-ui/card";
|
|
3
|
-
import { Container } from "@stackshift-ui/container";
|
|
4
|
-
import { Flex } from "@stackshift-ui/flex";
|
|
5
|
-
import { Heading } from "@stackshift-ui/heading";
|
|
6
|
-
import { Image } from "@stackshift-ui/image";
|
|
7
|
-
import { Section } from "@stackshift-ui/section";
|
|
8
|
-
import { Text } from "@stackshift-ui/text";
|
|
9
|
-
import React from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
function Team_C({ caption, title, team }) {
|
|
12
|
-
return /* @__PURE__ */ jsx(Section, { className: "py-20 bg-background", children: /* @__PURE__ */ jsxs(Container, { maxWidth: 1280, children: [
|
|
13
|
-
/* @__PURE__ */ jsx(CaptionAndTitle, { caption, title }),
|
|
14
|
-
/* @__PURE__ */ jsx(TeamMemberCard, { team })
|
|
15
|
-
] }) });
|
|
16
|
-
}
|
|
17
|
-
function CaptionAndTitle({ caption, title }) {
|
|
18
|
-
return /* @__PURE__ */ jsxs(Container, { maxWidth: 576, className: "mb-12 text-center ", children: [
|
|
19
|
-
caption && /* @__PURE__ */ jsx(Text, { weight: "bold", className: "text-primary", children: caption }),
|
|
20
|
-
title && /* @__PURE__ */ jsx(Heading, { children: title })
|
|
21
|
-
] });
|
|
22
|
-
}
|
|
23
|
-
function TeamMemberCard({ team }) {
|
|
24
|
-
if (!team) return null;
|
|
25
|
-
return /* @__PURE__ */ jsx(Flex, { wrap: true, children: team.map((member) => {
|
|
26
|
-
var _a, _b, _c, _d;
|
|
27
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full px-3 mb-6 md:w-1/2 lg:w-1/3", children: /* @__PURE__ */ jsxs(
|
|
28
|
-
Card,
|
|
29
|
-
{
|
|
30
|
-
className: "w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",
|
|
31
|
-
borderRadius: "md",
|
|
32
|
-
children: [
|
|
33
|
-
((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
34
|
-
Image,
|
|
35
|
-
{
|
|
36
|
-
className: "mb-8 h-[345px] w-full object-cover rounded-md",
|
|
37
|
-
sizes: "100vw",
|
|
38
|
-
src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
|
|
39
|
-
width: 345,
|
|
40
|
-
height: 256,
|
|
41
|
-
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`
|
|
42
|
-
}
|
|
43
|
-
) }),
|
|
44
|
-
/* @__PURE__ */ jsx(TeamMemberText, { member })
|
|
45
|
-
]
|
|
46
|
-
}
|
|
47
|
-
) }, member == null ? void 0 : member.name);
|
|
48
|
-
}) });
|
|
49
|
-
}
|
|
50
|
-
function TeamMemberText({ member }) {
|
|
51
|
-
return /* @__PURE__ */ jsxs(React.Fragment, { children: [
|
|
52
|
-
/* @__PURE__ */ jsx(Text, { fontSize: "2xl", weight: "bold", className: "mb-2", children: member == null ? void 0 : member.name }),
|
|
53
|
-
/* @__PURE__ */ jsx(Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
|
|
54
|
-
] });
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export {
|
|
58
|
-
Team_C
|
|
59
|
-
};
|
package/dist/chunk-ZME26LYJ.mjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// src/team.tsx
|
|
2
|
-
import { lazy } from "react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
var Variants = {
|
|
5
|
-
variant_a: lazy(() => import("./team_a.mjs")),
|
|
6
|
-
variant_b: lazy(() => import("./team_b.mjs")),
|
|
7
|
-
variant_c: lazy(() => import("./team_c.mjs")),
|
|
8
|
-
variant_d: lazy(() => import("./team_d.mjs"))
|
|
9
|
-
};
|
|
10
|
-
var displayName = "Team";
|
|
11
|
-
var Team = ({ data }) => {
|
|
12
|
-
var _a, _b, _c, _d, _e, _f;
|
|
13
|
-
const variant = data == null ? void 0 : data.variant;
|
|
14
|
-
const Variant = variant && Variants[variant];
|
|
15
|
-
const props = {
|
|
16
|
-
caption: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.subtitle) != null ? _b : void 0,
|
|
17
|
-
title: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.title) != null ? _d : void 0,
|
|
18
|
-
team: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.teams) != null ? _f : void 0
|
|
19
|
-
};
|
|
20
|
-
return Variant ? /* @__PURE__ */ jsx(Variant, { ...props }) : null;
|
|
21
|
-
};
|
|
22
|
-
Team.displayName = displayName;
|
|
23
|
-
|
|
24
|
-
export {
|
|
25
|
-
Team
|
|
26
|
-
};
|