@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -1,33 +1,84 @@
+export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a4 as KPICell, a5 as KPIPanel, a6 as KPIPanelProps, a7 as KPITrend, a8 as ObjectionFAQ, a9 as ObjectionFAQProps, aa as ObjectionItem, ab as PartnerBenefit, ac as PartnerCalcInput, ad as PartnerCalcOutput, ae as PartnerDifferentiator, af as PartnerValueProp, ag as PartnerValuePropProps, ah as PricingCard, ai as PricingCardProps, aj as PricingFeature, ak as ProblemAgitation, al as ProblemAgitationProps, am as ROICalculator, an as ROICalculatorProps, ao as ROIComparisonItem, ap as SegmentSwitch, aq as SegmentSwitchProps, ar as StickyActionBar, as as StickyActionBarProps, at as ValueAnchor, au as ValueAnchorInput, av as ValueAnchorOutput, aw as ValueAnchorProps } from './index-BxMqCbqE.js';
+import * as React from 'react';
+import React__default, { ElementType, ComponentPropsWithRef, HTMLAttributes } from 'react';
 export { ColorPicker, ColorPickerProps, ThemeSelector, ThemeSelectorProps, VoidBackground, VoidBackgroundProps } from './theme/index.js';
-export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertProps, AlertVariant, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarImage, AvatarProps, BREAKPOINTS, Badge, BadgeProps, Box, BoxProps, Breakpoint, Button, ButtonGroup, ButtonGroupProps, ButtonProps, COLORS, CONTAINER_SIZE_MAP, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, Checkbox, CheckboxProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandGroup, CommandGroupProps, CommandInput, CommandItem, CommandItemProps, CommandList, CommandProps, CommandSeparator, Container, ContainerProps, ContainerSize, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuItemProps, ContextMenuLabel, ContextMenuProps, ContextMenuSeparator, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, EmptyStateProps, FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, FieldRenderProps, FormControl, FormDescription, FormField, FormFieldProps, FormItem, FormLabel, FormMessage, Grid, GridProps, Heading, HeadingProps, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, InputOTP, InputOTPGroup, InputOTPProps, InputOTPSeparator, InputOTPSlot, InputOTPSlotProps, LINE_HEIGHT, Label, LabelProps, MEDIA_QUERIES, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, Prose, ProseProps, RADIUS, Radio, RadioGroup, RadioGroupProps, RadioProps, RadiusToken, SHADOWS, SPACING, ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps, Section, SectionProps, Separator, SeparatorProps, Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetSide, SheetTitle, SheetTrigger, SheetTriggerProps, Skeleton, SkeletonProps, Slider, SliderProps, SpacingProps, SpacingToken, Stack, StackProps, StatusBadge, StatusBadgeProps, Switch, SwitchProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, ToastContext, ToastContextType, ToastItem, ToastProps, ToastProvider, ToastVariant, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleProps, Tooltip, TooltipContent, TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, VisuallyHidden, ZIndexToken, Z_INDEX, extractSpacingStyles, resolveSpacing, useFormField, useToast } from './core/index.js';
-import React__default from 'react';
+export { AnimationVariant, Avatar, AvatarFallback, AvatarImage, AvatarProps, BREAKPOINTS, Badge, BadgeProps, BadgeToneV2, Breakpoint, Button, ButtonProps, CARD_HOVER, COLORS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Checkbox, CheckboxProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, DISTANCE, DURATION, EASING, FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, HERO_ENTRANCE, LINE_HEIGHT, Label, LabelProps, MEDIA_QUERIES, MOTION, PANEL_CROSSFADE, PRESETS, RADIUS, REDUCED_PANEL_CROSSFADE, REDUCED_VARIANTS, RadiusToken, SECTION_REVEAL, SHADOWS, SPACING, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, Separator, SeparatorProps, Skeleton, SkeletonProps, SpacingToken, Switch, SwitchProps, TAB_SLIDE, TRANSITION, TextArea, TextAreaProps, VARIANTS, VARIANT_MAP, ZIndexToken, Z_INDEX } from './core/index.js';
 export { B as Breadcrumb, a as BreadcrumbEllipsis, b as BreadcrumbEllipsisProps, c as BreadcrumbItem, d as BreadcrumbItemProps, e as BreadcrumbLink, f as BreadcrumbLinkProps, g as BreadcrumbList, h as BreadcrumbListProps, i as BreadcrumbPage, j as BreadcrumbPageProps, k as BreadcrumbProps, l as BreadcrumbSeparator, m as BreadcrumbSeparatorProps } from './Breadcrumb-RX-B_gDV.js';
-export { FooterCTA, FooterLink, FooterSection, FooterTrustBadge, LocaleDropdown, LocaleDropdownProps, LocaleOption, MDXOutboundLink, NavbarMegaMenu, NavbarMegaMenuItem, NavbarMegaMenuItemProps, NavbarMegaMenuProps, NavbarMegaMenuSection, NavbarMegaMenuSectionProps, NavbarMobileActions, NavbarMobileNavItem, NavbarMobileNavItemProps, NavbarMobileSeparator, NavbarV2, NavbarV2Actions, NavbarV2Brand, NavbarV2BrandProps, NavbarV2Props, NavbarV2Tab, NavbarV2TabMenu, NavbarV2TabMenuProps, NavbarV2TabProps, NavbarV2Tabs, OutboundClickEventDetail, OutboundLink, OutboundLinkProps, SiteFooter, SiteFooterProps, appendGovernedUTMs, appendUTMs, isExemptUrl } from './nav/index.js';
+export { FooterCTA, FooterLink, FooterSection, FooterTrustBadge, LocaleDropdown, LocaleDropdownProps, LocaleOption, MDXOutboundLink, NavbarV2, NavbarV2Actions, NavbarV2Brand, NavbarV2BrandProps, NavbarV2Props, NavbarV2Tab, NavbarV2TabMenu, NavbarV2TabMenuProps, NavbarV2TabProps, NavbarV2Tabs, OutboundClickEventDetail, OutboundLink, OutboundLinkProps, SiteFooter, SiteFooterProps, appendGovernedUTMs, appendUTMs, isExemptUrl } from './nav/index.js';
 export { b as SectionHeader, S as SectionHeaderProps, c as SectionShell, a as SectionShellProps } from './SectionShell-CrgrzWK6.js';
 export { C as CTASection, a as CTASectionProps, F as FeatureItem, b as FeatureSection, c as FeatureSectionProps, H as HeroSection, d as HeroSectionProps, S as StatItem, e as StatsSection, f as StatsSectionProps } from './StatsSection-BvgUXtrd.js';
-export { Author, CardMetric, LogoItem, Media, MetricCounter, MetricCounterProps, Platform, PlatformBadge, PlatformBadgeProps, SocialProof, SocialProofCard, SocialProofCardProps, SocialProofCarousel, SocialProofCarouselProps, SocialProofFeatured, SocialProofFeaturedProps, SocialProofGrid, SocialProofGridProps, SocialProofLogos, SocialProofLogosProps, StarRating, StarRatingProps, VerticalVideoGrid, VerticalVideoGridProps, VideoLightbox, VideoLightboxProps } from './social-proof/index.js';
-export { AnalysisProgress, BehavioralSignals, ChangeEmail, ChangeEmailLabels, ChangeEmailProps, DataTable, DataTableBody, DataTableCell, DataTableHead, DataTableHeader, DataTableProps, DataTableRow, EngagementTip, FloatingTabBar, FloatingTabBarProps, ForgotPassword, ForgotPasswordLabels, ForgotPasswordProps, LeadProfile, LeadProfileState, LeadProfileView, LeadProfileViewProps, Login, LoginLabels, LoginProps, MBTIScore, NavItem, Shell, ShellProps, Sidebar, SidebarItem, SidebarItemProps, SidebarProps, SidebarSection, SidebarSectionProps, Signup, SignupLabels, SignupProps, TabItem, TabItemProps } from './admin/index.js';
-export { AgitationPoint, AnnouncementBar, AnnouncementBarProps, ArchitectureConnection, ArchitectureDiagram, ArchitectureDiagramProps, ArchitectureNode, ArchitectureNodeType, BeforeAfterBlock, BeforeAfterBlockProps, BeforeAfterItem, BeforeAfterSide, BookingEmbed, BookingEmbedProps, CaseStudyCard, CaseStudyCardProps, CaseStudyMetric, CaseStudySection, CaseStudySectionProps, ComparisonColumn, ComparisonRow, ComparisonTable, ComparisonTableProps, CompetitorDiff, CompetitorDiffItem, CompetitorDiffProps, ComplianceGrid, ComplianceGridProps, ComplianceItem, ComplianceStatus, EcosystemConnection, EcosystemDiagram, EcosystemDiagramProps, EcosystemLayer, EnterpriseSLA, EnterpriseSignalCategory, EnterpriseSignalItem, EnterpriseSignalStatus, EnterpriseSignaling, EnterpriseSignalingProps, EraSentiment, EvolutionEra, EvolutionTimeline, EvolutionTimelineProps, ExitIntentOverlay, ExitIntentOverlayProps, GuaranteeHighlight, GuaranteeHighlightProps, ICPFilter, ICPFilterItem, ICPFilterProps, IntegrationEntry, IntegrationShowcase, IntegrationShowcaseProps, IntelligenceBlock, IntelligenceBlockProps, IntelligenceCapability, IntelligenceMetric, IntentCTA, IntentCTAProps, IntentStage, IntentTriggerType, LeadCaptureForm, LeadCaptureFormProps, ManifestoAttribution, ManifestoBlock, ManifestoBlockProps, ObjectionFAQ, ObjectionFAQProps, ObjectionItem, PartnerBenefit, PartnerCalcInput, PartnerCalcOutput, PartnerDifferentiator, PartnerValueProp, PartnerValuePropProps, PricingCard, PricingCardProps, PricingFeature, PricingSection, PricingSectionProps, PricingToggle, PricingToggleProps, ProblemAgitation, ProblemAgitationProps, ProcessTimeline, ProcessTimelineProps, ROICalculator, ROICalculatorProps, ROIComparisonItem, SecurityBlock, SecurityBlockProps, SecurityCertification, SegmentSwitch, SegmentSwitchProps, StakeholderContent, StakeholderDefinition, StakeholderTabs, StakeholderTabsProps, StickyActionBar, StickyActionBarProps, TimelineStep, ValueAnchor, ValueAnchorInput, ValueAnchorOutput, ValueAnchorProps, VideoEmbed, VideoEmbedProps } from './marketing/index.js';
-export { ArticleCard, ArticleCardProps, ArticleLayout, ArticleLayoutProps, AuthorBio, AuthorBioProps, AuthorLink, BrowserFrame, BrowserFrameProps, DataHighlight, DataHighlightProps, InsightCallout, InsightCalloutProps, LongFormLayout, LongFormLayoutProps, ReadingProgress, ReadingProgressProps, RelatedContent, RelatedContentProps, SeriesEdition, TOCItem, TableOfContents, TableOfContentsProps, VersionedSeriesNavigator, VersionedSeriesNavigatorProps, VersionedUpgradeAlert, VersionedUpgradeAlertProps } from './blog/index.js';
-export { CursorSpotlight, CursorSpotlightProps, FunnelScalingSender, FunnelScalingSenderProps, MotionContainer, MotionContainerProps, MotionText, MotionTextProps, RevenueAutomationLoop, RevenueAutomationLoopProps, SpotlightCard, SpotlightCardProps } from './motion/index.js';
+export { NavItem, Shell, ShellProps, Sidebar, SidebarItem, SidebarItemProps, SidebarProps, SidebarSection, SidebarSectionProps } from './admin/index.js';
+export { MetricCounter, MetricCounterProps, Platform, PlatformBadge, PlatformBadgeProps, StarRating, StarRatingProps, VideoLightbox, VideoLightboxProps } from './social-proof/index.js';
+export { ArticleCard, ArticleCardProps, AuthorBio, AuthorBioProps, AuthorLink, BrowserFrame, BrowserFrameProps, LongFormLayout, LongFormLayoutProps, ReadingProgress, ReadingProgressProps, RelatedContent, RelatedContentProps, TOCItem, TableOfContents, TableOfContentsProps } from './blog/index.js';
+export { CursorSpotlight, CursorSpotlightProps, SpotlightCard, SpotlightCardProps } from './motion/index.js';
 export { A as AppearanceContextValue, a as AppearanceProvider, b as AppearanceProviderProps, c as AppearanceSettings, B as Brand, D as Density, N as NavPlacement, R as Radius, T as Theme, d as accentForegroundRgb, h as hexToRgb, i as initializeAppearance, p as prefersReducedMotion, r as relativeLuminance, u as useAppearance } from './AppearanceProvider-B_o-H39e.js';
-export { A as AppearancePanel, a as AppearancePanelLabels, b as AppearancePanelProps } from './AppearancePanel-UT57J69V.js';
-export { DSIntlProvider, DSIntlProviderProps, MessageValues, alertMessages, allMessages, appearanceMessages, authMessages, calendarMessages, carouselMessages, commonMessages, dialogMessages, formMessages, methodologyMessages, navigationMessages, paginationMessages, reportMessages, toastMessages, useDateFormat, useIsRTL, useLocale, useMessage, useNumberFormat, useRelativeTime, useTextDirection } from './i18n/index.js';
+export { DSIntlProvider, DSIntlProviderProps, MessageValues, alertMessages, allMessages, appearanceMessages, authMessages, bookingEmbedMessages, calendarMessages, carouselMessages, commonMessages, dialogMessages, formMessages, methodologyMessages, navigationMessages, paginationMessages, reportMessages, toastMessages, useDateFormat, useIsRTL, useLocale, useMessage, useNumberFormat, useRelativeTime, useTextDirection } from './i18n/index.js';
 export { FormattedDate, FormattedMessage, FormattedNumber, MessageDescriptor, defineMessages } from 'react-intl';
-export { A as AnimationVariant, C as CARD_HOVER, D as DISTANCE, a as DURATION, E as EASING, H as HERO_ENTRANCE, M as MOTION, P as PANEL_CROSSFADE, b as PRESETS, R as REDUCED_PANEL_CROSSFADE, c as REDUCED_VARIANTS, S as SECTION_REVEAL, T as TAB_SLIDE, d as TRANSITION, V as VARIANTS, e as VARIANT_MAP } from './motion-C651Ry6d.js';
-export { C as CaveatBlock, a as CaveatBlockProps, b as ConfidenceIndicator, c as ConfidenceIndicatorProps, D as DataCoverageBadge, d as DataCoverageBadgeProps, e as DataStateIndicator, f as DataStateIndicatorProps, E as EvidenceGroup, g as EvidenceGroupProps, h as ExecutiveThesis, i as ExecutiveThesisProps, j as ExportFormat, k as ExportMenu, l as ExportMenuProps, m as ExportOption, I as InsightBlock, n as InsightBlockProps, K as KeyMetric, o as KeyMetricProps, M as MethodologyNote, p as MethodologyNoteLabels, q as MethodologyNoteProps, R as ReportShell, r as ReportShellProps, T as TrendIndicator, s as TrendIndicatorProps } from './ExportMenu-C8qck5AT.js';
-export { BarChart, BarChartProps, BarConfig, Chart, ChartContainer, ChartContainerProps, ChartDimension, ChartMeasure, ChartProps, ChartSwitchControl, ChartSwitchControlProps, FunnelChart, FunnelChartProps, FunnelStage, HeatmapCell, HeatmapChart, HeatmapChartProps, LineChart, LineChartProps, LineConfig, MBTIDimensions, MBTIRadar, MBTIRadarProps, MBTITypeCount, MBTITypeGrid, MBTITypeGridProps, PieChart, PieChartDataItem, PieChartProps } from './charts/index.js';
-export { S as Select, a as SelectContent, b as SelectContentProps, c as SelectGroup, d as SelectGroupProps, e as SelectItem, f as SelectItemProps, g as SelectProps, h as SelectSeparator, i as SelectTrigger, j as SelectTriggerProps } from './Select-BdZmK0Lt.js';
 export { F as FirstTouchAttribution, a as UrlClassification, b as UtmAuditEntry, c as UtmBlockedError, d as UtmCampaign, e as UtmComplianceResult, f as UtmComplianceStatus, g as UtmConfidence, h as UtmContent, i as UtmMedium, j as UtmMediumAppPage, k as UtmMediumMessaging, l as UtmMediumWebPage, m as UtmOverrides, U as UtmParams, n as UtmSource, o as UtmSourceRequiringSeller, p as UtmTerm } from './types-D5bPCZi6.js';
 export { U as UTM_CAMPAIGNS, a as UTM_CONTENTS, b as UTM_MEDIUMS_ALL, c as UTM_MEDIUMS_APP, d as UTM_MEDIUMS_MESSAGING, e as UTM_MEDIUMS_WEB, f as UTM_SOURCES, g as UTM_SOURCES_REQUIRING_SELLER, h as UTM_TERMS, i as buildBlockedError, j as buildUtmUrl, k as classifyAndEnforce, l as classifyUrl, m as createAuditEntry, n as isUtmExempt, o as isValidUtmParams, p as parseUtmParams, r as requiresSellerAttribution, q as requiresUtm, t as toFirstTouchAttribution, v as validateCompliance, s as validateUtmField } from './audit-oRc-Dccv.js';
-import '@base-ui/react/dialog';
 import 'react/jsx-runtime';
-import '@base-ui/react/tooltip';
-import '@base-ui/react/menu';
-import 'framer-motion';
-import './chart-types-BGVVO-zl.js';
 
-type GradientPreset = 'brand' | 'rainbow' | 'sunset';
+type VignetteIntensity = 'light' | 'base' | 'heavy';
+interface VignetteProps {
+    /**
+     * Controls vignette strength (maps to token --vignette-light/-base/-heavy).
+     * @default 'base'
+     */
+    intensity?: VignetteIntensity;
+    /**
+     * Polymorphic element type.
+     * @default 'div'
+     */
+    as?: ElementType;
+    /** Additional CSS class names. */
+    className?: string;
+    /** Optional children rendered inside the vignette element. */
+    children?: React__default.ReactNode;
+}
+/**
+ * Vignette — v2 page-level radial-gradient dark mask primitive.
+ *
+ * Renders a full-frame overlay using --vignette-* tokens.
+ * Usually composed behind content and under AuroraVoid.
+ *
+ * @since v2
+ */
+declare const Vignette: React__default.ForwardRefExoticComponent<VignetteProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type GridOverlayCell = '64' | '120';
+interface GridOverlayProps {
+    /**
+     * Grid cell size.
+     * - '64' = 64px (web layout grid)
+     * - '120' = 120px (social/large format grid)
+     * @default '64'
+     */
+    cell?: GridOverlayCell;
+    /**
+     * Opacity of the grid lines. Applied via inline style.
+     * @default 0.04
+     */
+    opacity?: number;
+    /**
+     * When true, applies an edge-fade mask to soften the grid perimeter.
+     * @default true
+     */
+    mask?: boolean;
+    /** Additional CSS class names. */
+    className?: string;
+}
+/**
+ * GridOverlay — v2 CSS grid pattern overlay primitive.
+ *
+ * Renders subtle grid lines as background-image linear-gradients.
+ * Supports 64px web grid and 120px social/large-format grid.
+ * Designed as a debugging/design-aid layer and used in social templates.
+ *
+ * @since v2
+ */
+declare const GridOverlay: React.ForwardRefExoticComponent<GridOverlayProps & React.RefAttributes<HTMLDivElement>>;
+
+type GradientPreset = 'brand' | 'rainbow' | 'sunset' | 'aurora-pink-gold' | 'aurora-plum-pink' | 'display-headline';
 interface GradientTextProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     /** Gradient color preset. Default: 'brand' (SalesMind pink→gold) */
     gradient?: GradientPreset;
@@ -37,6 +88,240 @@ interface GradientTextProps extends React__default.HTMLAttributes<HTMLSpanElemen
 }
 declare const GradientText: React__default.ForwardRefExoticComponent<GradientTextProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+/** Semantic tone values shared across Badge, Chip, and StatusBadge. */
+type BadgeTone = 'aurora-pink' | 'aurora-gold' | 'aurora-plum' | 'status-success' | 'status-warning' | 'status-error' | 'neutral';
+interface StatusBadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Semantic tone — maps to a colour family.
+     * - `'aurora-pink'` / `'aurora-gold'` / `'aurora-plum'` — aurora colour tones
+     * - `'status-success'` — green; used for "Lead replied", positive states
+     * - `'status-warning'` — amber; used for "Pending", needs-attention states
+     * - `'status-error'` — red; used for failure or critical states
+     * - `'neutral'` — muted glass, no colour association
+     * @default 'neutral'
+     */
+    tone?: BadgeTone;
+    /**
+     * When true, renders a small colour dot before the label.
+     * Useful for "online" or state indicators.
+     * @default false
+     */
+    dot?: boolean;
+}
+/**
+ * StatusBadge — state indicator with optional dot and tone system.
+ *
+ * **Semantic distinction:**
+ * - `Badge` = static metadata (e.g. "NEW", "BETA")
+ * - `StatusBadge` = dynamic state indicator (success/warning/error/info)
+ * - `Chip` = removable selection token
+ *
+ * @example
+ * <StatusBadge tone="status-success" dot>Lead replied</StatusBadge>
+ * <StatusBadge tone="status-warning">Pending</StatusBadge>
+ */
+declare const StatusBadge: React__default.ForwardRefExoticComponent<StatusBadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+interface ChipProps {
+    /**
+     * Display label of the chip.
+     * @example 'KEEN: AURORA'
+     */
+    label: string;
+    /**
+     * Callback invoked when the dismiss (×) button is clicked.
+     * When provided, a dismiss button is rendered.
+     */
+    onRemove?: () => void;
+    /**
+     * Semantic tone — maps to a colour family.
+     * - `'aurora-pink'` / `'aurora-gold'` / `'aurora-plum'` — aurora palette
+     * - `'status-success'` / `'status-warning'` / `'status-error'` — state colours
+     * - `'neutral'` — muted glass (default)
+     * @default 'neutral'
+     */
+    tone?: BadgeTone;
+    /**
+     * When true, the chip is non-interactive and shows reduced opacity.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Size variant.
+     * - `'sm'` = compact pill, 0.6875rem text
+     * - `'md'` = standard pill, 0.75rem text (default)
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    /** Additional CSS class names. */
+    className?: string;
+}
+/**
+ * Chip — removable selection token (filter pill).
+ *
+ * **Semantic distinction:**
+ * - `Badge` = static metadata (e.g. "NEW", "BETA")
+ * - `StatusBadge` = dynamic state indicator (success/warning/error)
+ * - `Chip` = removable selection token with dismiss action
+ *
+ * @example
+ * <Chip label="KEEN: AURORA" tone="aurora-pink" onRemove={() => remove('aurora')} />
+ * <Chip label="Glass" tone="neutral" />
+ */
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+
+type LeadStatus = 'replied' | 'opened' | 'pending';
+interface LeadAction {
+    /** Button label. */
+    label: string;
+    /** Callback invoked on click. */
+    onClick: () => void;
+}
+interface LeadNotificationProps {
+    /**
+     * Lead first + last name.
+     * @example 'Sarah Patel'
+     */
+    name?: string;
+    /**
+     * Lead company name. Use fictional brands only (D7: Acme, Northwind, Examplco, etc.)
+     * @example 'Acme'
+     */
+    company?: string;
+    /**
+     * Quoted excerpt from the lead's reply.
+     * @example 'This looks promising — can we hop on a 15-minute call this week?'
+     */
+    quote?: string;
+    /**
+     * Current lead status — determines StatusBadge tone and label.
+     * - `'replied'` → success tone ("Lead replied")
+     * - `'opened'` → warning tone ("Email opened")
+     * - `'pending'` → neutral tone ("Awaiting reply")
+     * @default 'replied'
+     */
+    status?: LeadStatus;
+    /**
+     * Primary CTA button (accept, schedule, etc.).
+     * @default { label: 'Accept', onClick: noop }
+     */
+    primaryAction?: LeadAction;
+    /**
+     * Secondary CTA button (snooze, dismiss, etc.).
+     * @default { label: 'Snooze 1h', onClick: noop }
+     */
+    secondaryAction?: LeadAction;
+    /** Additional CSS class names. */
+    className?: string;
+}
+/**
+ * LeadNotification — hero notification card for an active lead reply.
+ *
+ * Composes Card v2 (tier=1, aurora=true) + StatusBadge + Button v2.
+ * Fictional demo brands only (D7): Acme, Northwind, Examplco, Initech, Globex.
+ *
+ * @example
+ * <LeadNotification
+ *   name="Sarah Patel"
+ *   company="Acme"
+ *   quote="This looks promising — can we hop on a 15-minute call?"
+ *   status="replied"
+ *   primaryAction={{ label: 'Accept', onClick: handleAccept }}
+ *   secondaryAction={{ label: 'Snooze 1h', onClick: handleSnooze }}
+ * />
+ */
+declare const LeadNotification: React.ForwardRefExoticComponent<LeadNotificationProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * _markSvg — internal shared SVG ellipse mark.
+ *
+ * Single source of truth for the SalesMind AI aurora ellipse mark.
+ * Used by MarkLockup and Logo to avoid duplication.
+ *
+ * @internal — not exported from the barrel; import via relative path only.
+ */
+declare const MARK_SIZES: {
+    readonly sm: 20;
+    readonly md: 28;
+    readonly lg: 40;
+};
+
+interface MarkLockupOwnProps {
+    /**
+     * Size scale of the lockup.
+     * - `'sm'` = 20px ellipse mark, 14px wordmark
+     * - `'md'` = 28px ellipse mark, 16px wordmark (default)
+     * - `'lg'` = 40px ellipse mark, 18px wordmark
+     * @default 'md'
+     */
+    size?: keyof typeof MARK_SIZES;
+    /**
+     * When true, renders the wordmark in light colour (--text-primary at full opacity).
+     * Use on aurora-gradient or dark backgrounds.
+     * @default false
+     */
+    inverted?: boolean;
+    /** Additional CSS class names. */
+    className?: string;
+}
+type MarkLockupProps = MarkLockupOwnProps & Omit<ComponentPropsWithRef<'div'>, keyof MarkLockupOwnProps>;
+/**
+ * MarkLockup — SalesMind AI brand mark + wordmark.
+ *
+ * Renders an inline SVG ellipse mark (aurora-pink → aurora-gold gradient)
+ * alongside the "SalesMind AI" wordmark in Anton (--font-family-display).
+ *
+ * @example
+ * <MarkLockup />
+ * <MarkLockup size="lg" inverted />
+ */
+declare const MarkLockup: React.ForwardRefExoticComponent<Omit<MarkLockupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type LogoVariant = 'mark-only' | 'wordmark-only' | 'lockup';
+type LogoTone = 'aurora' | 'mono-light' | 'mono-dark';
+type LogoSize = 'sm' | 'md' | 'lg';
+interface LogoOwnProps {
+    /**
+     * Visual variant.
+     * - `'lockup'` — mark + wordmark side by side (default)
+     * - `'mark-only'` — aurora ellipse mark alone
+     * - `'wordmark-only'` — "SalesMind AI" text alone
+     * @default 'lockup'
+     */
+    variant?: LogoVariant;
+    /**
+     * Colour tone for surface adaptation.
+     * - `'aurora'` — coloured aurora gradient mark, dark wordmark (default)
+     * - `'mono-light'` — white mark + white wordmark (for dark/coloured backgrounds)
+     * - `'mono-dark'` — dark-tone mark + dark wordmark (for light backgrounds)
+     * @default 'aurora'
+     */
+    tone?: LogoTone;
+    /**
+     * Size scale.
+     * - `'sm'` = 20px mark, 14px wordmark
+     * - `'md'` = 28px mark, 16px wordmark (default)
+     * - `'lg'` = 40px mark, 18px wordmark
+     * @default 'md'
+     */
+    size?: LogoSize;
+    /** Additional CSS class names. */
+    className?: string;
+}
+type LogoProps = LogoOwnProps & Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof LogoOwnProps>;
+/**
+ * Logo — SalesMind AI brand identity component.
+ *
+ * Composes the aurora ellipse mark and/or "SalesMind AI" wordmark.
+ * Uses the same mark SVG as MarkLockup (single source of truth).
+ *
+ * @example
+ * <Logo />
+ * <Logo variant="mark-only" size="lg" />
+ * <Logo variant="wordmark-only" tone="mono-light" />
+ */
+declare const Logo: React.ForwardRefExoticComponent<LogoOwnProps & Omit<HTMLAttributes<HTMLDivElement>, "children" | keyof LogoOwnProps> & React.RefAttributes<HTMLDivElement>>;
+
 interface FlowchartBadgeProps extends React__default.ComponentPropsWithoutRef<'div'> {
     icon?: React__default.ReactNode;
     color?: 'default' | 'accent' | 'success' | 'warning';
@@ -63,4 +348,4 @@ declare const FlowchartCardHeader: React__default.ForwardRefExoticComponent<Omit
 declare const FlowchartCardTitle: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
 declare const FlowchartCardContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-export { FlowchartBadge, type FlowchartBadgeProps, FlowchartCard, FlowchartCardContent, FlowchartCardHeader, type FlowchartCardProps, FlowchartCardTitle, FlowchartConnector, type FlowchartConnectorProps, type GradientPreset, GradientText, type GradientTextProps };
+export { type BadgeTone, Chip, type ChipProps, FlowchartBadge, type FlowchartBadgeProps, FlowchartCard, FlowchartCardContent, FlowchartCardHeader, type FlowchartCardProps, FlowchartCardTitle, FlowchartConnector, type FlowchartConnectorProps, type GradientPreset, GradientText, type GradientTextProps, GridOverlay, type GridOverlayCell, type GridOverlayProps, type LeadAction, LeadNotification, type LeadNotificationProps, type LeadStatus, Logo, type LogoProps, type LogoSize, type LogoTone, type LogoVariant, MarkLockup, type MarkLockupProps, StatusBadge, type StatusBadgeProps, Vignette, type VignetteIntensity, type VignetteProps };