@tampadevs/react 0.1.0

package/dist/index21.js

@@ -0,0 +1,277 @@
+import { jsxs as t, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { clsx as b } from "./index28.js";
+import { Avatar as w } from "./index4.js";
+import { Icon as k } from "./index3.js";
+const z = {
+  compact: "md",
+  featured: "2xl",
+  author: "lg",
+  default: "xl"
+}, v = {
+  github: "github",
+  twitter: "twitter",
+  linkedin: "linkedin",
+  website: "globe",
+  email: "mail"
+};
+function F({
+  name: n,
+  role: d,
+  organization: c,
+  bio: s,
+  photo: _,
+  socials: a,
+  variant: o = "default",
+  href: i,
+  children: g,
+  className: f
+}) {
+  const u = z[o], p = /* @__PURE__ */ t(h, { children: [
+    /* @__PURE__ */ r(
+      w,
+      {
+        src: _,
+        name: n,
+        size: u,
+        ring: o === "featured"
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "td-person-card__content", children: [
+      /* @__PURE__ */ r("h3", { className: "td-person-card__name", children: n }),
+      d && /* @__PURE__ */ r("p", { className: "td-person-card__role", children: d }),
+      c && /* @__PURE__ */ r("p", { className: "td-person-card__org", children: c }),
+      s && /* @__PURE__ */ r("p", { className: "td-person-card__bio", children: s }),
+      a && a.length > 0 && /* @__PURE__ */ r("div", { className: "td-person-card__socials", children: a.map((e, x) => /* @__PURE__ */ r(
+        "a",
+        {
+          className: "td-person-card__social-link",
+          href: e.platform === "email" ? `mailto:${e.url}` : e.url,
+          target: e.platform === "email" ? "_self" : "_blank",
+          rel: "noopener noreferrer",
+          title: e.platform,
+          children: /* @__PURE__ */ r(k, { name: v[e.platform] || "link", size: "sm" })
+        },
+        x
+      )) }),
+      g
+    ] })
+  ] }), l = b(
+    "td-person-card",
+    `td-person-card--${o}`,
+    f
+  );
+  return i ? /* @__PURE__ */ t("a", { href: i, className: l, children: [
+    p,
+    /* @__PURE__ */ r(m, {})
+  ] }) : /* @__PURE__ */ t("div", { className: l, children: [
+    p,
+    /* @__PURE__ */ r(m, {})
+  ] });
+}
+function m() {
+  return /* @__PURE__ */ r("style", { children: `
+      .td-person-card {
+        display: flex;
+        background: rgba(28, 36, 56, 0.8);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 0.75rem;
+        overflow: hidden;
+        transition: all 0.2s ease;
+        box-shadow:
+          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),
+          0 8px 24px -4px rgba(0, 0, 0, 0.15);
+        text-decoration: none;
+        color: inherit;
+      }
+
+      .td-person-card:hover {
+        transform: translateY(-4px);
+        box-shadow:
+          inset 0 1px 1px 0 rgba(255, 255, 255, 0.08),
+          0 16px 32px -8px rgba(0, 0, 0, 0.2);
+        border-color: rgba(255, 255, 255, 0.1);
+      }
+
+      .td-person-card__content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .td-person-card__name {
+        font-weight: 700;
+        color: white;
+        margin: 0;
+      }
+
+      .td-person-card__role {
+        color: #E85A4F;
+        font-weight: 500;
+        margin: 0;
+      }
+
+      .td-person-card__org {
+        color: rgba(209, 213, 219, 0.6);
+        font-size: 0.875rem;
+        margin: 0;
+      }
+
+      .td-person-card__bio {
+        color: rgba(209, 213, 219, 0.8);
+        margin: 0;
+        line-height: 1.6;
+      }
+
+      .td-person-card__socials {
+        display: flex;
+        gap: 0.75rem;
+      }
+
+      .td-person-card__social-link {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        border-radius: 0.375rem;
+        background: rgba(255, 255, 255, 0.1);
+        color: rgba(209, 213, 219, 0.8);
+        transition: all 0.15s ease;
+        text-decoration: none;
+      }
+
+      .td-person-card__social-link:hover {
+        background: #E85A4F;
+        color: white;
+        transform: translateY(-2px);
+      }
+
+      /* Default variant */
+      .td-person-card--default {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        padding: 2rem;
+        gap: 1rem;
+      }
+
+      .td-person-card--default .td-person-card__name {
+        font-size: 1.25rem;
+      }
+
+      .td-person-card--default .td-person-card__role {
+        font-size: 0.875rem;
+        margin-top: 0.25rem;
+      }
+
+      .td-person-card--default .td-person-card__bio {
+        font-size: 0.875rem;
+        margin-top: 0.75rem;
+      }
+
+      .td-person-card--default .td-person-card__socials {
+        margin-top: 1rem;
+        justify-content: center;
+      }
+
+      /* Compact variant */
+      .td-person-card--compact {
+        flex-direction: row;
+        align-items: center;
+        padding: 1rem;
+        gap: 1rem;
+      }
+
+      .td-person-card--compact .td-person-card__content {
+        display: flex;
+        flex-direction: column;
+        gap: 0.125rem;
+      }
+
+      .td-person-card--compact .td-person-card__name {
+        font-size: 1rem;
+      }
+
+      .td-person-card--compact .td-person-card__role {
+        font-size: 0.75rem;
+      }
+
+      .td-person-card--compact .td-person-card__bio,
+      .td-person-card--compact .td-person-card__socials {
+        display: none;
+      }
+
+      /* Featured variant */
+      .td-person-card--featured {
+        flex-direction: column;
+        padding: 2.5rem;
+        gap: 1.5rem;
+        align-items: center;
+        text-align: center;
+        background: linear-gradient(135deg, rgba(28, 36, 56, 0.9) 0%, rgba(43, 52, 71, 0.9) 100%);
+      }
+
+      .td-person-card--featured .td-person-card__name {
+        font-size: 1.5rem;
+      }
+
+      .td-person-card--featured .td-person-card__role {
+        font-size: 1rem;
+        margin-top: 0.25rem;
+      }
+
+      .td-person-card--featured .td-person-card__bio {
+        font-size: 1rem;
+        margin-top: 1rem;
+        max-width: 400px;
+      }
+
+      .td-person-card--featured .td-person-card__socials {
+        margin-top: 1.5rem;
+        justify-content: center;
+      }
+
+      /* Author variant */
+      .td-person-card--author {
+        flex-direction: row;
+        align-items: flex-start;
+        padding: 1.5rem;
+        gap: 1rem;
+        background: rgba(28, 36, 56, 0.8);
+      }
+
+      .td-person-card--author .td-person-card__content {
+        display: flex;
+        flex-direction: column;
+        gap: 0.25rem;
+      }
+
+      .td-person-card--author .td-person-card__name {
+        font-size: 1rem;
+      }
+
+      .td-person-card--author .td-person-card__role {
+        font-size: 0.75rem;
+        color: #E85A4F;
+      }
+
+      .td-person-card--author .td-person-card__bio {
+        font-size: 0.875rem;
+        margin-top: 0.5rem;
+      }
+
+      .td-person-card--author .td-person-card__socials {
+        margin-top: 0.75rem;
+      }
+
+      .td-person-card--author .td-person-card__social-link {
+        width: 28px;
+        height: 28px;
+      }
+    ` });
+}
+export {
+  F as PersonCard
+};
+//# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index21.js","sources":["../src/components/PersonCard.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { clsx } from 'clsx';\nimport { Avatar, AvatarSize } from './Avatar';\nimport { Icon } from './Icon';\n\nexport type PersonCardVariant = 'default' | 'compact' | 'featured' | 'author';\n\nexport interface SocialLink {\n  platform: 'github' | 'twitter' | 'linkedin' | 'website' | 'email';\n  url: string;\n}\n\nexport interface PersonCardProps {\n  name: string;\n  role?: string;\n  organization?: string;\n  bio?: string;\n  photo?: string;\n  socials?: SocialLink[];\n  variant?: PersonCardVariant;\n  href?: string;\n  children?: ReactNode;\n  className?: string;\n}\n\nconst avatarSizeMap: Record<PersonCardVariant, AvatarSize> = {\n  compact: 'md',\n  featured: '2xl',\n  author: 'lg',\n  default: 'xl',\n};\n\nconst socialIconMap: Record<string, string> = {\n  github: 'github',\n  twitter: 'twitter',\n  linkedin: 'linkedin',\n  website: 'globe',\n  email: 'mail',\n};\n\nexport function PersonCard({\n  name,\n  role,\n  organization,\n  bio,\n  photo,\n  socials,\n  variant = 'default',\n  href,\n  children,\n  className,\n}: PersonCardProps) {\n  const avatarSize = avatarSizeMap[variant];\n\n  const content = (\n    <>\n      <Avatar\n        src={photo}\n        name={name}\n        size={avatarSize}\n        ring={variant === 'featured'}\n      />\n\n      <div className=\"td-person-card__content\">\n        <h3 className=\"td-person-card__name\">{name}</h3>\n        {role && <p className=\"td-person-card__role\">{role}</p>}\n        {organization && <p className=\"td-person-card__org\">{organization}</p>}\n        {bio && <p className=\"td-person-card__bio\">{bio}</p>}\n\n        {socials && socials.length > 0 && (\n          <div className=\"td-person-card__socials\">\n            {socials.map((social, i) => (\n              <a\n                key={i}\n                className=\"td-person-card__social-link\"\n                href={social.platform === 'email' ? `mailto:${social.url}` : social.url}\n                target={social.platform === 'email' ? '_self' : '_blank'}\n                rel=\"noopener noreferrer\"\n                title={social.platform}\n              >\n                <Icon name={socialIconMap[social.platform] || 'link'} size=\"sm\" />\n              </a>\n            ))}\n          </div>\n        )}\n\n        {children}\n      </div>\n    </>\n  );\n\n  const cardClass = clsx(\n    'td-person-card',\n    `td-person-card--${variant}`,\n    className\n  );\n\n  if (href) {\n    return (\n      <a href={href} className={cardClass}>\n        {content}\n        <PersonCardStyles />\n      </a>\n    );\n  }\n\n  return (\n    <div className={cardClass}>\n      {content}\n      <PersonCardStyles />\n    </div>\n  );\n}\n\nfunction PersonCardStyles() {\n  return (\n    <style>{`\n      .td-person-card {\n        display: flex;\n        background: rgba(28, 36, 56, 0.8);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 0.75rem;\n        overflow: hidden;\n        transition: all 0.2s ease;\n        box-shadow:\n          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),\n          0 8px 24px -4px rgba(0, 0, 0, 0.15);\n        text-decoration: none;\n        color: inherit;\n      }\n\n      .td-person-card:hover {\n        transform: translateY(-4px);\n        box-shadow:\n          inset 0 1px 1px 0 rgba(255, 255, 255, 0.08),\n          0 16px 32px -8px rgba(0, 0, 0, 0.2);\n        border-color: rgba(255, 255, 255, 0.1);\n      }\n\n      .td-person-card__content {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .td-person-card__name {\n        font-weight: 700;\n        color: white;\n        margin: 0;\n      }\n\n      .td-person-card__role {\n        color: #E85A4F;\n        font-weight: 500;\n        margin: 0;\n      }\n\n      .td-person-card__org {\n        color: rgba(209, 213, 219, 0.6);\n        font-size: 0.875rem;\n        margin: 0;\n      }\n\n      .td-person-card__bio {\n        color: rgba(209, 213, 219, 0.8);\n        margin: 0;\n        line-height: 1.6;\n      }\n\n      .td-person-card__socials {\n        display: flex;\n        gap: 0.75rem;\n      }\n\n      .td-person-card__social-link {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 0.375rem;\n        background: rgba(255, 255, 255, 0.1);\n        color: rgba(209, 213, 219, 0.8);\n        transition: all 0.15s ease;\n        text-decoration: none;\n      }\n\n      .td-person-card__social-link:hover {\n        background: #E85A4F;\n        color: white;\n        transform: translateY(-2px);\n      }\n\n      /* Default variant */\n      .td-person-card--default {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding: 2rem;\n        gap: 1rem;\n      }\n\n      .td-person-card--default .td-person-card__name {\n        font-size: 1.25rem;\n      }\n\n      .td-person-card--default .td-person-card__role {\n        font-size: 0.875rem;\n        margin-top: 0.25rem;\n      }\n\n      .td-person-card--default .td-person-card__bio {\n        font-size: 0.875rem;\n        margin-top: 0.75rem;\n      }\n\n      .td-person-card--default .td-person-card__socials {\n        margin-top: 1rem;\n        justify-content: center;\n      }\n\n      /* Compact variant */\n      .td-person-card--compact {\n        flex-direction: row;\n        align-items: center;\n        padding: 1rem;\n        gap: 1rem;\n      }\n\n      .td-person-card--compact .td-person-card__content {\n        display: flex;\n        flex-direction: column;\n        gap: 0.125rem;\n      }\n\n      .td-person-card--compact .td-person-card__name {\n        font-size: 1rem;\n      }\n\n      .td-person-card--compact .td-person-card__role {\n        font-size: 0.75rem;\n      }\n\n      .td-person-card--compact .td-person-card__bio,\n      .td-person-card--compact .td-person-card__socials {\n        display: none;\n      }\n\n      /* Featured variant */\n      .td-person-card--featured {\n        flex-direction: column;\n        padding: 2.5rem;\n        gap: 1.5rem;\n        align-items: center;\n        text-align: center;\n        background: linear-gradient(135deg, rgba(28, 36, 56, 0.9) 0%, rgba(43, 52, 71, 0.9) 100%);\n      }\n\n      .td-person-card--featured .td-person-card__name {\n        font-size: 1.5rem;\n      }\n\n      .td-person-card--featured .td-person-card__role {\n        font-size: 1rem;\n        margin-top: 0.25rem;\n      }\n\n      .td-person-card--featured .td-person-card__bio {\n        font-size: 1rem;\n        margin-top: 1rem;\n        max-width: 400px;\n      }\n\n      .td-person-card--featured .td-person-card__socials {\n        margin-top: 1.5rem;\n        justify-content: center;\n      }\n\n      /* Author variant */\n      .td-person-card--author {\n        flex-direction: row;\n        align-items: flex-start;\n        padding: 1.5rem;\n        gap: 1rem;\n        background: rgba(28, 36, 56, 0.8);\n      }\n\n      .td-person-card--author .td-person-card__content {\n        display: flex;\n        flex-direction: column;\n        gap: 0.25rem;\n      }\n\n      .td-person-card--author .td-person-card__name {\n        font-size: 1rem;\n      }\n\n      .td-person-card--author .td-person-card__role {\n        font-size: 0.75rem;\n        color: #E85A4F;\n      }\n\n      .td-person-card--author .td-person-card__bio {\n        font-size: 0.875rem;\n        margin-top: 0.5rem;\n      }\n\n      .td-person-card--author .td-person-card__socials {\n        margin-top: 0.75rem;\n      }\n\n      .td-person-card--author .td-person-card__social-link {\n        width: 28px;\n        height: 28px;\n      }\n    `}</style>\n  );\n}\n"],"names":["avatarSizeMap","socialIconMap","PersonCard","name","role","organization","bio","photo","socials","variant","href","children","className","avatarSize","content","jsxs","Fragment","jsx","Avatar","social","i","Icon","cardClass","clsx","PersonCardStyles"],"mappings":"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"}

package/dist/index22.js

@@ -0,0 +1,331 @@
+import { jsxs as r, Fragment as F, jsx as t } from "react/jsx-runtime";
+import { useState as T, useEffect as j } from "react";
+import { clsx as g } from "./index28.js";
+import { Avatar as S } from "./index4.js";
+import { Icon as i } from "./index3.js";
+function R({
+  title: o,
+  members: f = [],
+  years: l = [],
+  activeYear: x,
+  onYearChange: d,
+  showTerm: b = !0,
+  showSocials: u = !0,
+  compact: w = !1,
+  className: k
+}) {
+  var h, m;
+  const n = l.length > 0, [N, c] = T(((h = l[0]) == null ? void 0 : h.year) || ""), s = x ?? N;
+  j(() => {
+    n && !s && l.length > 0 && c(l[0].year);
+  }, [n, s, l]);
+  const p = n ? ((m = l.find((e) => e.year === s)) == null ? void 0 : m.members) ?? [] : f, v = (e) => {
+    c(e), d == null || d(e);
+  }, y = (e) => !!(e.linkedin || e.github || e.twitter || e.website), _ = u && p.some(y), z = (e) => {
+    const a = [];
+    return e.linkedin && a.push(
+      /* @__PURE__ */ t("a", { className: "td-person-table__social-link", href: e.linkedin, target: "_blank", rel: "noopener noreferrer", title: "LinkedIn", children: /* @__PURE__ */ t(i, { name: "linkedin", size: "sm" }) }, "linkedin")
+    ), e.github && a.push(
+      /* @__PURE__ */ t("a", { className: "td-person-table__social-link", href: e.github, target: "_blank", rel: "noopener noreferrer", title: "GitHub", children: /* @__PURE__ */ t(i, { name: "github", size: "sm" }) }, "github")
+    ), e.twitter && a.push(
+      /* @__PURE__ */ t("a", { className: "td-person-table__social-link", href: e.twitter, target: "_blank", rel: "noopener noreferrer", title: "Twitter", children: /* @__PURE__ */ t(i, { name: "twitter", size: "sm" }) }, "twitter")
+    ), e.website && a.push(
+      /* @__PURE__ */ t("a", { className: "td-person-table__social-link", href: e.website, target: "_blank", rel: "noopener noreferrer", title: "Website", children: /* @__PURE__ */ t(i, { name: "globe", size: "sm" }) }, "website")
+    ), a;
+  }, A = () => /* @__PURE__ */ t("div", { className: "td-person-table__tabs-wrapper", children: /* @__PURE__ */ t("div", { className: "td-person-table__tabs-scroll", children: l.map((e) => /* @__PURE__ */ r(
+    "button",
+    {
+      className: g("td-person-table__tab", s === e.year && "td-person-table__tab--active"),
+      onClick: () => v(e.year),
+      children: [
+        e.label || e.year,
+        /* @__PURE__ */ t("span", { className: "td-person-table__tab-badge", children: e.members.length })
+      ]
+    },
+    e.year
+  )) }) }), E = o || n;
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ r("div", { className: g("td-person-table", w && "td-person-table--compact", k), children: [
+      E && (n ? /* @__PURE__ */ r("div", { className: "td-person-table__header", children: [
+        o && /* @__PURE__ */ t("h2", { className: "td-person-table__title", children: o }),
+        A()
+      ] }) : /* @__PURE__ */ t("div", { className: "td-person-table__title-only", children: /* @__PURE__ */ t("h2", { className: "td-person-table__title", children: o }) })),
+      p.length === 0 ? /* @__PURE__ */ t("div", { className: "td-person-table__empty", children: n ? "No members for this year" : "No members to display" }) : /* @__PURE__ */ t("div", { className: "td-person-table__wrapper", children: /* @__PURE__ */ r("table", { children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { children: [
+          /* @__PURE__ */ t("th", { children: "Name" }),
+          /* @__PURE__ */ t("th", { className: "td-person-table__hide-mobile", children: "Role" }),
+          b && /* @__PURE__ */ t("th", { className: "td-person-table__hide-sm", children: "Term" }),
+          _ && /* @__PURE__ */ t("th", { children: "Links" })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: p.map((e, a) => /* @__PURE__ */ r("tr", { children: [
+          /* @__PURE__ */ t("td", { children: /* @__PURE__ */ r("div", { className: "td-person-table__person-cell", children: [
+            /* @__PURE__ */ t(S, { src: e.photo, name: e.name, size: "sm" }),
+            /* @__PURE__ */ r("div", { className: "td-person-table__person-info", children: [
+              /* @__PURE__ */ t("span", { className: "td-person-table__person-name", children: e.name }),
+              /* @__PURE__ */ t("span", { className: "td-person-table__person-role-mobile", children: e.role })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ t("td", { className: "td-person-table__role-cell td-person-table__hide-mobile", children: e.role }),
+          b && /* @__PURE__ */ t("td", { className: "td-person-table__term-cell td-person-table__hide-sm", children: e.term || "—" }),
+          _ && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "td-person-table__socials-cell", children: z(e) }) })
+        ] }, a)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(I, {})
+  ] });
+}
+function I() {
+  return /* @__PURE__ */ t("style", { children: `
+      .td-person-table {
+        background: rgba(28, 36, 56, 0.8);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 0.875rem;
+        overflow: hidden;
+        box-shadow:
+          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),
+          0 8px 24px -4px rgba(0, 0, 0, 0.15);
+      }
+
+      .td-person-table__header {
+        display: flex;
+        align-items: stretch;
+        min-height: 56px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+      }
+
+      .td-person-table__title {
+        display: flex;
+        align-items: center;
+        font-size: 1.25rem;
+        font-weight: 700;
+        color: white;
+        margin: 0;
+        padding: 0 1.5rem;
+        flex-shrink: 0;
+      }
+
+      .td-person-table__title-only {
+        padding: 1.5rem;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+      }
+
+      .td-person-table__title-only .td-person-table__title {
+        padding: 0;
+      }
+
+      .td-person-table__tabs-wrapper {
+        display: flex;
+        align-items: stretch;
+        margin-left: auto;
+        flex-shrink: 0;
+      }
+
+      .td-person-table__tabs-scroll {
+        display: flex;
+        align-items: stretch;
+        overflow-x: auto;
+        scrollbar-width: none;
+        scroll-behavior: smooth;
+      }
+
+      .td-person-table__tabs-scroll::-webkit-scrollbar {
+        display: none;
+      }
+
+      .td-person-table__tab {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0 1.25rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: rgba(156, 163, 175, 0.8);
+        background: transparent;
+        border: none;
+        border-left: 1px solid rgba(255, 255, 255, 0.05);
+        cursor: pointer;
+        white-space: nowrap;
+        transition: all 0.15s ease;
+        flex-shrink: 0;
+        min-height: 100%;
+      }
+
+      .td-person-table__tab:hover {
+        background: rgba(255, 255, 255, 0.03);
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      .td-person-table__tab--active {
+        background: rgba(255, 255, 255, 0.08);
+        color: white;
+        box-shadow: inset 0 -2px 0 #E85A4F;
+      }
+
+      .td-person-table__tab-badge {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 18px;
+        height: 18px;
+        padding: 0 0.375rem;
+        border-radius: 9px;
+        background: rgba(255, 255, 255, 0.1);
+        font-size: 0.625rem;
+        font-weight: 600;
+      }
+
+      .td-person-table__tab--active .td-person-table__tab-badge {
+        background: rgba(232, 90, 79, 0.3);
+        color: #E85A4F;
+      }
+
+      .td-person-table__wrapper {
+        overflow-x: auto;
+      }
+
+      .td-person-table table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+
+      .td-person-table th {
+        text-align: left;
+        font-size: 0.75rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: rgba(156, 163, 175, 0.8);
+        padding: 1rem 1.5rem;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        background: rgba(0, 0, 0, 0.1);
+      }
+
+      .td-person-table td {
+        padding: 1rem 1.5rem;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+        vertical-align: middle;
+      }
+
+      .td-person-table--compact td {
+        padding: 0.75rem 1.5rem;
+      }
+
+      .td-person-table tr:last-child td {
+        border-bottom: none;
+      }
+
+      .td-person-table tbody tr:hover td {
+        background: rgba(255, 255, 255, 0.02);
+      }
+
+      .td-person-table__person-cell {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+      }
+
+      .td-person-table__person-info {
+        display: flex;
+        flex-direction: column;
+        gap: 0.125rem;
+      }
+
+      .td-person-table__person-name {
+        font-weight: 600;
+        color: white;
+      }
+
+      .td-person-table__person-role-mobile {
+        display: none;
+        font-size: 0.75rem;
+        color: #E85A4F;
+      }
+
+      .td-person-table__role-cell {
+        color: #E85A4F;
+        font-weight: 500;
+      }
+
+      .td-person-table__term-cell {
+        color: rgba(209, 213, 219, 0.6);
+        font-size: 0.875rem;
+      }
+
+      .td-person-table__socials-cell {
+        display: flex;
+        gap: 0.5rem;
+      }
+
+      .td-person-table__social-link {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 28px;
+        height: 28px;
+        border-radius: 0.375rem;
+        background: rgba(255, 255, 255, 0.08);
+        color: rgba(209, 213, 219, 0.6);
+        transition: all 0.15s ease;
+        text-decoration: none;
+      }
+
+      .td-person-table__social-link:hover {
+        background: #E85A4F;
+        color: white;
+        transform: translateY(-1px);
+      }
+
+      .td-person-table__empty {
+        padding: 3rem;
+        text-align: center;
+        color: rgba(156, 163, 175, 0.6);
+      }
+
+      @media (max-width: 768px) {
+        .td-person-table__header {
+          flex-wrap: wrap;
+        }
+
+        .td-person-table__title {
+          padding: 1rem 1.5rem;
+          width: 100%;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        }
+
+        .td-person-table__hide-mobile {
+          display: none;
+        }
+
+        .td-person-table__person-role-mobile {
+          display: block;
+        }
+
+        .td-person-table th,
+        .td-person-table td {
+          padding: 0.75rem 1rem;
+        }
+
+        .td-person-table__tabs-wrapper {
+          width: 100%;
+          margin-left: 0;
+        }
+
+        .td-person-table__tab {
+          padding: 0.75rem 1rem;
+        }
+      }
+
+      @media (max-width: 480px) {
+        .td-person-table__hide-sm {
+          display: none;
+        }
+      }
+    ` });
+}
+export {
+  R as PersonTable
+};
+//# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index22.js","sources":["../src/components/PersonTable.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\nimport { clsx } from 'clsx';\nimport { Avatar } from './Avatar';\nimport { Icon } from './Icon';\n\nexport interface PersonTableMember {\n  name: string;\n  role: string;\n  photo?: string;\n  term?: string;\n  linkedin?: string;\n  github?: string;\n  twitter?: string;\n  website?: string;\n}\n\nexport interface PersonTableYear {\n  year: string;\n  label?: string;\n  members: PersonTableMember[];\n}\n\nexport interface PersonTableProps {\n  title?: string;\n  members?: PersonTableMember[];\n  years?: PersonTableYear[];\n  activeYear?: string;\n  onYearChange?: (year: string) => void;\n  showTerm?: boolean;\n  showSocials?: boolean;\n  compact?: boolean;\n  className?: string;\n}\n\nexport function PersonTable({\n  title,\n  members = [],\n  years = [],\n  activeYear: controlledActiveYear,\n  onYearChange,\n  showTerm = true,\n  showSocials = true,\n  compact = false,\n  className,\n}: PersonTableProps) {\n  const isTabbedMode = years.length > 0;\n  const [internalActiveYear, setInternalActiveYear] = useState(years[0]?.year || '');\n\n  const activeYear = controlledActiveYear ?? internalActiveYear;\n\n  useEffect(() => {\n    if (isTabbedMode && !activeYear && years.length > 0) {\n      setInternalActiveYear(years[0].year);\n    }\n  }, [isTabbedMode, activeYear, years]);\n\n  const displayMembers = isTabbedMode\n    ? years.find((y) => y.year === activeYear)?.members ?? []\n    : members;\n\n  const handleTabClick = (year: string) => {\n    setInternalActiveYear(year);\n    onYearChange?.(year);\n  };\n\n  const hasSocials = (member: PersonTableMember): boolean => {\n    return !!(member.linkedin || member.github || member.twitter || member.website);\n  };\n\n  const showSocialsColumn = showSocials && displayMembers.some(hasSocials);\n\n  const renderSocialLinks = (member: PersonTableMember) => {\n    const links = [];\n\n    if (member.linkedin) {\n      links.push(\n        <a key=\"linkedin\" className=\"td-person-table__social-link\" href={member.linkedin} target=\"_blank\" rel=\"noopener noreferrer\" title=\"LinkedIn\">\n          <Icon name=\"linkedin\" size=\"sm\" />\n        </a>\n      );\n    }\n\n    if (member.github) {\n      links.push(\n        <a key=\"github\" className=\"td-person-table__social-link\" href={member.github} target=\"_blank\" rel=\"noopener noreferrer\" title=\"GitHub\">\n          <Icon name=\"github\" size=\"sm\" />\n        </a>\n      );\n    }\n\n    if (member.twitter) {\n      links.push(\n        <a key=\"twitter\" className=\"td-person-table__social-link\" href={member.twitter} target=\"_blank\" rel=\"noopener noreferrer\" title=\"Twitter\">\n          <Icon name=\"twitter\" size=\"sm\" />\n        </a>\n      );\n    }\n\n    if (member.website) {\n      links.push(\n        <a key=\"website\" className=\"td-person-table__social-link\" href={member.website} target=\"_blank\" rel=\"noopener noreferrer\" title=\"Website\">\n          <Icon name=\"globe\" size=\"sm\" />\n        </a>\n      );\n    }\n\n    return links;\n  };\n\n  const renderTabs = () => (\n    <div className=\"td-person-table__tabs-wrapper\">\n      <div className=\"td-person-table__tabs-scroll\">\n        {years.map((yearData) => (\n          <button\n            key={yearData.year}\n            className={clsx('td-person-table__tab', activeYear === yearData.year && 'td-person-table__tab--active')}\n            onClick={() => handleTabClick(yearData.year)}\n          >\n            {yearData.label || yearData.year}\n            <span className=\"td-person-table__tab-badge\">{yearData.members.length}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n\n  const hasHeader = title || isTabbedMode;\n\n  return (\n    <>\n      <div className={clsx('td-person-table', compact && 'td-person-table--compact', className)}>\n        {hasHeader && (\n          isTabbedMode ? (\n            <div className=\"td-person-table__header\">\n              {title && <h2 className=\"td-person-table__title\">{title}</h2>}\n              {renderTabs()}\n            </div>\n          ) : (\n            <div className=\"td-person-table__title-only\">\n              <h2 className=\"td-person-table__title\">{title}</h2>\n            </div>\n          )\n        )}\n\n        {displayMembers.length === 0 ? (\n          <div className=\"td-person-table__empty\">\n            {isTabbedMode ? 'No members for this year' : 'No members to display'}\n          </div>\n        ) : (\n          <div className=\"td-person-table__wrapper\">\n            <table>\n              <thead>\n                <tr>\n                  <th>Name</th>\n                  <th className=\"td-person-table__hide-mobile\">Role</th>\n                  {showTerm && <th className=\"td-person-table__hide-sm\">Term</th>}\n                  {showSocialsColumn && <th>Links</th>}\n                </tr>\n              </thead>\n              <tbody>\n                {displayMembers.map((member, index) => (\n                  <tr key={index}>\n                    <td>\n                      <div className=\"td-person-table__person-cell\">\n                        <Avatar src={member.photo} name={member.name} size=\"sm\" />\n                        <div className=\"td-person-table__person-info\">\n                          <span className=\"td-person-table__person-name\">{member.name}</span>\n                          <span className=\"td-person-table__person-role-mobile\">{member.role}</span>\n                        </div>\n                      </div>\n                    </td>\n                    <td className=\"td-person-table__role-cell td-person-table__hide-mobile\">{member.role}</td>\n                    {showTerm && <td className=\"td-person-table__term-cell td-person-table__hide-sm\">{member.term || '—'}</td>}\n                    {showSocialsColumn && (\n                      <td>\n                        <div className=\"td-person-table__socials-cell\">\n                          {renderSocialLinks(member)}\n                        </div>\n                      </td>\n                    )}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </div>\n      <PersonTableStyles />\n    </>\n  );\n}\n\nfunction PersonTableStyles() {\n  return (\n    <style>{`\n      .td-person-table {\n        background: rgba(28, 36, 56, 0.8);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 0.875rem;\n        overflow: hidden;\n        box-shadow:\n          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),\n          0 8px 24px -4px rgba(0, 0, 0, 0.15);\n      }\n\n      .td-person-table__header {\n        display: flex;\n        align-items: stretch;\n        min-height: 56px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n      }\n\n      .td-person-table__title {\n        display: flex;\n        align-items: center;\n        font-size: 1.25rem;\n        font-weight: 700;\n        color: white;\n        margin: 0;\n        padding: 0 1.5rem;\n        flex-shrink: 0;\n      }\n\n      .td-person-table__title-only {\n        padding: 1.5rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n      }\n\n      .td-person-table__title-only .td-person-table__title {\n        padding: 0;\n      }\n\n      .td-person-table__tabs-wrapper {\n        display: flex;\n        align-items: stretch;\n        margin-left: auto;\n        flex-shrink: 0;\n      }\n\n      .td-person-table__tabs-scroll {\n        display: flex;\n        align-items: stretch;\n        overflow-x: auto;\n        scrollbar-width: none;\n        scroll-behavior: smooth;\n      }\n\n      .td-person-table__tabs-scroll::-webkit-scrollbar {\n        display: none;\n      }\n\n      .td-person-table__tab {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 0 1.25rem;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: rgba(156, 163, 175, 0.8);\n        background: transparent;\n        border: none;\n        border-left: 1px solid rgba(255, 255, 255, 0.05);\n        cursor: pointer;\n        white-space: nowrap;\n        transition: all 0.15s ease;\n        flex-shrink: 0;\n        min-height: 100%;\n      }\n\n      .td-person-table__tab:hover {\n        background: rgba(255, 255, 255, 0.03);\n        color: rgba(255, 255, 255, 0.9);\n      }\n\n      .td-person-table__tab--active {\n        background: rgba(255, 255, 255, 0.08);\n        color: white;\n        box-shadow: inset 0 -2px 0 #E85A4F;\n      }\n\n      .td-person-table__tab-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 18px;\n        height: 18px;\n        padding: 0 0.375rem;\n        border-radius: 9px;\n        background: rgba(255, 255, 255, 0.1);\n        font-size: 0.625rem;\n        font-weight: 600;\n      }\n\n      .td-person-table__tab--active .td-person-table__tab-badge {\n        background: rgba(232, 90, 79, 0.3);\n        color: #E85A4F;\n      }\n\n      .td-person-table__wrapper {\n        overflow-x: auto;\n      }\n\n      .td-person-table table {\n        width: 100%;\n        border-collapse: collapse;\n      }\n\n      .td-person-table th {\n        text-align: left;\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: rgba(156, 163, 175, 0.8);\n        padding: 1rem 1.5rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        background: rgba(0, 0, 0, 0.1);\n      }\n\n      .td-person-table td {\n        padding: 1rem 1.5rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n        vertical-align: middle;\n      }\n\n      .td-person-table--compact td {\n        padding: 0.75rem 1.5rem;\n      }\n\n      .td-person-table tr:last-child td {\n        border-bottom: none;\n      }\n\n      .td-person-table tbody tr:hover td {\n        background: rgba(255, 255, 255, 0.02);\n      }\n\n      .td-person-table__person-cell {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n      }\n\n      .td-person-table__person-info {\n        display: flex;\n        flex-direction: column;\n        gap: 0.125rem;\n      }\n\n      .td-person-table__person-name {\n        font-weight: 600;\n        color: white;\n      }\n\n      .td-person-table__person-role-mobile {\n        display: none;\n        font-size: 0.75rem;\n        color: #E85A4F;\n      }\n\n      .td-person-table__role-cell {\n        color: #E85A4F;\n        font-weight: 500;\n      }\n\n      .td-person-table__term-cell {\n        color: rgba(209, 213, 219, 0.6);\n        font-size: 0.875rem;\n      }\n\n      .td-person-table__socials-cell {\n        display: flex;\n        gap: 0.5rem;\n      }\n\n      .td-person-table__social-link {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 28px;\n        height: 28px;\n        border-radius: 0.375rem;\n        background: rgba(255, 255, 255, 0.08);\n        color: rgba(209, 213, 219, 0.6);\n        transition: all 0.15s ease;\n        text-decoration: none;\n      }\n\n      .td-person-table__social-link:hover {\n        background: #E85A4F;\n        color: white;\n        transform: translateY(-1px);\n      }\n\n      .td-person-table__empty {\n        padding: 3rem;\n        text-align: center;\n        color: rgba(156, 163, 175, 0.6);\n      }\n\n      @media (max-width: 768px) {\n        .td-person-table__header {\n          flex-wrap: wrap;\n        }\n\n        .td-person-table__title {\n          padding: 1rem 1.5rem;\n          width: 100%;\n          border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .td-person-table__hide-mobile {\n          display: none;\n        }\n\n        .td-person-table__person-role-mobile {\n          display: block;\n        }\n\n        .td-person-table th,\n        .td-person-table td {\n          padding: 0.75rem 1rem;\n        }\n\n        .td-person-table__tabs-wrapper {\n          width: 100%;\n          margin-left: 0;\n        }\n\n        .td-person-table__tab {\n          padding: 0.75rem 1rem;\n        }\n      }\n\n      @media (max-width: 480px) {\n        .td-person-table__hide-sm {\n          display: none;\n        }\n      }\n    `}</style>\n  );\n}\n"],"names":["PersonTable","title","members","years","controlledActiveYear","onYearChange","showTerm","showSocials","compact","className","isTabbedMode","internalActiveYear","setInternalActiveYear","useState","_a","activeYear","useEffect","displayMembers","_b","y","handleTabClick","year","hasSocials","member","showSocialsColumn","renderSocialLinks","links","jsx","Icon","renderTabs","yearData","jsxs","clsx","hasHeader","Fragment","index","Avatar","PersonTableStyles"],"mappings":"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"}