@medalsocial/meda 2.0.0 → 2.2.0

package/dist/email-builder/types.js

@@ -0,0 +1,41 @@
+// Email builder type system.
+//
+// Block kinds match the spec from the source surface
+// (apps/web/src/components/email-builder/block-types.ts) but are narrowed to a
+// publishable subset. The Convex-coupled `contentSlot` kind is omitted.
+// ============================================
+// Block kinds
+// ============================================
+export const BLOCK_KINDS = [
+    'heading',
+    'text',
+    'image',
+    'button',
+    'divider',
+    'spacer',
+    'columns',
+    'social',
+    'footer',
+];
+export const defaultEmailBuilderLabels = {
+    addBlock: 'Add block',
+    blockPalette: 'Block palette',
+    blocksTab: 'Blocks',
+    designTab: 'Design',
+    envelopeTab: 'Envelope',
+    rightRailEmpty: 'Select a block to edit its properties.',
+    openBlocks: 'Blocks',
+    openInspector: 'Inspector',
+    openSettings: 'Settings',
+    preview: 'Preview',
+    desktopPreview: 'Desktop preview',
+    mobilePreview: 'Mobile preview',
+    exportHtml: 'Export HTML',
+    emptyTitle: 'Start your email',
+    emptyDescription: 'Add a block from the palette to get started.',
+    inspectorEmpty: 'Select a block to edit its properties.',
+    duplicateBlock: 'Duplicate block',
+    deleteBlock: 'Delete block',
+    moveUp: 'Move up',
+    moveDown: 'Move down',
+};

package/dist/email-builder/view-controls.d.ts

@@ -0,0 +1,10 @@
+import type { DevicePreview } from './types.js';
+interface ViewControlsProps {
+    device: DevicePreview;
+    onDeviceChange: (next: DevicePreview) => void;
+    desktopLabel: string;
+    mobileLabel: string;
+}
+/** Toggle between desktop and mobile preview modes. */
+export declare function ViewControls({ device, onDeviceChange, desktopLabel, mobileLabel, }: ViewControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/email-builder/view-controls.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Monitor, Smartphone } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+/** Toggle between desktop and mobile preview modes. */
+export function ViewControls({ device, onDeviceChange, desktopLabel, mobileLabel, }) {
+    return (_jsxs("div", { role: "radiogroup", "aria-label": "Preview width", "data-slot": "email-builder-view-controls", className: "inline-flex rounded-md border border-input p-0.5", children: [_jsx("button", { type: "button", role: "radio", "aria-checked": device === 'desktop', "aria-label": desktopLabel, onClick: () => onDeviceChange('desktop'), className: cn('inline-flex h-9 w-10 items-center justify-center rounded', device === 'desktop'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'text-muted-foreground hover:bg-accent'), children: _jsx(Monitor, { className: "size-4", "aria-hidden": true }) }), _jsx("button", { type: "button", role: "radio", "aria-checked": device === 'mobile', "aria-label": mobileLabel, onClick: () => onDeviceChange('mobile'), className: cn('inline-flex h-9 w-10 items-center justify-center rounded', device === 'mobile'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'text-muted-foreground hover:bg-accent'), children: _jsx(Smartphone, { className: "size-4", "aria-hidden": true }) })] }));
+}

package/dist/index.d.ts

@@ -1,9 +1,13 @@
 export * from './auth/public.js';
 export * from './brand/public.js';
+export * from './calendar/public.js';
 export * from './chat/public.js';
+export * from './email-builder/public.js';
 export * from './marketing/public.js';
 export * from './panel/public.js';
+export * from './post-preview/public.js';
 export * from './primitives/index.js';
 export * from './shell/index.js';
 export * from './theme/index.js';
 export * from './timeline/public.js';
+export * from './workflow-builder/public.js';

package/dist/index.js

@@ -1,9 +1,13 @@
 export * from './auth/public.js';
 export * from './brand/public.js';
+export * from './calendar/public.js';
 export * from './chat/public.js';
+export * from './email-builder/public.js';
 export * from './marketing/public.js';
 export * from './panel/public.js';
+export * from './post-preview/public.js';
 export * from './primitives/index.js';
 export * from './shell/index.js'; // v2 surface
 export * from './theme/index.js';
 export * from './timeline/public.js';
+export * from './workflow-builder/public.js';

package/dist/lib/format-time.js

@@ -10,9 +10,8 @@ export function formatClock(date, opts = {}) {
     return fmt.format(date);
 }
 export function formatDuration(ms) {
-    if (ms < 0)
-        ms = 0;
-    const totalSec = Math.floor(ms / 1000);
+    const clampedMs = ms < 0 ? 0 : ms;
+    const totalSec = Math.floor(clampedMs / 1000);
     const h = Math.floor(totalSec / 3600);
     const m = Math.floor((totalSec % 3600) / 60);
     const s = totalSec % 60;

package/dist/marketing/index.d.ts

@@ -1,5 +1,14 @@
+export { MarketingBentoCard } from './marketing-bento-card.js';
+export { MarketingBentoGrid } from './marketing-bento-grid.js';
 export { MarketingCallout } from './marketing-callout.js';
 export { MarketingContact } from './marketing-contact.js';
 export { MarketingCtaList } from './marketing-cta-list.js';
+export { MarketingFAQ } from './marketing-faq.js';
+export { MarketingFooter } from './marketing-footer.js';
+export { MarketingHeader } from './marketing-header.js';
+export { MarketingHeaderLogo } from './marketing-header-logo.js';
 export { MarketingLeadMagnet } from './marketing-lead-magnet.js';
-export type { MarketingAlign, MarketingCalloutProps, MarketingCalloutVariant, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingCtaListProps, MarketingCtaVariant, MarketingLeadMagnetProps, MarketingLeadMagnetVariant, MarketingOffice, } from './types.js';
+export { MarketingNavItem } from './marketing-nav-item.js';
+export { MarketingShell } from './marketing-shell.js';
+export { MarketingTrustBar } from './marketing-trust-bar.js';
+export type { MarketingAlign, MarketingBentoCardProps, MarketingBentoGridProps, MarketingCalloutProps, MarketingCalloutVariant, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingCtaListProps, MarketingCtaVariant, MarketingFAQItem, MarketingFAQProps, MarketingFooterColumn, MarketingFooterProps, MarketingHeaderProps, MarketingHeaderUser, MarketingLeadMagnetProps, MarketingLeadMagnetVariant, MarketingNavItemDescriptor, MarketingOffice, MarketingShellProps, MarketingTrustBarProps, MarketingTrustStat, } from './types.js';

package/dist/marketing/index.js

@@ -1,4 +1,13 @@
+export { MarketingBentoCard } from './marketing-bento-card.js';
+export { MarketingBentoGrid } from './marketing-bento-grid.js';
 export { MarketingCallout } from './marketing-callout.js';
 export { MarketingContact } from './marketing-contact.js';
 export { MarketingCtaList } from './marketing-cta-list.js';
+export { MarketingFAQ } from './marketing-faq.js';
+export { MarketingFooter } from './marketing-footer.js';
+export { MarketingHeader } from './marketing-header.js';
+export { MarketingHeaderLogo } from './marketing-header-logo.js';
 export { MarketingLeadMagnet } from './marketing-lead-magnet.js';
+export { MarketingNavItem } from './marketing-nav-item.js';
+export { MarketingShell } from './marketing-shell.js';
+export { MarketingTrustBar } from './marketing-trust-bar.js';

package/dist/marketing/marketing-bento-card.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingBentoCardProps } from './types.js';
+export declare function MarketingBentoCard({ colSpan, rowSpan, variant, icon, title, description, children, href, className, }: MarketingBentoCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-bento-card.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './utils.js';
+const COL_SPAN = {
+    1: 'col-span-1',
+    2: 'col-span-2 sm:col-span-2',
+    3: 'col-span-3 sm:col-span-3',
+    4: 'col-span-4 sm:col-span-4',
+    6: 'col-span-6 sm:col-span-6',
+    12: 'col-span-12',
+};
+const ROW_SPAN = {
+    1: 'row-span-1',
+    2: 'row-span-2',
+    3: 'row-span-3',
+};
+const PADDING = {
+    default: 'p-6',
+    feature: 'p-8',
+    compact: 'p-4',
+};
+export function MarketingBentoCard({ colSpan = 4, rowSpan = 1, variant = 'default', icon, title, description, children, href, className, }) {
+    const Tag = href ? 'a' : 'div';
+    return (_jsxs(Tag, { "data-bento-card": true, ...(href ? { href } : {}), className: cx('rounded-2xl border border-border bg-card text-card-foreground transition', PADDING[variant], COL_SPAN[colSpan], ROW_SPAN[rowSpan], href && 'hover:border-primary/40 hover:bg-card/80', className), children: [icon && (_jsx("div", { className: "mb-4 inline-flex h-9 w-9 items-center justify-center rounded-xl bg-primary/10 text-primary", children: icon })), title && _jsx("h3", { className: "text-lg font-semibold", children: title }), description && _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: description }), children] }));
+}

package/dist/marketing/marketing-bento-grid.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingBentoGridProps } from './types.js';
+export declare function MarketingBentoGrid({ cols, children, className }: MarketingBentoGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-bento-grid.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from './utils.js';
+const COLS = {
+    2: 'grid-cols-2',
+    3: 'grid-cols-3',
+    4: 'grid-cols-4',
+    6: 'grid-cols-6',
+    12: 'grid-cols-12',
+};
+export function MarketingBentoGrid({ cols = 12, children, className }) {
+    return (_jsx("section", { className: cx('mx-auto w-full max-w-6xl px-6 py-16', className), children: _jsx("div", { className: cx('grid gap-4', COLS[cols]), children: children }) }));
+}

package/dist/marketing/marketing-faq.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingFAQProps } from './types.js';
+export declare function MarketingFAQ({ eyebrow, title, items, defaultOpenId, className, }: MarketingFAQProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-faq.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+import { cx } from './utils.js';
+export function MarketingFAQ({ eyebrow, title, items, defaultOpenId, className, }) {
+    const [openId, setOpenId] = useState(defaultOpenId ?? null);
+    return (_jsxs("section", { className: cx('mx-auto w-full max-w-3xl px-6 py-16', className), children: [(eyebrow || title) && (_jsxs("div", { className: "mb-10 text-center", children: [eyebrow && _jsx("p", { className: "text-sm font-semibold text-primary", children: eyebrow }), title && _jsx("h2", { className: "mt-2 text-3xl font-semibold sm:text-4xl", children: title })] })), _jsx("ul", { className: "space-y-3", children: items.map((item) => {
+                    const open = openId === item.id;
+                    return (_jsxs("li", { className: "rounded-2xl border border-border bg-card", children: [_jsxs("button", { type: "button", "aria-expanded": open, onClick: () => setOpenId(open ? null : item.id), className: "flex w-full items-center justify-between px-5 py-4 text-left text-base font-medium", children: [item.question, _jsx(ChevronDown, { className: cx('h-4 w-4 transition', open && 'rotate-180'), "aria-hidden": true })] }), open && (_jsx("div", { className: "border-t border-border px-5 py-4 text-sm text-muted-foreground", children: item.answer }))] }, item.id));
+                }) })] }));
+}

package/dist/marketing/marketing-footer.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingFooterProps } from './types.js';
+export declare function MarketingFooter({ brand, tagline, columns, bottomSlot, className, }: MarketingFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-footer.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './utils.js';
+export function MarketingFooter({ brand, tagline, columns = [], bottomSlot, className, }) {
+    return (_jsxs("div", { className: cx('border-t border-border bg-background', className), children: [_jsxs("div", { className: "mx-auto grid w-full max-w-6xl gap-12 px-6 py-16 md:grid-cols-12", children: [_jsxs("div", { className: "md:col-span-4 space-y-3", children: [_jsx("div", { className: "text-lg font-semibold", children: brand }), tagline && _jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: tagline })] }), columns.map((col, i) => (_jsxs("div", { className: "md:col-span-2 space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: col.title }), _jsx("ul", { className: "space-y-2", children: col.links.map((link, j) => (_jsx("li", { children: _jsx("a", { href: link.href, className: "text-sm text-muted-foreground hover:text-foreground", children: link.label }) }, `${j}-${link.href}`))) })] }, i)))] }), bottomSlot && (_jsx("div", { className: "border-t border-border", children: _jsx("div", { className: "mx-auto flex w-full max-w-6xl items-center justify-between px-6 py-4 text-xs text-muted-foreground", children: bottomSlot }) }))] }));
+}

package/dist/marketing/marketing-header-logo.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface MarketingHeaderLogoProps {
+    mark?: ReactNode;
+    word?: ReactNode;
+    href?: string;
+    /** Accessible name for the logo link. Falls back to `word` if it's a string, then to "Home". */
+    label?: string;
+    className?: string;
+}
+export declare function MarketingHeaderLogo({ mark, word, href, label, className, }: MarketingHeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-header-logo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './utils.js';
+export function MarketingHeaderLogo({ mark, word, href = '/', label, className, }) {
+    const accessibleName = label ?? (typeof word === 'string' ? word : undefined) ?? 'Home';
+    return (_jsxs("a", { href: href, "aria-label": accessibleName, className: cx('flex items-center gap-2 font-semibold tracking-tight', className), children: [mark, word && _jsx("span", { children: word })] }));
+}

package/dist/marketing/marketing-header.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingHeaderProps } from './types.js';
+export declare function MarketingHeader({ logo, navItems, user, signInHref, signUpHref, appHref, rightSlot, toggles, renderLoggedOut, renderLoggedIn, className, }: MarketingHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-header.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { MarketingNavItem } from './marketing-nav-item.js';
+import { cx } from './utils.js';
+const DEFAULT_SIGN_IN = '/sign-in';
+const DEFAULT_SIGN_UP = '/sign-up';
+const DEFAULT_APP = '/app';
+function DefaultLoggedOut({ signInHref, signUpHref }) {
+    return (_jsxs(_Fragment, { children: [_jsx("a", { href: signInHref, className: "text-sm text-foreground/80 hover:text-foreground", children: "Sign in" }), _jsx("a", { href: signUpHref, className: "inline-flex items-center rounded-full bg-primary px-4 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: "Start free" })] }));
+}
+function DefaultLoggedIn({ appHref }) {
+    return (_jsx("a", { href: appHref, className: "inline-flex items-center rounded-full bg-primary px-4 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: "Open dashboard" }));
+}
+export function MarketingHeader({ logo, navItems = [], user, signInHref = DEFAULT_SIGN_IN, signUpHref = DEFAULT_SIGN_UP, appHref = DEFAULT_APP, rightSlot, toggles, renderLoggedOut, renderLoggedIn, className, }) {
+    let right;
+    if (rightSlot !== undefined) {
+        right = rightSlot;
+    }
+    else if (user) {
+        right = renderLoggedIn ? (renderLoggedIn(user, { appHref })) : (_jsx(DefaultLoggedIn, { appHref: appHref }));
+    }
+    else {
+        right = renderLoggedOut ? (renderLoggedOut({ signInHref, signUpHref })) : (_jsx(DefaultLoggedOut, { signInHref: signInHref, signUpHref: signUpHref }));
+    }
+    return (_jsxs("nav", { "aria-label": "Primary", className: cx('mx-auto flex w-full max-w-6xl items-center justify-between rounded-full border border-border/60 bg-background/70 px-4 py-2 backdrop-blur supports-[backdrop-filter]:bg-background/50', className), children: [_jsxs("div", { className: "flex items-center gap-6", children: [logo, _jsx("ul", { className: "hidden items-center gap-1 md:flex", children: navItems.map((item) => (_jsx("li", { children: _jsx(MarketingNavItem, { ...item }) }, item.id))) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [toggles, right] })] }));
+}

package/dist/marketing/marketing-nav-item.d.ts

@@ -0,0 +1,4 @@
+import type { MarketingNavItemDescriptor } from './types.js';
+export declare function MarketingNavItem({ id, label, className, ...rest }: MarketingNavItemDescriptor & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-nav-item.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { cx } from './utils.js';
+export function MarketingNavItem({ id, label, className, ...rest }) {
+    if (rest.hasMenu) {
+        return (_jsxs("button", { type: "button", "data-nav-id": id, "aria-expanded": false, "aria-haspopup": "menu", className: cx('inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-sm text-foreground/80 hover:text-foreground', className), children: [label, _jsx(ChevronDown, { "data-chevron": true, className: "h-3.5 w-3.5", "aria-hidden": true })] }));
+    }
+    return (_jsx("a", { href: rest.href, "data-nav-id": id, className: cx('inline-flex items-center rounded-full px-3 py-1.5 text-sm text-foreground/80 hover:text-foreground', className), children: label }));
+}

package/dist/marketing/marketing-shell.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingShellProps } from './types.js';
+export declare function MarketingShell({ header, footer, children, className }: MarketingShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-shell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './utils.js';
+export function MarketingShell({ header, footer, children, className }) {
+    return (_jsxs("div", { className: cx('flex min-h-screen flex-col bg-background text-foreground', className), children: [header && _jsx("header", { className: "sticky top-4 z-40 px-4 sm:px-6", children: header }), _jsx("main", { className: "flex-1", children: children }), footer && _jsx("footer", { className: "mt-auto", children: footer })] }));
+}

package/dist/marketing/marketing-trust-bar.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingTrustBarProps } from './types.js';
+export declare function MarketingTrustBar({ eyebrow, title, stats, className }: MarketingTrustBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-trust-bar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './utils.js';
+export function MarketingTrustBar({ eyebrow, title, stats, className }) {
+    return (_jsxs("section", { className: cx('mx-auto w-full max-w-6xl px-6 py-16', className), children: [(eyebrow || title) && (_jsxs("div", { className: "mb-10 flex flex-col items-center gap-2 text-center", children: [eyebrow && _jsx("p", { className: "text-sm font-semibold text-primary", children: eyebrow }), title && _jsx("h2", { className: "text-2xl font-semibold sm:text-3xl", children: title })] })), _jsx("ul", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: stats.map((s, i) => (_jsxs("li", { className: "rounded-2xl border border-border bg-card p-6 text-card-foreground", children: [_jsx("div", { className: "text-3xl font-semibold tracking-tight", children: s.value }), _jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: s.label }), s.caption && _jsx("div", { className: "mt-2 text-xs text-muted-foreground", children: s.caption })] }, i))) })] }));
+}

package/dist/marketing/public.d.ts

@@ -1 +1 @@
-export type { MarketingCalloutProps, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingLeadMagnetProps, MarketingOffice, } from './types.js';
+export type { MarketingBentoCardProps, MarketingBentoGridProps, MarketingCalloutProps, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingFAQItem, MarketingFAQProps, MarketingFooterColumn, MarketingFooterProps, MarketingHeaderProps, MarketingHeaderUser, MarketingLeadMagnetProps, MarketingNavItemDescriptor, MarketingOffice, MarketingShellProps, MarketingTrustBarProps, MarketingTrustStat, } from './types.js';

package/dist/marketing/types.d.ts

@@ -65,3 +65,102 @@ export interface MarketingLeadMagnetProps {
     onOpenChange?: (open: boolean) => void;
     className?: string;
 }
+export interface MarketingHeaderUser {
+    name: string;
+    email?: string;
+    image?: string;
+    workspaceSlug?: string;
+}
+interface MarketingNavItemBase {
+    id: string;
+    label: ReactNode;
+}
+export interface MarketingNavLinkItem extends MarketingNavItemBase {
+    href: string;
+    hasMenu?: false;
+    panel?: never;
+}
+export interface MarketingNavMenuItem extends MarketingNavItemBase {
+    hasMenu: true;
+    href?: string;
+    panel?: ReactNode;
+}
+export type MarketingNavItemDescriptor = MarketingNavLinkItem | MarketingNavMenuItem;
+export interface MarketingHeaderProps {
+    logo?: ReactNode;
+    navItems?: MarketingNavItemDescriptor[];
+    user?: MarketingHeaderUser | null;
+    signInHref?: string;
+    signUpHref?: string;
+    appHref?: string;
+    rightSlot?: ReactNode;
+    toggles?: ReactNode;
+    renderLoggedOut?: (defaults: {
+        signInHref: string;
+        signUpHref: string;
+    }) => ReactNode;
+    renderLoggedIn?: (user: MarketingHeaderUser, defaults: {
+        appHref: string;
+    }) => ReactNode;
+    className?: string;
+}
+export interface MarketingShellProps {
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+export interface MarketingFooterColumn {
+    title: ReactNode;
+    links: Array<{
+        label: ReactNode;
+        href: string;
+    }>;
+}
+export interface MarketingFooterProps {
+    brand?: ReactNode;
+    tagline?: ReactNode;
+    columns?: MarketingFooterColumn[];
+    bottomSlot?: ReactNode;
+    className?: string;
+}
+export interface MarketingTrustStat {
+    value: ReactNode;
+    label: ReactNode;
+    caption?: ReactNode;
+}
+export interface MarketingTrustBarProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    stats: MarketingTrustStat[];
+    className?: string;
+}
+export interface MarketingBentoGridProps {
+    cols?: 2 | 3 | 4 | 6 | 12;
+    children?: ReactNode;
+    className?: string;
+}
+export interface MarketingBentoCardProps {
+    colSpan?: 1 | 2 | 3 | 4 | 6 | 12;
+    rowSpan?: 1 | 2 | 3;
+    variant?: 'default' | 'feature' | 'compact';
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    href?: string;
+    className?: string;
+}
+export interface MarketingFAQItem {
+    id: string;
+    question: ReactNode;
+    answer: ReactNode;
+}
+export interface MarketingFAQProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    items: MarketingFAQItem[];
+    defaultOpenId?: string;
+    className?: string;
+}
+export {};

package/dist/post-preview/index.d.ts

@@ -0,0 +1,4 @@
+export type { BlueSkyLabels, BlueSkyPreviewProps, DiscordEmbedDraft, DiscordLabels, DiscordPreviewProps, FacebookLabels, FacebookPreviewProps, GenericLabels, GenericPreviewProps, GoogleBusinessLabels, GoogleBusinessPreviewProps, InstagramLabels, InstagramPostType, InstagramPreviewProps, LinkedInLabels, LinkedInMentionData, LinkedInMentionPickerContext, LinkedInPreviewProps, TelegramInlineKeyboardButton, TelegramInlineKeyboardMarkup, TelegramLabels, TelegramPollState, TelegramPreviewProps, ThreadsLabels, ThreadsPreviewProps, TikTokLabels, TikTokPreviewProps, TwitterLabels, TwitterMentionPickerContext, TwitterPreviewProps, TwitterTheme, YouTubeLabels, YouTubePreviewProps, } from './platforms/index.js';
+export { DEFAULT_BLUESKY_LABELS, DEFAULT_DISCORD_LABELS, DEFAULT_FACEBOOK_LABELS, DEFAULT_GENERIC_LABELS, DEFAULT_GOOGLE_BUSINESS_LABELS, DEFAULT_INSTAGRAM_LABELS, DEFAULT_LINKEDIN_LABELS, DEFAULT_TELEGRAM_LABELS, DEFAULT_THREADS_LABELS, DEFAULT_TIKTOK_LABELS, DEFAULT_TWITTER_LABELS, DEFAULT_YOUTUBE_LABELS, } from './platforms/index.js';
+export { PostPreview, type PostPreviewProps } from './post-preview.js';
+export type { PlatformId, PostPreviewBaseProps, PostPreviewFrame, PostPreviewSlots, } from './types.js';

package/dist/post-preview/index.js

@@ -0,0 +1,7 @@
+// open/meda/src/post-preview/index.ts
+//
+// Subpath barrel for `@medalsocial/meda/post-preview`. Single top-level
+// `PostPreview` component dispatches per-platform via the `platform` prop.
+// Per-platform components, chromes, and helpers remain internal.
+export { DEFAULT_BLUESKY_LABELS, DEFAULT_DISCORD_LABELS, DEFAULT_FACEBOOK_LABELS, DEFAULT_GENERIC_LABELS, DEFAULT_GOOGLE_BUSINESS_LABELS, DEFAULT_INSTAGRAM_LABELS, DEFAULT_LINKEDIN_LABELS, DEFAULT_TELEGRAM_LABELS, DEFAULT_THREADS_LABELS, DEFAULT_TIKTOK_LABELS, DEFAULT_TWITTER_LABELS, DEFAULT_YOUTUBE_LABELS, } from './platforms/index.js';
+export { PostPreview } from './post-preview.js';

package/dist/post-preview/internal/avatar.d.ts

@@ -0,0 +1,12 @@
+export interface AvatarProps {
+    src?: string;
+    displayName: string;
+    className?: string;
+}
+/**
+ * Internal avatar primitive used by post-preview platforms.
+ * Plain `<img>` with an initials fallback; deliberately not exported
+ * from the public surface so we don't lock consumers in. Consumers
+ * who want a richer Avatar primitive should pull one from elsewhere.
+ */
+export declare function Avatar({ src, displayName, className }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/post-preview/internal/avatar.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../../lib/utils.js';
+function initialOf(name) {
+    const trimmed = name.trim();
+    if (!trimmed)
+        return '?';
+    return trimmed.charAt(0).toUpperCase();
+}
+/**
+ * Internal avatar primitive used by post-preview platforms.
+ * Plain `<img>` with an initials fallback; deliberately not exported
+ * from the public surface so we don't lock consumers in. Consumers
+ * who want a richer Avatar primitive should pull one from elsewhere.
+ */
+export function Avatar({ src, displayName, className }) {
+    const [errored, setErrored] = useState(false);
+    const showFallback = !src || errored;
+    return (_jsx("span", { "data-slot": "post-preview-avatar", className: cn('inline-flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-sm font-medium text-muted-foreground', className), children: showFallback ? (_jsx("span", { role: "img", "aria-label": displayName, children: initialOf(displayName) })) : (_jsx("img", { src: src, alt: displayName, loading: "lazy", decoding: "async", onError: () => setErrored(true), className: "h-full w-full object-cover" })) }));
+}

package/dist/post-preview/internal/format-content.d.ts

@@ -0,0 +1,12 @@
+export type ContentPartType = 'text' | 'mention' | 'hashtag' | 'url';
+export interface ContentPart {
+    type: ContentPartType;
+    value: string;
+}
+/**
+ * Split a content string into typed parts so platform components can
+ * apply per-platform styling for mentions, hashtags, and URLs.
+ *
+ * Empty strings return an empty array (callers can render nothing).
+ */
+export declare function splitContent(content: string): ContentPart[];

package/dist/post-preview/internal/format-content.js

@@ -0,0 +1,32 @@
+const PATTERN = /(@[A-Za-z0-9_]+|#[A-Za-z0-9_]+|https?:\/\/\S+)/g;
+/**
+ * Split a content string into typed parts so platform components can
+ * apply per-platform styling for mentions, hashtags, and URLs.
+ *
+ * Empty strings return an empty array (callers can render nothing).
+ */
+export function splitContent(content) {
+    if (!content)
+        return [];
+    const parts = [];
+    let lastIndex = 0;
+    for (const match of content.matchAll(PATTERN)) {
+        /* v8 ignore next — match.index is always defined for matchAll results */
+        const matchIndex = match.index ?? 0;
+        if (matchIndex > lastIndex) {
+            parts.push({ type: 'text', value: content.slice(lastIndex, matchIndex) });
+        }
+        const value = match[0];
+        if (value.startsWith('@'))
+            parts.push({ type: 'mention', value });
+        else if (value.startsWith('#'))
+            parts.push({ type: 'hashtag', value });
+        else
+            parts.push({ type: 'url', value });
+        lastIndex = matchIndex + value.length;
+    }
+    if (lastIndex < content.length) {
+        parts.push({ type: 'text', value: content.slice(lastIndex) });
+    }
+    return parts;
+}

package/dist/post-preview/internal/platform-meta.d.ts

@@ -0,0 +1,10 @@
+import type { PlatformId } from '../types.js';
+export interface PlatformMeta {
+    /** Human-readable name (e.g. "Twitter / X"). */
+    displayName: string;
+    /** Platform brand color (hex with leading #). */
+    brandColor: string;
+    /** Soft per-platform character limit (consumers may override per render). */
+    characterLimit: number;
+}
+export declare const PLATFORM_META: Record<PlatformId, PlatformMeta>;

package/dist/post-preview/internal/platform-meta.js

@@ -0,0 +1,18 @@
+export const PLATFORM_META = {
+    twitter: { displayName: 'X', brandColor: '#000000', characterLimit: 280 },
+    linkedin: { displayName: 'LinkedIn', brandColor: '#0A66C2', characterLimit: 3000 },
+    instagram: { displayName: 'Instagram', brandColor: '#E4405F', characterLimit: 2200 },
+    facebook: { displayName: 'Facebook', brandColor: '#1877F2', characterLimit: 63_206 },
+    threads: { displayName: 'Threads', brandColor: '#000000', characterLimit: 500 },
+    bluesky: { displayName: 'Bluesky', brandColor: '#0085FF', characterLimit: 300 },
+    tiktok: { displayName: 'TikTok', brandColor: '#000000', characterLimit: 4000 },
+    youtube: { displayName: 'YouTube', brandColor: '#FF0000', characterLimit: 5000 },
+    google_business: {
+        displayName: 'Google Business',
+        brandColor: '#4285F4',
+        characterLimit: 1500,
+    },
+    telegram: { displayName: 'Telegram', brandColor: '#26A5E4', characterLimit: 4096 },
+    discord: { displayName: 'Discord', brandColor: '#5865F2', characterLimit: 2000 },
+    generic: { displayName: 'Generic', brandColor: '#6B7280', characterLimit: 63_206 },
+};

package/dist/post-preview/internal/textarea.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from 'react';
+export type TextareaProps = ComponentProps<'textarea'>;
+/**
+ * Internal textarea used by post-preview platforms in editable mode.
+ * Minimal styling — platform-specific previews layer on their own
+ * background, font, and color via className. Not exported publicly.
+ */
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/post-preview/internal/textarea.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../lib/utils.js';
+/**
+ * Internal textarea used by post-preview platforms in editable mode.
+ * Minimal styling — platform-specific previews layer on their own
+ * background, font, and color via className. Not exported publicly.
+ */
+export const Textarea = forwardRef(function Textarea({ className, ...props }, ref) {
+    return (_jsx("textarea", { ref: ref, "data-slot": "post-preview-textarea", className: cn('block w-full resize-none border-0 bg-transparent p-0 outline-none', 'placeholder:text-muted-foreground/60', 'focus-visible:ring-0 focus-visible:ring-offset-0', className), ...props }));
+});

package/dist/post-preview/internal/use-swipe.d.ts

@@ -0,0 +1,17 @@
+import type { TouchEvent } from 'react';
+export interface UseSwipeOptions {
+    onSwipeLeft: () => void;
+    onSwipeRight: () => void;
+}
+/**
+ * Touch swipe detection for carousel navigation. Tracks touchstart/touchend
+ * and fires onSwipeLeft / onSwipeRight when the horizontal delta exceeds
+ * SWIPE_THRESHOLD (50px). Returns event handlers to spread onto the
+ * swipeable container.
+ *
+ * Ported from `apps/web/src/components/composer/editors/use-swipe.ts`.
+ */
+export declare function useSwipe({ onSwipeLeft, onSwipeRight }: UseSwipeOptions): {
+    onTouchStart: (e: TouchEvent) => void;
+    onTouchEnd: (e: TouchEvent) => void;
+};