@tampadevs/react 0.1.0

package/dist/components/VideoHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoHero.d.ts","sourceRoot":"","sources":["../../src/components/VideoHero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,MAAW,EACX,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,2CA4KhB"}

package/dist/index.d.ts

@@ -0,0 +1,53 @@
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
+export { Icon } from './components/Icon';
+export type { IconProps, IconSize } from './components/Icon';
+export { Avatar } from './components/Avatar';
+export type { AvatarProps, AvatarSize, AvatarShape, AvatarStatus } from './components/Avatar';
+export { AvatarGroup } from './components/AvatarGroup';
+export type { AvatarGroupProps, AvatarGroupItem, AvatarGroupSize } from './components/AvatarGroup';
+export { Logo } from './components/Logo';
+export type { LogoProps, LogoVariant, LogoSize } from './components/Logo';
+export { Header } from './components/Header';
+export type { HeaderProps, NavLink } from './components/Header';
+export { Footer } from './components/Footer';
+export type { FooterProps, FooterLink, FooterLinkGroup, FooterSocialLink } from './components/Footer';
+export { Carousel } from './components/Carousel';
+export type { CarouselProps } from './components/Carousel';
+export { VideoHero } from './components/VideoHero';
+export type { VideoHeroProps } from './components/VideoHero';
+export { PromoSection } from './components/PromoSection';
+export type { PromoSectionProps, PromoSectionVariant } from './components/PromoSection';
+export { CtaSection } from './components/CtaSection';
+export type { CtaSectionProps } from './components/CtaSection';
+export { ImageText } from './components/ImageText';
+export type { ImageTextProps } from './components/ImageText';
+export { NewsletterSignup } from './components/NewsletterSignup';
+export type { NewsletterSignupProps } from './components/NewsletterSignup';
+export { Image } from './components/Image';
+export type { ImageProps, ImageFit } from './components/Image';
+export { ImageCarousel } from './components/ImageCarousel';
+export type { ImageCarouselProps, CarouselImage } from './components/ImageCarousel';
+export { VideoEmbed } from './components/VideoEmbed';
+export type { VideoEmbedProps } from './components/VideoEmbed';
+export { LogoMarquee } from './components/LogoMarquee';
+export type { LogoMarqueeProps, MarqueeLogo } from './components/LogoMarquee';
+export { EventCard } from './components/EventCard';
+export type { EventCardProps, EventCardVariant } from './components/EventCard';
+export { Calendar } from './components/Calendar';
+export type { CalendarProps, CalendarEvent, CalendarVariant } from './components/Calendar';
+export { PersonCard } from './components/PersonCard';
+export type { PersonCardProps, PersonCardVariant, SocialLink } from './components/PersonCard';
+export { PersonTable } from './components/PersonTable';
+export type { PersonTableProps, PersonTableMember, PersonTableYear } from './components/PersonTable';
+export { SponsorCard } from './components/SponsorCard';
+export type { SponsorCardProps, SponsorCardTier } from './components/SponsorCard';
+export { SponsorGrid } from './components/SponsorGrid';
+export type { SponsorGridProps, Sponsor, SponsorTier } from './components/SponsorGrid';
+export { OpenCollective } from './components/OpenCollective';
+export type { OpenCollectiveProps, OpenCollectiveMode } from './components/OpenCollective';
+export { Table } from './components/Table';
+export type { TableProps, TableColumn, TableTab } from './components/Table';
+export { Logo3d } from './components/Logo3d';
+export type { Logo3dProps } from './components/Logo3d';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,55 @@
+import { Button as e } from "./index2.js";
+import { Icon as m } from "./index3.js";
+import { Avatar as x } from "./index4.js";
+import { AvatarGroup as a } from "./index5.js";
+import { Logo as d } from "./index6.js";
+import { Header as C } from "./index7.js";
+import { Footer as i } from "./index8.js";
+import { Carousel as u } from "./index9.js";
+import { VideoHero as c } from "./index10.js";
+import { PromoSection as I } from "./index11.js";
+import { CtaSection as L } from "./index12.js";
+import { ImageText as T } from "./index13.js";
+import { NewsletterSignup as E } from "./index14.js";
+import { Image as H } from "./index15.js";
+import { ImageCarousel as q } from "./index16.js";
+import { VideoEmbed as B } from "./index17.js";
+import { LogoMarquee as M } from "./index18.js";
+import { EventCard as O } from "./index19.js";
+import { Calendar as j } from "./index20.js";
+import { PersonCard as y } from "./index21.js";
+import { PersonTable as D } from "./index22.js";
+import { SponsorCard as K } from "./index23.js";
+import { SponsorGrid as R } from "./index24.js";
+import { OpenCollective as W } from "./index25.js";
+import { Table as Y } from "./index26.js";
+import { Logo3d as _ } from "./index27.js";
+export {
+  x as Avatar,
+  a as AvatarGroup,
+  e as Button,
+  j as Calendar,
+  u as Carousel,
+  L as CtaSection,
+  O as EventCard,
+  i as Footer,
+  C as Header,
+  m as Icon,
+  H as Image,
+  q as ImageCarousel,
+  T as ImageText,
+  d as Logo,
+  _ as Logo3d,
+  M as LogoMarquee,
+  E as NewsletterSignup,
+  W as OpenCollective,
+  y as PersonCard,
+  D as PersonTable,
+  I as PromoSection,
+  K as SponsorCard,
+  R as SponsorGrid,
+  Y as Table,
+  B as VideoEmbed,
+  c as VideoHero
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index10.js

@@ -0,0 +1,185 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { clsx as g } from "./index28.js";
+function u({
+  videoWebm: i,
+  videoMp4: r,
+  poster: a,
+  overlayColor: h,
+  height: t = 80,
+  logo: d,
+  heading: l,
+  subheading: s,
+  ctas: n,
+  children: c,
+  className: m
+}) {
+  const v = {
+    "--hero-height": `${t}vh`,
+    "--hero-height-desktop": `${Math.min(t, 66.66)}vh`,
+    "--overlay-color": h || "rgba(28, 36, 56, 0.6)"
+  };
+  return /* @__PURE__ */ o("div", { className: g("td-video-hero", m), style: v, children: [
+    /* @__PURE__ */ o("div", { className: "td-video-hero__container", children: [
+      /* @__PURE__ */ o(
+        "video",
+        {
+          className: "td-video-hero__video",
+          autoPlay: !0,
+          muted: !0,
+          playsInline: !0,
+          loop: !0,
+          poster: a,
+          children: [
+            i && /* @__PURE__ */ e("source", { type: "video/webm", src: i }),
+            r && /* @__PURE__ */ e("source", { type: "video/mp4", src: r })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "td-video-hero__overlay", children: /* @__PURE__ */ o("div", { className: "td-video-hero__content", children: [
+        d && /* @__PURE__ */ e("div", { className: "td-video-hero__logo", children: d }),
+        /* @__PURE__ */ o("div", { className: "td-video-hero__heading-group", children: [
+          l,
+          s
+        ] }),
+        n && /* @__PURE__ */ e("div", { className: "td-video-hero__ctas", children: n }),
+        c
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("style", { children: `
+        .td-video-hero {
+          display: block;
+          position: relative;
+          width: 100%;
+          overflow: hidden;
+        }
+
+        .td-video-hero__container {
+          position: relative;
+          width: 100%;
+          min-height: var(--hero-height, 80vh);
+          border-radius: 0.375rem;
+          overflow: hidden;
+        }
+
+        @media (min-width: 800px) and (orientation: landscape) {
+          .td-video-hero__container {
+            min-height: var(--hero-height-desktop, 66.66vh);
+          }
+        }
+
+        .td-video-hero__video {
+          display: block;
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
+
+        .td-video-hero__overlay {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background-color: var(--overlay-color, rgba(28, 36, 56, 0.6));
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          text-align: center;
+          padding: 4rem 2rem 5rem;
+          color: white;
+          box-sizing: border-box;
+        }
+
+        .td-video-hero__content {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 1rem;
+          max-width: 800px;
+        }
+
+        .td-video-hero__logo {
+          margin-bottom: 1rem;
+        }
+
+        .td-video-hero__logo img {
+          max-width: 120px;
+          height: auto;
+        }
+
+        @media (min-width: 768px) {
+          .td-video-hero__logo img {
+            max-width: 145px;
+          }
+        }
+
+        .td-video-hero__heading-group {
+          margin-bottom: 1rem;
+        }
+
+        .td-video-hero__heading-group h1 {
+          font-size: 2rem;
+          font-weight: 700;
+          margin: 0;
+          color: white;
+        }
+
+        .td-video-hero__heading-group h2 {
+          font-size: 1.25rem;
+          font-weight: 400;
+          margin: 0.5rem 0 0 0;
+          color: rgba(255, 255, 255, 0.9);
+        }
+
+        @media (min-width: 768px) {
+          .td-video-hero__heading-group h1 {
+            font-size: 3rem;
+          }
+          .td-video-hero__heading-group h2 {
+            font-size: 1.5rem;
+          }
+        }
+
+        .td-video-hero__ctas {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: center;
+          gap: 1rem;
+          margin-top: 1.5rem;
+        }
+
+        .td-video-hero__ctas a,
+        .td-video-hero__ctas button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          gap: 0.5rem;
+          min-width: 180px;
+          padding: 0.75rem 1.5rem;
+          border-radius: 0.5rem;
+          font-size: 1.125rem;
+          font-weight: 600;
+          text-transform: uppercase;
+          text-decoration: none;
+          color: white;
+          background: rgba(232, 90, 79, 0.4);
+          border: 1px solid #E85A4F;
+          transition: background-color 0.3s ease;
+          cursor: pointer;
+        }
+
+        .td-video-hero__ctas a:hover,
+        .td-video-hero__ctas button:hover {
+          background: #E85A4F;
+        }
+      ` })
+  ] });
+}
+export {
+  u as VideoHero
+};
+//# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.js","sources":["../src/components/VideoHero.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { clsx } from 'clsx';\n\nexport interface VideoHeroProps {\n  videoWebm?: string;\n  videoMp4?: string;\n  poster?: string;\n  overlayColor?: string;\n  height?: number;\n  logo?: ReactNode;\n  heading?: ReactNode;\n  subheading?: ReactNode;\n  ctas?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function VideoHero({\n  videoWebm,\n  videoMp4,\n  poster,\n  overlayColor,\n  height = 80,\n  logo,\n  heading,\n  subheading,\n  ctas,\n  children,\n  className,\n}: VideoHeroProps) {\n  const heroStyle = {\n    '--hero-height': `${height}vh`,\n    '--hero-height-desktop': `${Math.min(height, 66.66)}vh`,\n    '--overlay-color': overlayColor || 'rgba(28, 36, 56, 0.6)',\n  } as React.CSSProperties;\n\n  return (\n    <div className={clsx('td-video-hero', className)} style={heroStyle}>\n      <div className=\"td-video-hero__container\">\n        <video\n          className=\"td-video-hero__video\"\n          autoPlay\n          muted\n          playsInline\n          loop\n          poster={poster}\n        >\n          {videoWebm && <source type=\"video/webm\" src={videoWebm} />}\n          {videoMp4 && <source type=\"video/mp4\" src={videoMp4} />}\n        </video>\n\n        <div className=\"td-video-hero__overlay\">\n          <div className=\"td-video-hero__content\">\n            {logo && <div className=\"td-video-hero__logo\">{logo}</div>}\n\n            <div className=\"td-video-hero__heading-group\">\n              {heading}\n              {subheading}\n            </div>\n\n            {ctas && <div className=\"td-video-hero__ctas\">{ctas}</div>}\n\n            {children}\n          </div>\n        </div>\n      </div>\n\n      <style>{`\n        .td-video-hero {\n          display: block;\n          position: relative;\n          width: 100%;\n          overflow: hidden;\n        }\n\n        .td-video-hero__container {\n          position: relative;\n          width: 100%;\n          min-height: var(--hero-height, 80vh);\n          border-radius: 0.375rem;\n          overflow: hidden;\n        }\n\n        @media (min-width: 800px) and (orientation: landscape) {\n          .td-video-hero__container {\n            min-height: var(--hero-height-desktop, 66.66vh);\n          }\n        }\n\n        .td-video-hero__video {\n          display: block;\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n\n        .td-video-hero__overlay {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background-color: var(--overlay-color, rgba(28, 36, 56, 0.6));\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          text-align: center;\n          padding: 4rem 2rem 5rem;\n          color: white;\n          box-sizing: border-box;\n        }\n\n        .td-video-hero__content {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 1rem;\n          max-width: 800px;\n        }\n\n        .td-video-hero__logo {\n          margin-bottom: 1rem;\n        }\n\n        .td-video-hero__logo img {\n          max-width: 120px;\n          height: auto;\n        }\n\n        @media (min-width: 768px) {\n          .td-video-hero__logo img {\n            max-width: 145px;\n          }\n        }\n\n        .td-video-hero__heading-group {\n          margin-bottom: 1rem;\n        }\n\n        .td-video-hero__heading-group h1 {\n          font-size: 2rem;\n          font-weight: 700;\n          margin: 0;\n          color: white;\n        }\n\n        .td-video-hero__heading-group h2 {\n          font-size: 1.25rem;\n          font-weight: 400;\n          margin: 0.5rem 0 0 0;\n          color: rgba(255, 255, 255, 0.9);\n        }\n\n        @media (min-width: 768px) {\n          .td-video-hero__heading-group h1 {\n            font-size: 3rem;\n          }\n          .td-video-hero__heading-group h2 {\n            font-size: 1.5rem;\n          }\n        }\n\n        .td-video-hero__ctas {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: center;\n          gap: 1rem;\n          margin-top: 1.5rem;\n        }\n\n        .td-video-hero__ctas a,\n        .td-video-hero__ctas button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          gap: 0.5rem;\n          min-width: 180px;\n          padding: 0.75rem 1.5rem;\n          border-radius: 0.5rem;\n          font-size: 1.125rem;\n          font-weight: 600;\n          text-transform: uppercase;\n          text-decoration: none;\n          color: white;\n          background: rgba(232, 90, 79, 0.4);\n          border: 1px solid #E85A4F;\n          transition: background-color 0.3s ease;\n          cursor: pointer;\n        }\n\n        .td-video-hero__ctas a:hover,\n        .td-video-hero__ctas button:hover {\n          background: #E85A4F;\n        }\n      `}</style>\n    </div>\n  );\n}\n"],"names":["VideoHero","videoWebm","videoMp4","poster","overlayColor","height","logo","heading","subheading","ctas","children","className","heroStyle","jsxs","clsx","jsx"],"mappings":";;AAiBO,SAASA,EAAU;AAAA,EACxB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAY;AAAA,IAChB,iBAAiB,GAAGP,CAAM;AAAA,IAC1B,yBAAyB,GAAG,KAAK,IAAIA,GAAQ,KAAK,CAAC;AAAA,IACnD,mBAAmBD,KAAgB;AAAA,EAAA;AAGrC,SACE,gBAAAS,EAAC,SAAI,WAAWC,EAAK,iBAAiBH,CAAS,GAAG,OAAOC,GACvD,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAQ;AAAA,UACR,OAAK;AAAA,UACL,aAAW;AAAA,UACX,MAAI;AAAA,UACJ,QAAAV;AAAA,UAEC,UAAA;AAAA,YAAAF,KAAa,gBAAAc,EAAC,UAAA,EAAO,MAAK,cAAa,KAAKd,GAAW;AAAA,YACvDC,KAAY,gBAAAa,EAAC,UAAA,EAAO,MAAK,aAAY,KAAKb,EAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGtD,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,QAAAP,KAAQ,gBAAAS,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAT,GAAK;AAAA,QAEpD,gBAAAO,EAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,UAAAN;AAAA,UACAC;AAAA,QAAA,GACH;AAAA,QAECC,KAAQ,gBAAAM,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAN,GAAK;AAAA,QAEnDC;AAAA,MAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBAEC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAmIN;AAAA,EAAA,GACJ;AAEJ;"}

package/dist/index11.js

@@ -0,0 +1,268 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { clsx as f } from "./index28.js";
+function k({
+  backgroundImage: e,
+  tag: o,
+  title: a,
+  description: n,
+  ctaText: i,
+  ctaHref: d,
+  flipped: s = !1,
+  logoSrc: r,
+  variant: c = "gradient",
+  logo: m,
+  cta: p,
+  children: g,
+  className: b,
+  id: _
+}) {
+  const h = e ? { backgroundImage: `url(${e})` } : { backgroundColor: "#1C2438" };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: _,
+      className: f(
+        "td-promo",
+        `td-promo--${c}`,
+        s && "td-promo--flipped",
+        b
+      ),
+      style: h,
+      children: [
+        /* @__PURE__ */ l("div", { className: "td-promo__content", children: [
+          (r || m) && /* @__PURE__ */ t("div", { className: "td-promo__logo", children: r ? /* @__PURE__ */ t("img", { src: r, alt: "" }) : m }),
+          o && /* @__PURE__ */ t("p", { className: "td-promo__tag", children: o }),
+          a && /* @__PURE__ */ t("h2", { className: "td-promo__title", children: a }),
+          n && /* @__PURE__ */ t("p", { className: "td-promo__description", children: n }),
+          i && d ? /* @__PURE__ */ t("a", { className: "td-promo__cta", href: d, children: i }) : p && /* @__PURE__ */ t("div", { className: "td-promo__cta-slot", children: p }),
+          g
+        ] }),
+        /* @__PURE__ */ t("style", { children: `
+        .td-promo {
+          background-position: center center;
+          background-size: cover;
+          border-radius: 0.75rem;
+          position: relative;
+          width: 100%;
+          min-height: 320px;
+          overflow: hidden;
+        }
+
+        .td-promo--gradient .td-promo__content {
+          background-image: linear-gradient(
+            to right,
+            rgba(28, 36, 56, 0.95) 0%,
+            rgba(28, 36, 56, 0.7) 50%,
+            transparent 100%
+          );
+        }
+
+        .td-promo--gradient.td-promo--flipped .td-promo__content {
+          background-image: linear-gradient(
+            to left,
+            rgba(28, 36, 56, 0.95) 0%,
+            rgba(28, 36, 56, 0.7) 50%,
+            transparent 100%
+          );
+        }
+
+        .td-promo--glass::before {
+          content: '';
+          position: absolute;
+          inset: 0;
+          background: linear-gradient(
+            to right,
+            rgba(28, 36, 56, 0.85) 0%,
+            rgba(28, 36, 56, 0.7) 30%,
+            rgba(28, 36, 56, 0.3) 60%,
+            transparent 100%
+          );
+          backdrop-filter: blur(8px);
+          -webkit-backdrop-filter: blur(8px);
+          mask-image: linear-gradient(
+            to right,
+            black 0%,
+            black 40%,
+            transparent 100%
+          );
+          -webkit-mask-image: linear-gradient(
+            to right,
+            black 0%,
+            black 40%,
+            transparent 100%
+          );
+          border-radius: 0.75rem;
+          pointer-events: none;
+        }
+
+        .td-promo--glass.td-promo--flipped::before {
+          background: linear-gradient(
+            to left,
+            rgba(28, 36, 56, 0.85) 0%,
+            rgba(28, 36, 56, 0.7) 30%,
+            rgba(28, 36, 56, 0.3) 60%,
+            transparent 100%
+          );
+          mask-image: linear-gradient(
+            to left,
+            black 0%,
+            black 40%,
+            transparent 100%
+          );
+          -webkit-mask-image: linear-gradient(
+            to left,
+            black 0%,
+            black 40%,
+            transparent 100%
+          );
+        }
+
+        .td-promo--glass .td-promo__content {
+          background: transparent;
+          position: relative;
+          z-index: 1;
+        }
+
+        .td-promo--solid .td-promo__content {
+          background: rgba(28, 36, 56, 0.9);
+        }
+
+        .td-promo__content {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: flex-start;
+          height: 100%;
+          min-height: 320px;
+          padding: 2rem;
+          color: white;
+          border-radius: 0.75rem;
+          transition: all 0.2s ease;
+        }
+
+        @media (min-width: 640px) {
+          .td-promo__content {
+            padding: 3rem;
+          }
+        }
+
+        @media (min-width: 768px) {
+          .td-promo__content {
+            padding: 4rem;
+            max-width: 60%;
+          }
+        }
+
+        .td-promo--flipped .td-promo__content {
+          align-items: flex-end;
+          text-align: right;
+          margin-left: auto;
+        }
+
+        .td-promo__logo {
+          max-width: 180px;
+          margin-bottom: 1.5rem;
+        }
+
+        .td-promo__logo img {
+          max-width: 180px;
+          height: auto;
+        }
+
+        .td-promo__tag {
+          text-transform: uppercase;
+          font-weight: 600;
+          font-size: 0.75rem;
+          letter-spacing: 0.1em;
+          margin: 0 0 0.5rem 0;
+          color: #E85A4F;
+        }
+
+        .td-promo__title {
+          color: white;
+          margin: 0;
+          font-size: 1.75rem;
+          font-weight: 700;
+          line-height: 1.2;
+        }
+
+        @media (min-width: 640px) {
+          .td-promo__title {
+            font-size: 2.25rem;
+          }
+        }
+
+        .td-promo__description {
+          color: rgba(255, 255, 255, 0.85);
+          max-width: 500px;
+          font-size: 1rem;
+          line-height: 1.6;
+          margin: 1rem 0 0 0;
+        }
+
+        @media (min-width: 640px) {
+          .td-promo__description {
+            font-size: 1.125rem;
+          }
+        }
+
+        .td-promo__cta {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          gap: 0.5rem;
+          color: white;
+          background-color: #E85A4F;
+          padding: 0.875rem 1.5rem;
+          border-radius: 0.5rem;
+          font-weight: 600;
+          font-size: 0.875rem;
+          text-decoration: none;
+          text-transform: uppercase;
+          letter-spacing: 0.025em;
+          margin-top: 1.5rem;
+          transition: all 0.15s ease;
+          box-shadow: 0 4px 6px -1px rgba(232, 90, 79, 0.25);
+        }
+
+        .td-promo__cta:hover {
+          background-color: #F07167;
+          transform: translateY(-1px);
+          box-shadow: 0 6px 10px -2px rgba(232, 90, 79, 0.3);
+        }
+
+        .td-promo__cta-slot a,
+        .td-promo__cta-slot button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          gap: 0.5rem;
+          color: white;
+          background-color: #E85A4F;
+          padding: 0.875rem 1.5rem;
+          border-radius: 0.5rem;
+          font-weight: 600;
+          font-size: 0.875rem;
+          text-decoration: none;
+          text-transform: uppercase;
+          letter-spacing: 0.025em;
+          margin-top: 1.5rem;
+          margin-right: 0.5rem;
+          border: none;
+          cursor: pointer;
+          transition: all 0.15s ease;
+        }
+
+        .td-promo__cta-slot a:hover,
+        .td-promo__cta-slot button:hover {
+          background-color: #F07167;
+        }
+      ` })
+      ]
+    }
+  );
+}
+export {
+  k as PromoSection
+};
+//# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index11.js","sources":["../src/components/PromoSection.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { clsx } from 'clsx';\n\nexport type PromoSectionVariant = 'gradient' | 'glass' | 'solid';\n\nexport interface PromoSectionProps {\n  backgroundImage?: string;\n  tag?: string;\n  title?: string;\n  description?: string;\n  ctaText?: string;\n  ctaHref?: string;\n  flipped?: boolean;\n  logoSrc?: string;\n  variant?: PromoSectionVariant;\n  logo?: ReactNode;\n  cta?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function PromoSection({\n  backgroundImage,\n  tag,\n  title,\n  description,\n  ctaText,\n  ctaHref,\n  flipped = false,\n  logoSrc,\n  variant = 'gradient',\n  logo,\n  cta,\n  children,\n  className,\n  id,\n}: PromoSectionProps) {\n  const containerStyle: React.CSSProperties = backgroundImage\n    ? { backgroundImage: `url(${backgroundImage})` }\n    : { backgroundColor: '#1C2438' };\n\n  return (\n    <div\n      id={id}\n      className={clsx(\n        'td-promo',\n        `td-promo--${variant}`,\n        flipped && 'td-promo--flipped',\n        className\n      )}\n      style={containerStyle}\n    >\n      <div className=\"td-promo__content\">\n        {(logoSrc || logo) && (\n          <div className=\"td-promo__logo\">\n            {logoSrc ? <img src={logoSrc} alt=\"\" /> : logo}\n          </div>\n        )}\n\n        {tag && <p className=\"td-promo__tag\">{tag}</p>}\n        {title && <h2 className=\"td-promo__title\">{title}</h2>}\n        {description && <p className=\"td-promo__description\">{description}</p>}\n\n        {ctaText && ctaHref ? (\n          <a className=\"td-promo__cta\" href={ctaHref}>\n            {ctaText}\n          </a>\n        ) : (\n          cta && <div className=\"td-promo__cta-slot\">{cta}</div>\n        )}\n\n        {children}\n      </div>\n\n      <style>{`\n        .td-promo {\n          background-position: center center;\n          background-size: cover;\n          border-radius: 0.75rem;\n          position: relative;\n          width: 100%;\n          min-height: 320px;\n          overflow: hidden;\n        }\n\n        .td-promo--gradient .td-promo__content {\n          background-image: linear-gradient(\n            to right,\n            rgba(28, 36, 56, 0.95) 0%,\n            rgba(28, 36, 56, 0.7) 50%,\n            transparent 100%\n          );\n        }\n\n        .td-promo--gradient.td-promo--flipped .td-promo__content {\n          background-image: linear-gradient(\n            to left,\n            rgba(28, 36, 56, 0.95) 0%,\n            rgba(28, 36, 56, 0.7) 50%,\n            transparent 100%\n          );\n        }\n\n        .td-promo--glass::before {\n          content: '';\n          position: absolute;\n          inset: 0;\n          background: linear-gradient(\n            to right,\n            rgba(28, 36, 56, 0.85) 0%,\n            rgba(28, 36, 56, 0.7) 30%,\n            rgba(28, 36, 56, 0.3) 60%,\n            transparent 100%\n          );\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n          mask-image: linear-gradient(\n            to right,\n            black 0%,\n            black 40%,\n            transparent 100%\n          );\n          -webkit-mask-image: linear-gradient(\n            to right,\n            black 0%,\n            black 40%,\n            transparent 100%\n          );\n          border-radius: 0.75rem;\n          pointer-events: none;\n        }\n\n        .td-promo--glass.td-promo--flipped::before {\n          background: linear-gradient(\n            to left,\n            rgba(28, 36, 56, 0.85) 0%,\n            rgba(28, 36, 56, 0.7) 30%,\n            rgba(28, 36, 56, 0.3) 60%,\n            transparent 100%\n          );\n          mask-image: linear-gradient(\n            to left,\n            black 0%,\n            black 40%,\n            transparent 100%\n          );\n          -webkit-mask-image: linear-gradient(\n            to left,\n            black 0%,\n            black 40%,\n            transparent 100%\n          );\n        }\n\n        .td-promo--glass .td-promo__content {\n          background: transparent;\n          position: relative;\n          z-index: 1;\n        }\n\n        .td-promo--solid .td-promo__content {\n          background: rgba(28, 36, 56, 0.9);\n        }\n\n        .td-promo__content {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: flex-start;\n          height: 100%;\n          min-height: 320px;\n          padding: 2rem;\n          color: white;\n          border-radius: 0.75rem;\n          transition: all 0.2s ease;\n        }\n\n        @media (min-width: 640px) {\n          .td-promo__content {\n            padding: 3rem;\n          }\n        }\n\n        @media (min-width: 768px) {\n          .td-promo__content {\n            padding: 4rem;\n            max-width: 60%;\n          }\n        }\n\n        .td-promo--flipped .td-promo__content {\n          align-items: flex-end;\n          text-align: right;\n          margin-left: auto;\n        }\n\n        .td-promo__logo {\n          max-width: 180px;\n          margin-bottom: 1.5rem;\n        }\n\n        .td-promo__logo img {\n          max-width: 180px;\n          height: auto;\n        }\n\n        .td-promo__tag {\n          text-transform: uppercase;\n          font-weight: 600;\n          font-size: 0.75rem;\n          letter-spacing: 0.1em;\n          margin: 0 0 0.5rem 0;\n          color: #E85A4F;\n        }\n\n        .td-promo__title {\n          color: white;\n          margin: 0;\n          font-size: 1.75rem;\n          font-weight: 700;\n          line-height: 1.2;\n        }\n\n        @media (min-width: 640px) {\n          .td-promo__title {\n            font-size: 2.25rem;\n          }\n        }\n\n        .td-promo__description {\n          color: rgba(255, 255, 255, 0.85);\n          max-width: 500px;\n          font-size: 1rem;\n          line-height: 1.6;\n          margin: 1rem 0 0 0;\n        }\n\n        @media (min-width: 640px) {\n          .td-promo__description {\n            font-size: 1.125rem;\n          }\n        }\n\n        .td-promo__cta {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          gap: 0.5rem;\n          color: white;\n          background-color: #E85A4F;\n          padding: 0.875rem 1.5rem;\n          border-radius: 0.5rem;\n          font-weight: 600;\n          font-size: 0.875rem;\n          text-decoration: none;\n          text-transform: uppercase;\n          letter-spacing: 0.025em;\n          margin-top: 1.5rem;\n          transition: all 0.15s ease;\n          box-shadow: 0 4px 6px -1px rgba(232, 90, 79, 0.25);\n        }\n\n        .td-promo__cta:hover {\n          background-color: #F07167;\n          transform: translateY(-1px);\n          box-shadow: 0 6px 10px -2px rgba(232, 90, 79, 0.3);\n        }\n\n        .td-promo__cta-slot a,\n        .td-promo__cta-slot button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          gap: 0.5rem;\n          color: white;\n          background-color: #E85A4F;\n          padding: 0.875rem 1.5rem;\n          border-radius: 0.5rem;\n          font-weight: 600;\n          font-size: 0.875rem;\n          text-decoration: none;\n          text-transform: uppercase;\n          letter-spacing: 0.025em;\n          margin-top: 1.5rem;\n          margin-right: 0.5rem;\n          border: none;\n          cursor: pointer;\n          transition: all 0.15s ease;\n        }\n\n        .td-promo__cta-slot a:hover,\n        .td-promo__cta-slot button:hover {\n          background-color: #F07167;\n        }\n      `}</style>\n    </div>\n  );\n}\n"],"names":["PromoSection","backgroundImage","tag","title","description","ctaText","ctaHref","flipped","logoSrc","variant","logo","cta","children","className","id","containerStyle","jsxs","clsx","jsx"],"mappings":";;AAsBO,SAASA,EAAa;AAAA,EAC3B,iBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,GAAsB;AACpB,QAAMC,IAAsCd,IACxC,EAAE,iBAAiB,OAAOA,CAAe,IAAA,IACzC,EAAE,iBAAiB,UAAA;AAEvB,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACA,aAAaR,CAAO;AAAA,QACpBF,KAAW;AAAA,QACXM;AAAA,MAAA;AAAA,MAEF,OAAOE;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,WAAAR,KAAWE,MACX,gBAAAQ,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAAV,IAAU,gBAAAU,EAAC,OAAA,EAAI,KAAKV,GAAS,KAAI,GAAA,CAAG,IAAKE,GAC5C;AAAA,UAGDR,KAAO,gBAAAgB,EAAC,KAAA,EAAE,WAAU,iBAAiB,UAAAhB,GAAI;AAAA,UACzCC,KAAS,gBAAAe,EAAC,MAAA,EAAG,WAAU,mBAAmB,UAAAf,GAAM;AAAA,UAChDC,KAAe,gBAAAc,EAAC,KAAA,EAAE,WAAU,yBAAyB,UAAAd,GAAY;AAAA,UAEjEC,KAAWC,IACV,gBAAAY,EAAC,KAAA,EAAE,WAAU,iBAAgB,MAAMZ,GAChC,UAAAD,EAAA,CACH,IAEAM,KAAO,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAP,GAAI;AAAA,UAGjDC;AAAA,QAAA,GACH;AAAA,0BAEC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CA4NN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGR;"}