@stackshift-ui/team 6.0.6 → 6.0.7-beta.1

package/dist/index.js

@@ -1,365 +1,2 @@
-"use strict";
 "use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/team_a.tsx
-var team_a_exports = {};
-__export(team_a_exports, {
-  Team_A: () => Team_A,
-  default: () => Team_A
-});
-function Team_A({ caption, title, team }) {
-  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: [
-    /* @__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 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Teams, { team })
-  ] }) });
-}
-function CaptionAndTitle({ caption, title }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
-    caption ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { weight: "bold", className: "text-secondary", children: caption }) : null,
-    title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { type: "h2", fontSize: "2xl", children: title }) : null
-  ] });
-}
-function Teams({ team }) {
-  if (!team) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, children: team == null ? void 0 : team.map((member) => {
-    var _a, _b, _c, _d;
-    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: [
-      ((_a = member == null ? void 0 : member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          width: 96,
-          height: 96,
-          className: "mx-auto border-0 w-[96px] h-[96px] object-cover rounded-full",
-          src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
-          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`
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamMemberText, { member })
-    ] }) }, member == null ? void 0 : member.name);
-  }) });
-}
-function TeamMemberText({ member }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
-    /* @__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 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
-  ] });
-}
-var import_card, import_container, import_flex, import_heading, import_image, import_section, import_text, import_react, import_jsx_runtime;
-var init_team_a = __esm({
-  "src/team_a.tsx"() {
-    "use strict";
-    import_card = require("@stackshift-ui/card");
-    import_container = require("@stackshift-ui/container");
-    import_flex = require("@stackshift-ui/flex");
-    import_heading = require("@stackshift-ui/heading");
-    import_image = require("@stackshift-ui/image");
-    import_section = require("@stackshift-ui/section");
-    import_text = require("@stackshift-ui/text");
-    import_react = __toESM(require("react"));
-    import_jsx_runtime = require("react/jsx-runtime");
-  }
-});
-
-// src/team_b.tsx
-var team_b_exports = {};
-__export(team_b_exports, {
-  Team_B: () => Team_B,
-  default: () => Team_B
-});
-function Team_B({ team }) {
-  var _a;
-  const [activeTab, setActiveTab] = import_react2.default.useState((_a = team == null ? void 0 : team[0]) == null ? void 0 : _a.name);
-  const filteredMembers = import_react2.default.useMemo(
-    () => (team == null ? void 0 : team.filter((member) => (member == null ? void 0 : member.name) === activeTab)) || [],
-    [team, activeTab]
-  );
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamTabs, { team, activeTab, setActiveTab }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamMembersList, { members: filteredMembers })
-  ] }) }) });
-}
-function TeamTabs({ team, activeTab, setActiveTab }) {
-  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)(
-    import_flex2.Flex,
-    {
-      as: "ul",
-      wrap: true,
-      justify: "center",
-      direction: "row",
-      className: "space-x-6 lg:flex-col lg:justify-start lg:space-x-0",
-      children: team == null ? void 0 : team.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamTab, { data: item, activeTab, setActiveTab }, item.name))
-    }
-  ) });
-}
-function TeamTab({ data, activeTab, setActiveTab }) {
-  if (!data || !data.name) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_button.Button,
-    {
-      as: "button",
-      variant: "unstyled",
-      ariaLabel: data.name,
-      className: `mb-4 text-xl lg:text-2xl ${data.name === activeTab ? "text-gray-900" : "text-gray-500"} font-bold hover:text-gray-500 focus:outline-none`,
-      onClick: () => {
-        var _a;
-        return setActiveTab((_a = data.name) != null ? _a : "");
-      },
-      children: data.name
-    }
-  ) });
-}
-function TeamMembersList({ members }) {
-  if (!members) return null;
-  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)) });
-}
-function TeamMemberCard({ member }) {
-  var _a, _b;
-  if (!member) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_card2.Card, { className: "flex p-6 shadow-lg bg-white", borderRadius: "md", children: [
-    ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_image2.Image,
-      {
-        className: "object-cover overflow-hidden rounded-md",
-        src: `${member.mainImage.image}`,
-        sizes: "100vw",
-        width: 329,
-        height: 494,
-        alt: (_b = member.mainImage.alt) != null ? _b : `team-member-${member.name}-profile-image`
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TeamMmeberText, { member })
-  ] });
-}
-function TeamMmeberText({ member }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "order-last w-1/2 pt-6 pl-6 mt-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { weight: "bold", fontSize: "2xl", children: member.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { className: "mb-6", muted: true, children: member.jobTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { className: "mb-6 text-justify", muted: true, children: member.plainText })
-  ] });
-}
-var import_button, import_card2, import_container2, import_flex2, import_image2, import_section2, import_text2, import_react2, import_jsx_runtime2;
-var init_team_b = __esm({
-  "src/team_b.tsx"() {
-    "use strict";
-    import_button = require("@stackshift-ui/button");
-    import_card2 = require("@stackshift-ui/card");
-    import_container2 = require("@stackshift-ui/container");
-    import_flex2 = require("@stackshift-ui/flex");
-    import_image2 = require("@stackshift-ui/image");
-    import_section2 = require("@stackshift-ui/section");
-    import_text2 = require("@stackshift-ui/text");
-    import_react2 = __toESM(require("react"));
-    import_jsx_runtime2 = require("react/jsx-runtime");
-  }
-});
-
-// src/team_c.tsx
-var team_c_exports = {};
-__export(team_c_exports, {
-  Team_C: () => Team_C,
-  default: () => Team_C
-});
-function Team_C({ caption, title, team }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CaptionAndTitle2, { caption, title }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TeamMemberCard2, { team })
-  ] }) });
-}
-function CaptionAndTitle2({ caption, title }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 576, className: "mb-12 text-center ", children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { weight: "bold", className: "text-primary", children: caption }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_heading2.Heading, { children: title })
-  ] });
-}
-function TeamMemberCard2({ team }) {
-  if (!team) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_flex3.Flex, { wrap: true, children: team.map((member) => {
-    var _a, _b, _c, _d;
-    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)(
-      import_card3.Card,
-      {
-        className: "w-full p-0 pb-8 overflow-hidden bg-white shadow-lg text-center",
-        borderRadius: "md",
-        children: [
-          ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_image3.Image,
-            {
-              className: "mb-8 h-[345px] w-full object-cover rounded-md",
-              sizes: "100vw",
-              src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
-              width: 345,
-              height: 256,
-              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`
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TeamMemberText2, { member })
-        ]
-      }
-    ) }, member == null ? void 0 : member.name);
-  }) });
-}
-function TeamMemberText2({ member }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react3.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { fontSize: "2xl", weight: "bold", className: "mb-2", children: member == null ? void 0 : member.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_text3.Text, { muted: true, children: member == null ? void 0 : member.jobTitle })
-  ] });
-}
-var import_card3, import_container3, import_flex3, import_heading2, import_image3, import_section3, import_text3, import_react3, import_jsx_runtime3;
-var init_team_c = __esm({
-  "src/team_c.tsx"() {
-    "use strict";
-    import_card3 = require("@stackshift-ui/card");
-    import_container3 = require("@stackshift-ui/container");
-    import_flex3 = require("@stackshift-ui/flex");
-    import_heading2 = require("@stackshift-ui/heading");
-    import_image3 = require("@stackshift-ui/image");
-    import_section3 = require("@stackshift-ui/section");
-    import_text3 = require("@stackshift-ui/text");
-    import_react3 = __toESM(require("react"));
-    import_jsx_runtime3 = require("react/jsx-runtime");
-  }
-});
-
-// src/team_d.tsx
-var team_d_exports = {};
-__export(team_d_exports, {
-  Team_D: () => Team_D,
-  default: () => Team_D
-});
-function Team_D({ caption, title, team }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CaptionAndTitle3, { caption, title }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TeamMemberCard3, { team })
-  ] }) });
-}
-function CaptionAndTitle3({ caption, title }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_container4.Container, { maxWidth: 576, className: "mb-8 text-center lg:mb-16", children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { weight: "bold", className: "text-secondary", children: caption }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_heading3.Heading, { children: title })
-  ] });
-}
-function TeamMemberCard3({ team }) {
-  if (!team) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_flex4.Flex, { wrap: true, children: team && team.map((member, index) => {
-    var _a, _b, _c, _d;
-    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)(
-      import_card4.Card,
-      {
-        className: "items-center p-0 bg-white overflow-hidden shadow-lg sm:flex sm:flex-wrap lg:block xl:flex",
-        borderRadius: "md",
-        children: [
-          ((_a = member.mainImage) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_image4.Image,
-            {
-              className: "h-[320px] w-full object-cover rounded-md sm:w-[179px] lg:w-full xl:w-[179px]",
-              sizes: "100vw",
-              src: `${(_b = member == null ? void 0 : member.mainImage) == null ? void 0 : _b.image}`,
-              width: 179,
-              height: 320,
-              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`
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TeamMemberText3, { member })
-        ]
-      }
-    ) }, index);
-  }) });
-}
-function TeamMemberText3({ member }) {
-  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: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { weight: "bold", fontSize: "2xl", className: "mb-2", children: member == null ? void 0 : member.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text4.Text, { className: "mb-4 leading-loose", muted: true, children: member == null ? void 0 : member.plainText })
-  ] });
-}
-var import_card4, import_container4, import_flex4, import_heading3, import_image4, import_section4, import_text4, import_jsx_runtime4;
-var init_team_d = __esm({
-  "src/team_d.tsx"() {
-    "use strict";
-    import_card4 = require("@stackshift-ui/card");
-    import_container4 = require("@stackshift-ui/container");
-    import_flex4 = require("@stackshift-ui/flex");
-    import_heading3 = require("@stackshift-ui/heading");
-    import_image4 = require("@stackshift-ui/image");
-    import_section4 = require("@stackshift-ui/section");
-    import_text4 = require("@stackshift-ui/text");
-    import_jsx_runtime4 = require("react/jsx-runtime");
-  }
-});
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Team: () => Team,
-  Team_A: () => Team_A,
-  Team_B: () => Team_B,
-  Team_C: () => Team_C,
-  Team_D: () => Team_D
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/team.tsx
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Variants = {
-  variant_a: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_a(), team_a_exports))),
-  variant_b: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_b(), team_b_exports))),
-  variant_c: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_c(), team_c_exports))),
-  variant_d: (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_team_d(), team_d_exports)))
-};
-var displayName = "Team";
-var Team = ({ data }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const variant = data == null ? void 0 : data.variant;
-  const Variant = variant && Variants[variant];
-  const props = {
-    caption: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.subtitle) != null ? _b : void 0,
-    title: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.title) != null ? _d : void 0,
-    team: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.teams) != null ? _f : void 0
-  };
-  return Variant ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Variant, { ...props }) : null;
-};
-Team.displayName = displayName;
-
-// src/index.ts
-init_team_a();
-init_team_b();
-init_team_c();
-init_team_d();
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Team,
-  Team_A,
-  Team_B,
-  Team_C,
-  Team_D
-});
+"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});

package/dist/index.mjs

@@ -1,24 +1,2 @@
 "use client";
-"use strict";
-import {
-  Team
-} from "./chunk-ZME26LYJ.mjs";
-import {
-  Team_A
-} from "./chunk-BGXM3WLZ.mjs";
-import {
-  Team_B
-} from "./chunk-AC3TBU5F.mjs";
-import {
-  Team_C
-} from "./chunk-QXOIBK2J.mjs";
-import {
-  Team_D
-} from "./chunk-JBADLHBZ.mjs";
-export {
-  Team,
-  Team_A,
-  Team_B,
-  Team_C,
-  Team_D
-};
+"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};