@medalsocial/meda 2.8.0 → 3.0.0

package/dist/email-builder/mobile-drawers.d.ts

@@ -6,5 +6,5 @@ interface MobileDrawerProps {
     children: ReactNode;
 }
 /** Generic bottom-sheet drawer used for the mobile palette/inspector. */
-export declare function MobileDrawer({ open, onOpenChange, title, children }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileDrawer({ open, onOpenChange, title, children }: MobileDrawerProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/mobile-tab-bar.d.ts

@@ -6,5 +6,5 @@ interface MobileTabBarProps {
     onOpenSettings: () => void;
 }
 /** Bottom-of-screen tab bar visible on mobile. */
-export declare function MobileTabBar({ labels, onOpenBlocks, onOpenInspector, onOpenSettings, }: MobileTabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileTabBar({ labels, onOpenBlocks, onOpenInspector, onOpenSettings, }: MobileTabBarProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/_shared.d.ts

@@ -9,21 +9,21 @@ export declare function Field({ label, htmlFor, children, }: {
     label: string;
     htmlFor?: string;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function TextInput({ id, value, onChange, placeholder, 'aria-label': ariaLabel, }: {
     id?: string;
     value: string;
     onChange: (next: string) => void;
     placeholder?: string;
     'aria-label'?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function TextAreaInput({ id, value, onChange, rows, 'aria-label': ariaLabel, }: {
     id?: string;
     value: string;
     onChange: (next: string) => void;
     rows?: number;
     'aria-label'?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function NumberInput({ id, value, onChange, min, max, step, 'aria-label': ariaLabel, }: {
     id?: string;
     value: number;
@@ -32,12 +32,12 @@ export declare function NumberInput({ id, value, onChange, min, max, step, 'aria
     max?: number;
     step?: number;
     'aria-label'?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function ColorInput({ id, value, onChange, }: {
     id?: string;
     value: string;
     onChange: (next: string) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function SelectInput<T extends string>({ id, value, options, onChange, 'aria-label': ariaLabel, }: {
     id?: string;
     value: T;
@@ -47,12 +47,12 @@ export declare function SelectInput<T extends string>({ id, value, options, onCh
     }[];
     onChange: (next: T) => void;
     'aria-label'?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function AlignmentToggle({ value, onChange, }: {
     value: Alignment;
     onChange: (next: Alignment) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function SpacingEditor({ value, onChange, }: {
     value: SpacingValue;
     onChange: (next: SpacingValue) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/property-editors/button-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: ButtonBlockProps;
     onChange: (patch: Partial<ButtonBlockProps>) => void;
 }
-export declare function ButtonPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/columns-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: ColumnsBlockProps;
     onChange: (patch: Partial<ColumnsBlockProps>) => void;
 }
-export declare function ColumnsPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnsPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/divider-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: DividerBlockProps;
     onChange: (patch: Partial<DividerBlockProps>) => void;
 }
-export declare function DividerPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DividerPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/footer-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: FooterBlockProps;
     onChange: (patch: Partial<FooterBlockProps>) => void;
 }
-export declare function FooterPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FooterPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/heading-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: HeadingBlockProps;
     onChange: (patch: Partial<HeadingBlockProps>) => void;
 }
-export declare function HeadingPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/image-editor.d.ts

@@ -4,5 +4,5 @@ interface Props {
     onChange: (patch: Partial<ImageBlockProps>) => void;
     renderMediaPicker?: EmailBuilderProps['renderMediaPicker'];
 }
-export declare function ImagePropertyEditor({ value, onChange, renderMediaPicker }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ImagePropertyEditor({ value, onChange, renderMediaPicker }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/social-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: SocialBlockProps;
     onChange: (patch: Partial<SocialBlockProps>) => void;
 }
-export declare function SocialPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function SocialPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/spacer-editor.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: SpacerBlockProps;
     onChange: (patch: Partial<SpacerBlockProps>) => void;
 }
-export declare function SpacerPropertyEditor({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function SpacerPropertyEditor({ value, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-editors/text-editor.d.ts

@@ -9,5 +9,5 @@ interface Props {
         onChange: (next: string) => void;
     }) => ReactNode;
 }
-export declare function TextPropertyEditor({ value, onChange, renderEditor }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function TextPropertyEditor({ value, onChange, renderEditor }: Props): import("react").JSX.Element;
 export {};

package/dist/email-builder/property-inspector.d.ts

@@ -7,5 +7,5 @@ interface PropertyInspectorProps {
     renderMediaPicker?: EmailBuilderProps['renderMediaPicker'];
     renderTextEditor?: EmailBuilderProps['renderTextEditor'];
 }
-export declare function PropertyInspector({ block, onChange, emptyContent, renderMediaPicker, renderTextEditor, }: PropertyInspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyInspector({ block, onChange, emptyContent, renderMediaPicker, renderTextEditor, }: PropertyInspectorProps): import("react").JSX.Element;
 export {};

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

@@ -6,5 +6,5 @@ interface ViewControlsProps {
     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 declare function ViewControls({ device, onDeviceChange, desktopLabel, mobileLabel, }: ViewControlsProps): import("react").JSX.Element;
 export {};

package/dist/kanban/kanban-board.d.ts

@@ -5,4 +5,4 @@ import { type KanbanBoardProps, type KanbanItem } from './types.js';
  * A reusable drag-and-drop kanban board that can be used across
  * different features (Deals, Ideas, etc.)
  */
-export declare function KanbanBoard<TItem extends KanbanItem, TStatus extends string = string>(props: KanbanBoardProps<TItem, TStatus>): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoard<TItem extends KanbanItem, TStatus extends string = string>(props: KanbanBoardProps<TItem, TStatus>): import("react").JSX.Element;

package/dist/kanban/kanban-card-wrapper.d.ts

@@ -12,5 +12,5 @@ interface KanbanCardWrapperProps {
  *
  * Wraps card content to make it draggable within the kanban board.
  */
-export declare function KanbanCardWrapper({ id, isDragging, children }: KanbanCardWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanCardWrapper({ id, isDragging, children }: KanbanCardWrapperProps): import("react").JSX.Element;
 export {};

package/dist/kanban/kanban-column.d.ts

@@ -15,5 +15,5 @@ interface KanbanColumnProps<TItem extends KanbanItem> {
  *
  * A single column in the kanban board that can receive dropped items.
  */
-export declare function KanbanColumn<TItem extends KanbanItem>({ column, count, isOver, onAddItem, onHideColumn, labels, children, }: KanbanColumnProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanColumn<TItem extends KanbanItem>({ column, count, isOver, onAddItem, onHideColumn, labels, children, }: KanbanColumnProps<TItem>): import("react").JSX.Element;
 export {};

package/dist/list/list-row.d.ts

@@ -33,7 +33,7 @@ export interface ListRowProps {
  * A Linear-style list row with checkbox, hover states, and click handling.
  * Compact ~40-48px height for dense, scannable lists.
  */
-export declare function ListRow({ selected, selectionActive, onSelect, onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, focused, children, className, }: ListRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListRow({ selected, selectionActive, onSelect, onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, focused, children, className, }: ListRowProps): import("react").JSX.Element;
 /**
  * Cell wrapper for consistent column sizing
  */
@@ -49,4 +49,4 @@ export interface ListCellProps {
     /** Additional class names */
     className?: string;
 }
-export declare function ListCell({ width, shrink, align, children, className, }: ListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListCell({ width, shrink, align, children, className, }: ListCellProps): import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { MarketingAnnouncementBarProps } from './types.js';
-export declare function MarketingAnnouncementBar({ href, icon, children, className, }: MarketingAnnouncementBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingAnnouncementBar({ href, icon, children, className, }: MarketingAnnouncementBarProps): import("react").JSX.Element;

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

@@ -1,2 +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;
+export declare function MarketingBentoCard({ colSpan, rowSpan, variant, icon, title, description, children, href, className, }: MarketingBentoCardProps): import("react").JSX.Element;

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

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

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

@@ -1,2 +1,2 @@
 import type { MarketingCalloutProps } from './types.js';
-export declare function MarketingCallout({ eyebrow, title, description, children, ctas, variant, align, className, }: MarketingCalloutProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingCallout({ eyebrow, title, description, children, ctas, variant, align, className, }: MarketingCalloutProps): import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { MarketingContactProps } from './types.js';
-export declare function MarketingContact({ intro, form, office, contactPerson, compact, className, }: MarketingContactProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingContact({ intro, form, office, contactPerson, compact, className, }: MarketingContactProps): import("react").JSX.Element;

package/dist/marketing/marketing-cta-list.d.ts

@@ -1,2 +1,2 @@
 import type { MarketingCtaListProps } from './types.js';
-export declare function MarketingCtaList({ ctas, align, className }: MarketingCtaListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MarketingCtaList({ ctas, align, className }: MarketingCtaListProps): import("react").JSX.Element | null;

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

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

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

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

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

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

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

@@ -7,4 +7,4 @@ export interface MarketingHeaderLogoProps {
     label?: string;
     className?: string;
 }
-export declare function MarketingHeaderLogo({ mark, word, href, label, className, }: MarketingHeaderLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingHeaderLogo({ mark, word, href, label, className, }: MarketingHeaderLogoProps): import("react").JSX.Element;

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

@@ -1,2 +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;
+export declare function MarketingHeader({ logo, navItems, user, signInHref, signUpHref, appHref, rightSlot, toggles, renderLoggedOut, renderLoggedIn, className, }: MarketingHeaderProps): import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { MarketingHeroProps } from './types.js';
-export declare function MarketingHero({ eyebrow, headline, subtitle, ctas, meta, productMockup, className, }: MarketingHeroProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingHero({ eyebrow, headline, subtitle, ctas, meta, productMockup, className, }: MarketingHeroProps): import("react").JSX.Element;

package/dist/marketing/marketing-lead-magnet.d.ts

@@ -1,2 +1,2 @@
 import type { MarketingLeadMagnetProps } from './types.js';
-export declare function MarketingLeadMagnet({ title, description, benefits, image, buttonText, formTitle, form, variant, open, defaultOpen, onOpenChange, className, }: MarketingLeadMagnetProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingLeadMagnet({ title, description, benefits, image, buttonText, formTitle, form, variant, open, defaultOpen, onOpenChange, className, }: MarketingLeadMagnetProps): import("react").JSX.Element;

package/dist/marketing/marketing-mega-menu.d.ts

@@ -1,2 +1,2 @@
 import type { MarketingMegaMenuProps } from './types.js';
-export declare function MarketingMegaMenu({ triggerId, open, onOpenChange, features, children, className, }: MarketingMegaMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MarketingMegaMenu({ triggerId, open, onOpenChange, features, children, className, }: MarketingMegaMenuProps): import("react").JSX.Element | null;

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

@@ -3,4 +3,4 @@ export declare function MarketingNavItem({ id, label, className, open, onToggle,
     className?: string;
     open?: boolean;
     onToggle?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/marketing/marketing-numbered-features.d.ts

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

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

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

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

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

package/dist/panel/inspector-field.d.ts

@@ -6,4 +6,4 @@ export interface InspectorFieldProps {
     hint?: ReactNode;
     className?: string;
 }
-export declare function InspectorField({ label, value, hint, className }: InspectorFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorField({ label, value, hint, className }: InspectorFieldProps): import("react").JSX.Element;

package/dist/panel/inspector-json.d.ts

@@ -4,4 +4,4 @@ export interface InspectorJSONProps {
     indent?: number;
     className?: string;
 }
-export declare function InspectorJSON({ data, indent, className }: InspectorJSONProps): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorJSON({ data, indent, className }: InspectorJSONProps): import("react").JSX.Element;

package/dist/panel/inspector.d.ts

@@ -4,4 +4,4 @@ export interface InspectorProps {
     defaultTab?: string;
     className?: string;
 }
-export declare function Inspector({ tabs, defaultTab, className }: InspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inspector({ tabs, defaultTab, className }: InspectorProps): import("react").JSX.Element;

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

@@ -9,4 +9,4 @@ export interface AvatarProps {
  * 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;
+export declare function Avatar({ src, displayName, className }: AvatarProps): import("react").JSX.Element;

package/dist/post-preview/platforms/bluesky.d.ts

@@ -12,4 +12,4 @@ export interface BlueSkyPreviewProps extends PostPreviewBaseProps {
  * BlueSky feed-card preview. Auto-formats the username with `.bsky.social`
  * if no domain is present.
  */
-export declare function BlueSkyPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: BlueSkyPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlueSkyPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: BlueSkyPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/discord.d.ts

@@ -41,4 +41,4 @@ export interface DiscordPreviewProps extends PostPreviewBaseProps {
  * Discord channel message preview. Renders the user message followed by
  * any embeds (unless `suppressEmbeds` is true).
  */
-export declare function DiscordPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, embeds, suppressEmbeds, }: DiscordPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiscordPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, embeds, suppressEmbeds, }: DiscordPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/facebook.d.ts

@@ -20,4 +20,4 @@ export interface FacebookPreviewProps extends PostPreviewBaseProps {
  * Facebook feed-card preview. Renders displayName, avatar, content, optional
  * media grid, and the standard Like/Comment/Share footer.
  */
-export declare function FacebookPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: FacebookPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FacebookPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: FacebookPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/generic.d.ts

@@ -19,4 +19,4 @@ export interface GenericPreviewProps extends PostPreviewBaseProps {
  * component. Layout is intentionally neutral so it composes well inside
  * `PlatformChrome` if a consumer wants to add device framing.
  */
-export declare function GenericPreview({ platform, displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: GenericPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function GenericPreview({ platform, displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: GenericPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/google-business.d.ts

@@ -15,4 +15,4 @@ export interface GoogleBusinessPreviewProps extends PostPreviewBaseProps {
  * Google Business Profile update-post preview. Renders the business name,
  * timestamp, content, optional media, and a Learn-more CTA button.
  */
-export declare function GoogleBusinessPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: GoogleBusinessPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoogleBusinessPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: GoogleBusinessPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/instagram.d.ts

@@ -28,4 +28,4 @@ export interface InstagramPreviewProps extends PostPreviewBaseProps {
  * Instagram preview supporting Feed / Carousel / Reel / Story layouts.
  * Auto-detects `carousel` when more than one media URL is present.
  */
-export declare function InstagramPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, instagramPostType, }: InstagramPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function InstagramPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, instagramPostType, }: InstagramPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/linkedin.d.ts

@@ -49,4 +49,4 @@ export interface LinkedInPreviewProps extends PostPreviewBaseProps {
  * content with optional `@mention` highlight spans, media grid, and the
  * standard Like/Comment/Repost/Send footer.
  */
-export declare function LinkedInPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, mentions, onMentionsChange, renderMentionPicker, }: LinkedInPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkedInPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, mentions, onMentionsChange, renderMentionPicker, }: LinkedInPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/telegram.d.ts

@@ -43,4 +43,4 @@ export interface TelegramPreviewProps extends PostPreviewBaseProps {
  * Telegram channel post preview. Renders a chat bubble with optional
  * poll, pinned indicator, and inline keyboard.
  */
-export declare function TelegramPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, poll, pinMessage, replyMarkup, }: TelegramPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TelegramPreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, poll, pinMessage, replyMarkup, }: TelegramPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/threads.d.ts

@@ -16,4 +16,4 @@ export interface ThreadsPreviewProps extends PostPreviewBaseProps {
  * Threads feed-card preview. Honors a parent `.dark` class for the dark
  * variant the platform itself uses.
  */
-export declare function ThreadsPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: ThreadsPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThreadsPreview({ displayName, username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: ThreadsPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/tiktok.d.ts

@@ -15,4 +15,4 @@ export interface TikTokPreviewProps extends PostPreviewBaseProps {
  * TikTok video-overlay preview. Always renders against a dark background to
  * match the platform's video-first UI.
  */
-export declare function TikTokPreview({ displayName, username, avatarUrl, content, editable, onContentChange, className, labels, }: TikTokPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TikTokPreview({ displayName, username, avatarUrl, content, editable, onContentChange, className, labels, }: TikTokPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/twitter.d.ts

@@ -37,4 +37,4 @@ export interface TwitterPreviewProps extends PostPreviewBaseProps {
  * Twitter / X feed-card preview. Supports light, dim, and lights-out
  * themes plus an optional `@mention` picker render slot.
  */
-export declare function TwitterPreview({ displayName, username, avatarUrl, content, mediaUrls, characterLimit, editable, onContentChange, className, labels, theme, renderMentionPicker, }: TwitterPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TwitterPreview({ displayName, username, avatarUrl, content, mediaUrls, characterLimit, editable, onContentChange, className, labels, theme, renderMentionPicker, }: TwitterPreviewProps): import("react").JSX.Element;

package/dist/post-preview/platforms/youtube.d.ts

@@ -14,4 +14,4 @@ export interface YouTubePreviewProps extends PostPreviewBaseProps {
 /**
  * YouTube community-post preview. Honors `.dark` for the dark variant.
  */
-export declare function YouTubePreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: YouTubePreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function YouTubePreview({ displayName, username: _username, avatarUrl, content, mediaUrls, editable, onContentChange, className, labels, }: YouTubePreviewProps): import("react").JSX.Element;

package/dist/primitives/avatar.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentProps } from 'react';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export interface AvatarProps extends Omit<ComponentProps<'span'>, 'children'> {
+    /** Person or entity name. Drives the accessible name and the initials. */
+    name: string;
+    /** Image URL. Falls back to initials when missing or when it fails to load. */
+    src?: string | null;
+    /** Override the computed initials (e.g. a single brand letter). */
+    initials?: string;
+    size?: AvatarSize;
+}
+/**
+ * Up to two initials from a name, letters only: the first letter of the first
+ * and of the last word. Digits, punctuation and emoji are ignored, so
+ * "Ali (Medal) 2" gives "AM" and "  " gives "". Any script is supported via
+ * Unicode letter classes ("Åse Øien" -> "ÅØ").
+ */
+export declare function getInitials(name: string): string;
+/**
+ * Image avatar with an initials fallback. The wrapper carries `role="img"` +
+ * `aria-label={name}`, so the name is announced once whether the photo or the
+ * initials are showing.
+ */
+export declare function Avatar({ name, src, initials, size, className, ...props }: AvatarProps): import("react").JSX.Element;

package/dist/primitives/avatar.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { cn } from '../lib/utils.js';
+const SIZE_CLASSES = {
+    sm: 'size-8 text-xs',
+    md: 'size-10 text-sm',
+    lg: 'size-12 text-base',
+};
+/**
+ * Up to two initials from a name, letters only: the first letter of the first
+ * and of the last word. Digits, punctuation and emoji are ignored, so
+ * "Ali (Medal) 2" gives "AM" and "  " gives "". Any script is supported via
+ * Unicode letter classes ("Åse Øien" -> "ÅØ").
+ */
+export function getInitials(name) {
+    const words = name
+        .split(/\s+/)
+        .map((word) => word.replace(/[^\p{L}]/gu, ''))
+        .filter(Boolean);
+    if (words.length === 0)
+        return '';
+    const first = words[0] ?? '';
+    const last = words.length > 1 ? (words[words.length - 1] ?? '') : '';
+    return (Array.from(first)[0] ?? '').concat(Array.from(last)[0] ?? '').toLocaleUpperCase();
+}
+/**
+ * Image avatar with an initials fallback. The wrapper carries `role="img"` +
+ * `aria-label={name}`, so the name is announced once whether the photo or the
+ * initials are showing.
+ */
+export function Avatar({ name, src, initials, size = 'md', className, ...props }) {
+    // Keyed by URL, so a new `src` automatically gets a fresh chance.
+    const [failedSrc, setFailedSrc] = useState(null);
+    const showImage = Boolean(src) && failedSrc !== src;
+    const text = initials ?? getInitials(name);
+    // An SSR-rendered <img> can fail before React hydrates and attaches
+    // onError; catch that case by inspecting the element once it mounts.
+    const imageRef = useCallback((image) => {
+        if (image?.complete && image.naturalWidth === 0 && src)
+            setFailedSrc(src);
+    }, [src]);
+    return (_jsx("span", { role: "img", "aria-label": name, "data-slot": "avatar", "data-size": size, "data-state": showImage ? 'image' : 'fallback', className: cn('relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-muted font-medium text-muted-foreground', SIZE_CLASSES[size], className), ...props, children: showImage ? (_jsx("img", { ref: imageRef, src: src ?? undefined, alt: "", decoding: "async", loading: "lazy", onError: () => setFailedSrc(src ?? null), className: "size-full object-cover" })) : (_jsx("span", { "aria-hidden": "true", "data-slot": "avatar-fallback", children: text })) }));
+}

package/dist/primitives/button.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonHTMLAttributes, ComponentProps, ReactNode } from 'react';
+import { type RenderElement } from '../lib/render-element.js';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends ComponentProps<'button'> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /**
+     * Shows a spinner, sets `aria-busy`, and swallows clicks while keeping the
+     * button focusable (so focus is not lost mid-submit) and its width stable.
+     */
+    loading?: boolean;
+    /** Screen-reader text announced while `loading`. Defaults to "Loading". */
+    loadingLabel?: string;
+    /**
+     * Render as another element (e.g. a router `<Link>` or `<a>`), merging
+     * meda's props and classes onto it — same pattern as `AuthProviderButton`.
+     */
+    render?: RenderElement<ButtonHTMLAttributes<HTMLElement>>;
+}
+export declare function Button({ variant, size, loading, loadingLabel, render, type, disabled, className, children, onClick, ...props }: ButtonProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/primitives/button.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoaderCircle } from 'lucide-react';
+import { renderElement } from '../lib/render-element.js';
+import { cn } from '../lib/utils.js';
+// Semantic tokens only, so a consumer's own `--primary` / `--secondary` /
+// `--accent` re-theme the button without touching meda.
+const VARIANT_CLASSES = {
+    primary: 'bg-primary text-primary-foreground hover:bg-primary/90',
+    secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+    ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',
+    outline: 'border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground',
+};
+const SIZE_CLASSES = {
+    sm: 'h-8 gap-1.5 px-3 text-xs [&_svg]:size-3.5',
+    md: 'h-10 gap-2 px-4 text-sm [&_svg]:size-4',
+    lg: 'h-11 gap-2 px-5 text-base [&_svg]:size-4',
+};
+export function Button({ variant = 'primary', size = 'md', loading = false, loadingLabel = 'Loading', render, type = 'button', disabled, className, children, onClick, ...props }) {
+    // A rendered link can't be natively disabled, so swallow its clicks too.
+    const inert = loading || (render !== undefined && Boolean(disabled));
+    const handleClick = (event) => {
+        if (inert) {
+            event.preventDefault();
+            return;
+        }
+        onClick?.(event);
+    };
+    const content = (_jsxs(_Fragment, { children: [loading ? (_jsxs(_Fragment, { children: [_jsx(LoaderCircle, { "data-slot": "button-spinner", "aria-hidden": "true", className: "animate-spin motion-reduce:animate-none" }), _jsx("span", { className: "sr-only", children: loadingLabel })] })) : null, children] }));
+    const buttonProps = {
+        ...props,
+        'data-slot': 'button',
+        'data-variant': variant,
+        'data-size': size,
+        'data-loading': loading || undefined,
+        'aria-busy': loading || undefined,
+        'aria-disabled': loading || undefined,
+        className: cn('relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-loading:cursor-progress [&_svg]:pointer-events-none [&_svg]:shrink-0', VARIANT_CLASSES[variant], SIZE_CLASSES[size], className),
+        onClick: handleClick,
+        children: content,
+    };
+    if (render) {
+        // Non-button hosts (links) have no `disabled`; expose it via ARIA instead.
+        return renderElement(render, {
+            ...buttonProps,
+            'aria-disabled': inert || undefined,
+            'data-disabled': disabled || undefined,
+        });
+    }
+    return _jsx("button", { type: type, disabled: disabled, ...buttonProps });
+}

package/dist/primitives/card.d.ts

@@ -3,10 +3,10 @@ export type CardProps = ComponentPropsWithoutRef<'div'>;
 export type CardHeaderProps = ComponentPropsWithoutRef<'div'>;
 export type CardBodyProps = ComponentPropsWithoutRef<'div'>;
 export type CardFooterProps = ComponentPropsWithoutRef<'div'>;
-declare function CardRoot({ children, className, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ children, className, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare function CardBody({ children, className, ...props }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ children, className, ...props }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function CardRoot({ children, className, ...props }: CardProps): import("react").JSX.Element;
+declare function CardHeader({ children, className, ...props }: CardHeaderProps): import("react").JSX.Element;
+declare function CardBody({ children, className, ...props }: CardBodyProps): import("react").JSX.Element;
+declare function CardFooter({ children, className, ...props }: CardFooterProps): import("react").JSX.Element;
 export declare const Card: typeof CardRoot & {
     Header: typeof CardHeader;
     Body: typeof CardBody;

package/dist/primitives/empty-state.d.ts

@@ -8,4 +8,4 @@ export interface EmptyStateProps extends Omit<ComponentPropsWithoutRef<'div'>, '
     action?: ReactNode;
     variant?: EmptyStateVariant;
 }
-export declare function EmptyState({ icon, title, description, action, variant, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon, title, description, action, variant, className, ...props }: EmptyStateProps): import("react").JSX.Element;