@opensite/ui 0.2.4 → 0.2.5

package/dist/about-company-profile.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-company-profile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-developer-profile.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-profile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-story.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperStoryProps {

package/dist/about-developer-story.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperStoryProps {

package/dist/about-interactive-tabs.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface TabItem {

package/dist/about-interactive-tabs.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface TabItem {

package/dist/about-location-info-hero.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { p as patternSvgs } from './patternSvgs-c5ZNVoTT.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 type PatternName = keyof typeof patternSvgs;

package/dist/about-location-info-hero.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { p as patternSvgs } from './patternSvgs-c5ZNVoTT.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 type PatternName = keyof typeof patternSvgs;

package/dist/about-minimal-story.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-minimal-story.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-mission-dual-image.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-dual-image.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-features.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-mission-features.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-network-spotlight.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {

package/dist/about-network-spotlight.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {

package/dist/about-startup-team.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {

package/dist/about-startup-team.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {

package/dist/about-stats-showcase.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ShowcaseImageItem {

package/dist/about-stats-showcase.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ShowcaseImageItem {

package/dist/about-stats-sidebar.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { S as StatItem, F as FeatureItem } from './blocks-DP3Vofl4.cjs';
+import { S as StatItem, F as FeatureItem } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ExtendedStatItem extends StatItem {

package/dist/about-stats-sidebar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { S as StatItem, F as FeatureItem } from './blocks-XLPGq8A5.js';
+import { S as StatItem, F as FeatureItem } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ExtendedStatItem extends StatItem {

package/dist/about-story-expertise.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStoryExpertiseArea {

package/dist/about-story-expertise.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutStoryExpertiseArea {

package/dist/about-story-gallery.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

package/dist/about-story-gallery.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

package/dist/about-story-hero.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {

package/dist/about-story-hero.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {

package/dist/about-streamline-team.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {

package/dist/about-streamline-team.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {

package/dist/about-vision-gallery.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface VisionGalleryImageItem {

package/dist/about-vision-gallery.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface VisionGalleryImageItem {

package/dist/alternating-blocks.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {

package/dist/alternating-blocks.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-XLPGq8A5.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {

package/dist/animated-dialog.cjs

@@ -16,7 +16,8 @@ var sizeStyles = {
   md: "max-w-2xl",
   lg: "max-w-4xl",
   xl: "max-w-5xl",
-  full: "max-w-7xl"
+  full: "max-w-7xl",
+  compact: "max-w-[700px]"
 };
 var dialogTransition = {
   duration: 0.35,
@@ -33,7 +34,8 @@ function AnimatedDialog({
   footer,
   size = "lg",
   className,
-  contentClassName
+  contentClassName,
+  featuredMediaHeader
 }) {
   const titleId = react.useId();
   const descriptionId = react.useId();
@@ -92,37 +94,20 @@ function AnimatedDialog({
         "aria-labelledby": title ? titleId : void 0,
         "aria-describedby": description ? descriptionId : void 0,
         className: cn(
-          "relative z-60 mx-auto my-12 flex w-[92vw] max-h-[85vh] flex-col overflow-hidden rounded-3xl bg-background p-6 shadow-2xl ring-1 ring-border/10 md:my-20 md:p-12",
+          "relative z-60 mx-auto my-12 flex w-[92vw] max-h-[85vh] flex-col overflow-hidden rounded-3xl bg-background shadow-2xl ring-1 ring-border/10",
+          size === "compact" ? "p-0 md:my-20" : "p-6 md:my-20 md:p-12",
           sizeStyles[size],
           className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-8", children: [
-            header ? header : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-              eyebrow ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-primary", children: eyebrow }) : null,
-              title ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  id: titleId,
-                  className: "text-2xl font-semibold text-foreground md:text-4xl",
-                  children: title
-                }
-              ) : null,
-              description ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  id: descriptionId,
-                  className: "text-sm text-muted-foreground md:text-base",
-                  children: description
-                }
-              ) : null
-            ] }),
+          featuredMediaHeader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden", children: [
+            featuredMediaHeader,
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
                 "aria-label": "Close dialog",
-                className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-foreground text-background transition hover:bg-foreground/80 md:h-11 md:w-11",
+                className: "absolute right-4 top-4 z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-foreground/90 text-background backdrop-blur-sm transition hover:bg-foreground md:h-11 md:w-11",
                 onClick: () => onOpenChange(false),
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -146,18 +131,87 @@ function AnimatedDialog({
                 )
               }
             )
-          ] }),
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-start justify-between gap-8",
+                size === "compact" && featuredMediaHeader ? "px-6 pt-6 md:px-8 md:pt-8" : "",
+                !featuredMediaHeader ? "" : ""
+              ),
+              children: [
+                header ? header : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+                  eyebrow ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-primary", children: eyebrow }) : null,
+                  title ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "h2",
+                    {
+                      id: titleId,
+                      className: "text-2xl font-semibold text-foreground md:text-4xl",
+                      children: title
+                    }
+                  ) : null,
+                  description ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      id: descriptionId,
+                      className: "text-sm text-muted-foreground md:text-base",
+                      children: description
+                    }
+                  ) : null
+                ] }),
+                !featuredMediaHeader ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Close dialog",
+                    className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-foreground text-background transition hover:bg-foreground/80 md:h-11 md:w-11",
+                    onClick: () => onOpenChange(false),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          "path",
+                          {
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: "2",
+                            d: "M18 6L6 18M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                ) : null
+              ]
+            }
+          ),
           children ? /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn(
-                "mt-8 flex-1 min-h-0 overflow-y-auto pr-2 md:mt-10",
+                "flex-1 min-h-0 overflow-y-auto",
+                size === "compact" && featuredMediaHeader ? "mt-6 px-6 pb-6 md:mt-8 md:px-8 md:pb-8" : "mt-8 pr-2 md:mt-10",
                 contentClassName
               ),
               children
             }
           ) : null,
-          footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 md:mt-10", children: footer }) : null
+          footer ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                size === "compact" && featuredMediaHeader ? "px-6 pb-6 md:px-8 md:pb-8" : "mt-8 md:mt-10"
+              ),
+              children: footer
+            }
+          ) : null
         ]
       }
     )

package/dist/animated-dialog.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnimatedDialogProps } from './types.cjs';
 import 'react';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -23,6 +23,6 @@ import 'class-variance-authority/types';
  * </AnimatedDialog>
  * ```
  */
-declare function AnimatedDialog({ open, onOpenChange, title, eyebrow, description, children, header, footer, size, className, contentClassName, }: AnimatedDialogProps): react_jsx_runtime.JSX.Element;
+declare function AnimatedDialog({ open, onOpenChange, title, eyebrow, description, children, header, footer, size, className, contentClassName, featuredMediaHeader, }: AnimatedDialogProps): react_jsx_runtime.JSX.Element;
 
 export { AnimatedDialog };

package/dist/animated-dialog.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnimatedDialogProps } from './types.js';
 import 'react';
-import './blocks-XLPGq8A5.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -23,6 +23,6 @@ import 'class-variance-authority/types';
  * </AnimatedDialog>
  * ```
  */
-declare function AnimatedDialog({ open, onOpenChange, title, eyebrow, description, children, header, footer, size, className, contentClassName, }: AnimatedDialogProps): react_jsx_runtime.JSX.Element;
+declare function AnimatedDialog({ open, onOpenChange, title, eyebrow, description, children, header, footer, size, className, contentClassName, featuredMediaHeader, }: AnimatedDialogProps): react_jsx_runtime.JSX.Element;
 
 export { AnimatedDialog };