@caffeinebounce/ui 0.62.2

package/dist/marketing.js

@@ -0,0 +1,299 @@
+'use strict';
+
+var chunkT6ZBA6VJ_js = require('./chunk-T6ZBA6VJ.js');
+require('./chunk-EYJJQVV4.js');
+var chunkR26Y7LGJ_js = require('./chunk-R26Y7LGJ.js');
+require('./chunk-JAE45W2T.js');
+require('./chunk-C4UT5V3P.js');
+require('./chunk-LQCVRWVF.js');
+require('./chunk-6TGV2DNP.js');
+require('./chunk-DQWHYBV2.js');
+require('./chunk-Q256HRYD.js');
+require('./chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "AlternatingTimeline", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.AlternatingTimeline; }
+});
+Object.defineProperty(exports, "AppleCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.AppleCard; }
+});
+Object.defineProperty(exports, "AppleCardsCarousel", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.AppleCardsCarousel; }
+});
+Object.defineProperty(exports, "BackgroundBeamsCTASection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.BackgroundBeamsCTASection; }
+});
+Object.defineProperty(exports, "BenefitsSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.BenefitsSection; }
+});
+Object.defineProperty(exports, "BlurLogoCloud", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.BlurLogoCloud; }
+});
+Object.defineProperty(exports, "CTAWithDashedGridLines", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.CTAWithDashedGridLines; }
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.Carousel; }
+});
+Object.defineProperty(exports, "ConnectedCardsSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ConnectedCardsSection; }
+});
+Object.defineProperty(exports, "ConnectedCardsVisual", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ConnectedCardsVisual; }
+});
+Object.defineProperty(exports, "ContainerTextFlip", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ContainerTextFlip; }
+});
+Object.defineProperty(exports, "CtaWithDashedGridLines", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.CtaWithDashedGridLines; }
+});
+Object.defineProperty(exports, "DottedGlowBackground", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.DottedGlowBackground; }
+});
+Object.defineProperty(exports, "EditorialHero", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.EditorialHero; }
+});
+Object.defineProperty(exports, "EncryptedText", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.EncryptedText; }
+});
+Object.defineProperty(exports, "FaqAccordion", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FaqAccordion; }
+});
+Object.defineProperty(exports, "FeatureGridLargeSkeletonAction", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureGridLargeSkeletonAction; }
+});
+Object.defineProperty(exports, "FeatureGridLargeSkeletonCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureGridLargeSkeletonCard; }
+});
+Object.defineProperty(exports, "FeatureGridLargeSkeletonContent", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureGridLargeSkeletonContent; }
+});
+Object.defineProperty(exports, "FeatureGridLargeSkeletonFrame", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureGridLargeSkeletonFrame; }
+});
+Object.defineProperty(exports, "FeatureGridLargeSkeletonTitle", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureGridLargeSkeletonTitle; }
+});
+Object.defineProperty(exports, "FeaturePatternBackground", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeaturePatternBackground; }
+});
+Object.defineProperty(exports, "FeaturePatternCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeaturePatternCard; }
+});
+Object.defineProperty(exports, "FeaturePatternGrid", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeaturePatternGrid; }
+});
+Object.defineProperty(exports, "FeatureShieldSkeleton", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureShieldSkeleton; }
+});
+Object.defineProperty(exports, "FeatureSkeletonBadge", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureSkeletonBadge; }
+});
+Object.defineProperty(exports, "FeatureSkeletonCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureSkeletonCard; }
+});
+Object.defineProperty(exports, "FeatureSkeletonDivider", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureSkeletonDivider; }
+});
+Object.defineProperty(exports, "FeatureSkeletonPattern", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureSkeletonPattern; }
+});
+Object.defineProperty(exports, "FeatureSkeletonTag", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureSkeletonTag; }
+});
+Object.defineProperty(exports, "FeatureStackSkeleton", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureStackSkeleton; }
+});
+Object.defineProperty(exports, "FeatureWorkflowSkeleton", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureWorkflowSkeleton; }
+});
+Object.defineProperty(exports, "FeatureWorkflowSkeletonRow", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeatureWorkflowSkeletonRow; }
+});
+Object.defineProperty(exports, "FeaturesGridWithLargeSkeletons", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeaturesGridWithLargeSkeletons; }
+});
+Object.defineProperty(exports, "FeaturesSectionPattern", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FeaturesSectionPattern; }
+});
+Object.defineProperty(exports, "FocusCardItem", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FocusCardItem; }
+});
+Object.defineProperty(exports, "FocusCards", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FocusCards; }
+});
+Object.defineProperty(exports, "FrequentlyAskedQuestionsAccordion", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.FrequentlyAskedQuestionsAccordion; }
+});
+Object.defineProperty(exports, "GlowingEffect", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.GlowingEffect; }
+});
+Object.defineProperty(exports, "GridPattern", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.GridPattern; }
+});
+Object.defineProperty(exports, "HeroSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.HeroSection; }
+});
+Object.defineProperty(exports, "HeroSectionWithRipple", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.HeroSectionWithRipple; }
+});
+Object.defineProperty(exports, "HoverBorderCTAGroup", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.HoverBorderCTAGroup; }
+});
+Object.defineProperty(exports, "ImagesSlider", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ImagesSlider; }
+});
+Object.defineProperty(exports, "ImpactSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ImpactSection; }
+});
+Object.defineProperty(exports, "InfiniteTestimonialsSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.InfiniteTestimonialsSection; }
+});
+Object.defineProperty(exports, "LampHero", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.LampHero; }
+});
+Object.defineProperty(exports, "LogoGrid", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.LogoGrid; }
+});
+Object.defineProperty(exports, "MarketingProse", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.MarketingProse; }
+});
+Object.defineProperty(exports, "MediaTextHero", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.MediaTextHero; }
+});
+Object.defineProperty(exports, "MetricStory", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.MetricStory; }
+});
+Object.defineProperty(exports, "MissionSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.MissionSection; }
+});
+Object.defineProperty(exports, "NextStepsSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.NextStepsSection; }
+});
+Object.defineProperty(exports, "PageHero", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.PageHero; }
+});
+Object.defineProperty(exports, "PartnerLogoGrid", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.PartnerLogoGrid; }
+});
+Object.defineProperty(exports, "PixelatedCanvas", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.PixelatedCanvas; }
+});
+Object.defineProperty(exports, "PricingMinimal", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.PricingMinimal; }
+});
+Object.defineProperty(exports, "ProgramCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ProgramCard; }
+});
+Object.defineProperty(exports, "QuoteBlock", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.QuoteBlock; }
+});
+Object.defineProperty(exports, "SectionShell", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.SectionShell; }
+});
+Object.defineProperty(exports, "SpotlightHeroSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.SpotlightHeroSection; }
+});
+Object.defineProperty(exports, "StackedIsometricFeatures", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.StackedIsometricFeatures; }
+});
+Object.defineProperty(exports, "StepFlow", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.StepFlow; }
+});
+Object.defineProperty(exports, "StickyScrollStorySection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.StickyScrollStorySection; }
+});
+Object.defineProperty(exports, "TeamCard", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.TeamCard; }
+});
+Object.defineProperty(exports, "TestimonialsSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.TestimonialsSection; }
+});
+Object.defineProperty(exports, "TextGenerateHeroCopy", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.TextGenerateHeroCopy; }
+});
+Object.defineProperty(exports, "ThemeLogo", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.ThemeLogo; }
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.Timeline; }
+});
+Object.defineProperty(exports, "TracingBeamContentSection", {
+  enumerable: true,
+  get: function () { return chunkT6ZBA6VJ_js.TracingBeamContentSection; }
+});
+Object.defineProperty(exports, "NewsletterSignup", {
+  enumerable: true,
+  get: function () { return chunkR26Y7LGJ_js.NewsletterSignup; }
+});

package/dist/marketing.mjs

@@ -0,0 +1,10 @@
+export { AlternatingTimeline, AppleCard, AppleCardsCarousel, BackgroundBeamsCTASection, BenefitsSection, BlurLogoCloud, CTAWithDashedGridLines, Carousel, ConnectedCardsSection, ConnectedCardsVisual, ContainerTextFlip, CtaWithDashedGridLines, DottedGlowBackground, EditorialHero, EncryptedText, FaqAccordion, FeatureGridLargeSkeletonAction, FeatureGridLargeSkeletonCard, FeatureGridLargeSkeletonContent, FeatureGridLargeSkeletonFrame, FeatureGridLargeSkeletonTitle, FeaturePatternBackground, FeaturePatternCard, FeaturePatternGrid, FeatureShieldSkeleton, FeatureSkeletonBadge, FeatureSkeletonCard, FeatureSkeletonDivider, FeatureSkeletonPattern, FeatureSkeletonTag, FeatureStackSkeleton, FeatureWorkflowSkeleton, FeatureWorkflowSkeletonRow, FeaturesGridWithLargeSkeletons, FeaturesSectionPattern, FocusCardItem, FocusCards, FrequentlyAskedQuestionsAccordion, GlowingEffect, GridPattern, HeroSection, HeroSectionWithRipple, HoverBorderCTAGroup, ImagesSlider, ImpactSection, InfiniteTestimonialsSection, LampHero, LogoGrid, MarketingProse, MediaTextHero, MetricStory, MissionSection, NextStepsSection, PageHero, PartnerLogoGrid, PixelatedCanvas, PricingMinimal, ProgramCard, QuoteBlock, SectionShell, SpotlightHeroSection, StackedIsometricFeatures, StepFlow, StickyScrollStorySection, TeamCard, TestimonialsSection, TextGenerateHeroCopy, ThemeLogo, Timeline, TracingBeamContentSection } from './chunk-6DVWMJ3H.mjs';
+import './chunk-YL7RZRHM.mjs';
+export { NewsletterSignup } from './chunk-ZFLZA7UP.mjs';
+import './chunk-T5R6HUDG.mjs';
+import './chunk-RVEFPVZF.mjs';
+import './chunk-ZKUIUE7W.mjs';
+import './chunk-VBD4Q5LL.mjs';
+import './chunk-STEP6C4C.mjs';
+import './chunk-MHZXUOGN.mjs';
+import './chunk-IMKLN273.mjs';

package/dist/media.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MediaItem {
+    title: string;
+    publication: string;
+    date: string;
+    url: string;
+    originalUrl?: string;
+    excerpt?: string;
+    imageUrl?: string;
+    highlight?: string;
+    type?: "article" | "clipping";
+    clippingImageUrl?: string;
+    span?: number;
+}
+interface MediaCardProps {
+    item: MediaItem;
+    className?: string;
+}
+declare function MediaCard({ item, className }: MediaCardProps): react_jsx_runtime.JSX.Element;
+
+interface MediaGridProps {
+    items: MediaItem[];
+    className?: string;
+    cardClassName?: string;
+}
+declare function MediaGrid({ items, className, cardClassName }: MediaGridProps): react_jsx_runtime.JSX.Element;
+
+export { MediaCard, type MediaCardProps, MediaGrid, type MediaGridProps, type MediaItem };

package/dist/media.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MediaItem {
+    title: string;
+    publication: string;
+    date: string;
+    url: string;
+    originalUrl?: string;
+    excerpt?: string;
+    imageUrl?: string;
+    highlight?: string;
+    type?: "article" | "clipping";
+    clippingImageUrl?: string;
+    span?: number;
+}
+interface MediaCardProps {
+    item: MediaItem;
+    className?: string;
+}
+declare function MediaCard({ item, className }: MediaCardProps): react_jsx_runtime.JSX.Element;
+
+interface MediaGridProps {
+    items: MediaItem[];
+    className?: string;
+    cardClassName?: string;
+}
+declare function MediaGrid({ items, className, cardClassName }: MediaGridProps): react_jsx_runtime.JSX.Element;
+
+export { MediaCard, type MediaCardProps, MediaGrid, type MediaGridProps, type MediaItem };

package/dist/media.js

@@ -0,0 +1,189 @@
+'use strict';
+
+require('./chunk-Q256HRYD.js');
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var sharedUtils = require('@caffeinebounce/shared-utils');
+var lucideReact = require('lucide-react');
+var Image = require('next/image');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Image__default = /*#__PURE__*/_interopDefault(Image);
+
+function ClippingCard({ item, className }) {
+  const [expanded, setExpanded] = react.useState(false);
+  const formattedDate = sharedUtils.formatDate(item.date, {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkADIDI7AJ_js.cn(
+          "group relative flex flex-col gap-4 rounded-xl border border-zinc-200 bg-white/50 p-6 backdrop-blur transition-all duration-300",
+          "dark:border-white/10 dark:bg-white/[0.03]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            item.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+              Image__default.default,
+              {
+                src: item.imageUrl,
+                alt: item.publication,
+                width: 32,
+                height: 32,
+                className: "object-contain dark:brightness-150 dark:contrast-125"
+              }
+            ) }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-300", children: item.publication }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-400", children: formattedDate })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold leading-snug text-zinc-900 dark:text-zinc-100", children: item.title }),
+          item.clippingImageUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setExpanded(true),
+              className: "relative max-w-[180px] cursor-zoom-in overflow-hidden rounded-lg ring-1 ring-zinc-200 transition-transform hover:scale-[1.02] dark:ring-white/10",
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rotate-[-0.5deg] transform", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Image__default.default,
+                {
+                  src: item.clippingImageUrl,
+                  alt: item.title,
+                  width: 360,
+                  height: 270,
+                  className: "w-full rounded-lg object-cover",
+                  style: { filter: "sepia(0.08) contrast(1.02)" }
+                }
+              ) })
+            }
+          ),
+          item.highlight ? /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-indigo-400/50 pl-3 text-sm italic text-zinc-500 dark:border-indigo-400/40 dark:text-zinc-300", children: item.highlight }) : null
+        ]
+      }
+    ),
+    expanded && item.clippingImageUrl && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4 backdrop-blur-sm",
+        onClick: () => setExpanded(false),
+        onKeyDown: (e) => e.key === "Escape" && setExpanded(false),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-h-[90vh] max-w-[90vw]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Image__default.default,
+            {
+              src: item.clippingImageUrl,
+              alt: item.title,
+              width: 1200,
+              height: 900,
+              className: "max-h-[85vh] w-auto rounded-lg object-contain shadow-2xl",
+              style: { filter: "sepia(0.05) contrast(1.02)" }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                setExpanded(false);
+              },
+              className: "absolute right-3 top-3 flex h-10 w-10 items-center justify-center rounded-full bg-black/60 text-white shadow-lg backdrop-blur transition-colors hover:bg-black/80",
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  role: "img",
+                  "aria-label": "Close",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Close" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "3", x2: "13", y2: "13" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "13", y1: "3", x2: "3", y2: "13" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function MediaCard({ item, className }) {
+  if (item.type === "clipping") {
+    return /* @__PURE__ */ jsxRuntime.jsx(ClippingCard, { item, className });
+  }
+  const formattedDate = sharedUtils.formatDate(item.date, {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: item.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: chunkADIDI7AJ_js.cn(
+        "group relative flex flex-col gap-4 rounded-xl border border-zinc-200 bg-white/50 p-6 backdrop-blur transition-all duration-300",
+        "hover:-translate-y-0.5 hover:border-zinc-300 hover:shadow-lg",
+        "dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20 dark:hover:shadow-2xl dark:hover:shadow-indigo-500/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            item.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+              Image__default.default,
+              {
+                src: item.imageUrl,
+                alt: item.publication,
+                width: 32,
+                height: 32,
+                className: "object-contain dark:brightness-150 dark:contrast-125"
+              }
+            ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-xs font-semibold text-zinc-500 dark:text-zinc-300", children: item.publication.slice(0, 2).toUpperCase() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-300", children: item.publication }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-400", children: formattedDate })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-4 w-4 shrink-0 text-zinc-300 transition-colors group-hover:text-zinc-500 dark:text-zinc-600 dark:group-hover:text-zinc-300" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold leading-snug text-zinc-900 dark:text-zinc-100", children: item.title }),
+        item.excerpt ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-300", children: item.excerpt }) : null,
+        item.highlight ? /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-indigo-400/50 pl-3 text-sm italic text-zinc-500 dark:border-indigo-400/40 dark:text-zinc-300", children: item.highlight }) : null
+      ]
+    }
+  );
+}
+function MediaGrid({ items, className, cardClassName }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn("grid gap-6 sm:grid-cols-2 lg:grid-cols-3", className), children: items.map((item, i) => {
+    const spanClass = item.span === 2 ? "sm:col-span-2" : item.span === 3 ? "sm:col-span-2 lg:col-span-3" : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MediaCard,
+      {
+        item,
+        className: chunkADIDI7AJ_js.cn(spanClass, cardClassName)
+      },
+      item.url || `item-${i}`
+    );
+  }) });
+}
+
+exports.MediaCard = MediaCard;
+exports.MediaGrid = MediaGrid;