@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/index.d.ts

@@ -1,1878 +1,68 @@
-import { ClassValue } from 'clsx';
-import * as React from 'react';
-import { HTMLAttributes, ComponentProps } from 'react';
-import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Progress as Progress$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Tooltip as Tooltip$1, Tabs as Tabs$1 } from 'radix-ui';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as RechartsPrimitive from 'recharts';
-import { SortingState, ColumnDef } from '@tanstack/react-table';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { LucideIcon } from 'lucide-react';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-declare function useIsMobile(): boolean;
-
-interface ActivityThreadMessage {
-    id: string;
-    sender: string;
-    time: string;
-    content: string;
-    isCurrent?: boolean;
-    to?: string;
-    cc?: string;
-    subject?: string;
-}
-interface ActivityParticipant {
-    name: string;
-    role?: string;
-}
-interface ActivityDetailData {
-    icon: React.ReactNode;
-    title: string;
-    details: string;
-    content?: string;
-    time: string;
-    source: string;
-    sourceIcon?: React.ReactNode;
-    type?: "email" | "call" | "meeting" | "signal";
-    thread?: ActivityThreadMessage[];
-    participants?: ActivityParticipant[];
-    tags?: string[];
-    externalUrl?: string;
-}
-interface ActivityDetailProps {
-    activity: ActivityDetailData;
-    onBack?: () => void;
-    actions?: React.ReactNode;
-}
-declare function ActivityDetail({ activity, onBack, actions }: ActivityDetailProps): React.JSX.Element;
-
-interface ActivityLogItem {
-    id: string;
-    type: "workout" | "weighin" | "biometric" | "checkin" | string;
-    title: string;
-    details: string;
-    date: string;
-    time: string;
-}
-interface ActivityLogProps {
-    items: ActivityLogItem[];
-    title?: string;
-    initialLimit?: number;
-}
-declare function ActivityRow({ item }: {
-    item: ActivityLogItem;
-}): React.JSX.Element;
-declare function ActivityLog({ items, title, initialLimit }: ActivityLogProps): React.JSX.Element;
-
-declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
-    size?: "default" | "sm" | "lg";
-}): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>): React.JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-
-interface BarSeries {
-    dataKey: string;
-    color: string;
-    name?: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    barSize?: number;
-}
-interface BarChartComponentProps {
-    data: Record<string, unknown>[];
-    bars: BarSeries[];
-    height?: number;
-    xAxisKey?: string;
-    showGrid?: boolean;
-    showLegend?: boolean;
-    barGap?: number;
-    className?: string;
-}
-declare function BarChartComponent({ data, bars, height, xAxisKey, showGrid, showLegend, barGap, className, }: BarChartComponentProps): React.JSX.Element;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-
-declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): React.JSX.Element;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => React.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-type TooltipPayloadItem = {
-    name?: string;
-    value?: number | string;
-    dataKey?: string;
-    payload?: Record<string, unknown>;
-    color?: string;
-    fill?: string;
-};
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<"div"> & {
-    active?: boolean;
-    payload?: TooltipPayloadItem[];
-    label?: string;
-    labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode;
-    formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-    labelClassName?: string;
-    color?: string;
-}): React.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-type LegendPayloadItem = {
-    value?: string;
-    dataKey?: string;
-    [key: string]: unknown;
-};
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
-    payload?: LegendPayloadItem[];
-    verticalAlign?: "top" | "bottom";
-    hideIcon?: boolean;
-    nameKey?: string;
-}): React.JSX.Element | null;
-
-interface ChartTooltipEntry {
-    name?: string;
-    value?: number | string;
-    dataKey?: string;
-    color?: string;
-    stroke?: string;
-    fill?: string;
-}
-interface SimpleChartTooltipProps {
-    active?: boolean;
-    payload?: ChartTooltipEntry[];
-    label?: string;
-    formatter?: (value: number | string, name: string) => [string, string];
-    className?: string;
-}
-declare function SimpleChartTooltip({ active, payload, label, formatter, className, }: SimpleChartTooltipProps): React.JSX.Element | null;
-declare const CHART_TOOLTIP_STYLE: React.CSSProperties;
-declare const CHART_CURSOR_STYLE: {
-    stroke: string;
-    strokeWidth: number;
-    strokeDasharray: string;
-};
-
-interface ContactChannel {
-    type: "linkedin" | "gmail" | "salesforce" | "phone" | "custom";
-    icon: React.ReactNode;
-    label?: string;
-    onClick?: () => void;
-}
-interface ContactItem {
-    id: string;
-    name: string;
-    role: string;
-    badge?: {
-        label: string;
-        color?: "indigo" | "green" | "amber" | "red" | "muted";
-    };
-    channels?: ContactChannel[];
-    action?: {
-        label: string;
-        onClick?: () => void;
-    };
-    description?: string;
-    onDismiss?: () => void;
-}
-interface ContactListProps {
-    title?: string;
-    count?: string;
-    contacts: ContactItem[];
-    onAdd?: () => void;
-    addLabel?: string;
-}
-declare function ContactList({ title, count, contacts, onAdd, addLabel }: ContactListProps): React.JSX.Element;
-
-declare function TopTasksCard({ onViewAll }: {
-    onViewAll?: () => void;
-}): React.JSX.Element;
-declare function UpcomingMeetingsCard(): React.JSX.Element;
-declare function RecentlyCompletedCard(): React.JSX.Element;
-declare function CheckInsCard(): React.JSX.Element;
-
-interface DataTableFilterCategory {
-    id: string;
-    label: string;
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-    options: string[];
-}
-interface DataTableFilterProps {
-    categories: DataTableFilterCategory[];
-    selectedFilters: Record<string, string[]>;
-    onToggleFilter: (categoryId: string, option: string) => void;
-}
-declare function DataTableFilter({ categories, selectedFilters, onToggleFilter, }: DataTableFilterProps): React.JSX.Element;
-
-type DataRow = {
-    id: string;
-    name: string;
-    industry: string[];
-    accountRisks: string[];
-    riskScore: number;
-    expansionScore: number;
-    growthIndicators: string[];
-    lastInteraction: string;
-    lastInteractionDays: number;
-    createdAt: string;
-    revenue: string;
-    headcount: string;
-    lastFunding: string;
-    owner: string;
-    opportunityCount: number;
-    productAdoptionScore: number;
-};
-interface DataTableProps {
-    onRowClick?: (row: DataRow) => void;
-    rows?: DataRow[];
-    filterCategories?: DataTableFilterCategory[];
-    quickViews?: string[];
-    moreQuickViews?: string[];
-    quickViewFilters?: Record<string, (row: DataRow) => boolean>;
-    iconMap?: {
-        salesforce?: string;
-    };
-    entityUrlBuilder?: (row: DataRow) => string;
-    onScoreFactorFeedback?: (account: string, scoreType: string, factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    onScoreApproveFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-    onScoreDismissFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-}
-declare function DataTable({ onRowClick, rows: rowsProp, filterCategories: filterCategoriesProp, quickViews: quickViewsProp, moreQuickViews: moreQuickViewsProp, quickViewFilters: quickViewFiltersProp, iconMap, entityUrlBuilder, onScoreFactorFeedback, onScoreApproveFeedback, onScoreDismissFeedback, }?: DataTableProps): React.JSX.Element;
-
-interface DataTableDisplayColumn {
-    id: string;
-    label: string;
-    visible: boolean;
-    canHide: boolean;
-}
-interface DataTableDisplayProps {
-    sorting: SortingState;
-    onSortingChange: (next: SortingState) => void;
-    columns: DataTableDisplayColumn[];
-    onToggleColumn: (columnId: string) => void;
-    onReset: () => void;
-}
-declare function DataTableDisplay({ sorting, onSortingChange, columns, onToggleColumn, onReset, }: DataTableDisplayProps): React.JSX.Element;
-
-type DataTableQuickViewValue = string | null;
-interface DataTableQuickViewsProps {
-    quickViews: string[];
-    moreViews: string[];
-    activeView: DataTableQuickViewValue;
-    onViewChange: (next: DataTableQuickViewValue) => void;
-    className?: string;
-}
-declare function DataTableQuickViews({ quickViews, moreViews, activeView, onViewChange, className, }: DataTableQuickViewsProps): React.JSX.Element;
-
-interface DataTableToolbarProps {
-    categories: DataTableFilterCategory[];
-    selectedFilters: Record<string, string[]>;
-    onToggleFilter: (categoryId: string, option: string) => void;
-    sorting: SortingState;
-    onSortingChange: (next: SortingState) => void;
-    displayColumns: DataTableDisplayColumn[];
-    onToggleColumn: (columnId: string) => void;
-    onResetDisplay: () => void;
-}
-declare function DataTableToolbar({ categories, selectedFilters, onToggleFilter, sorting, onSortingChange, displayColumns, onToggleColumn, onResetDisplay, }: DataTableToolbarProps): React.JSX.Element;
-
-declare function DetailViewHeader({ title, breadcrumbs, badges, onBack, }: {
-    title: string;
-    breadcrumbs: React.ReactNode;
-    badges: React.ReactNode;
-    onBack?: () => void;
-}): React.JSX.Element;
-declare function DetailViewSummary({ title, children, sources, actions, }: {
-    title?: string;
-    children: React.ReactNode;
-    sources?: React.ReactNode;
-    actions?: React.ReactNode;
-}): React.JSX.Element;
-type SourceDef = {
-    id: number | string;
-    summary: string;
-    meta: string;
-};
-declare function Citation({ number, source, }: {
-    number: number | string;
-    source?: SourceDef;
-}): React.JSX.Element;
-declare function SourceList({ sources }: {
-    sources: SourceDef[];
-}): React.JSX.Element;
-declare function DetailViewThread({ title, actionCount, children, }: {
-    title: string;
-    actionCount?: number;
-    children: React.ReactNode;
-}): React.JSX.Element;
-declare function ThreadMessage({ icon, subject, time, messageCount, threadLink, sender, senderTime, children, isExpanded, }: {
-    icon?: React.ReactNode;
-    subject: string;
-    time: string;
-    messageCount?: number;
-    threadLink?: string;
-    sender?: string;
-    senderTime?: string;
-    children: React.ReactNode;
-    isExpanded?: boolean;
-}): React.JSX.Element;
-
-declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): React.JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
-
-interface DonutSegment {
-    name: string;
-    value: number;
-    color: string;
-}
-interface DonutChartProps {
-    data: DonutSegment[];
-    centerLabel?: string | number;
-    size?: number;
-    innerRadius?: number;
-    outerRadius?: number;
-    paddingAngle?: number;
-    showTooltip?: boolean;
-    showLegend?: boolean;
-    className?: string;
-}
-declare function DonutChart({ data, centerLabel, size, innerRadius, outerRadius, paddingAngle, showTooltip, showLegend, className, }: DonutChartProps): React.JSX.Element;
-
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Sub>): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): React.JSX.Element;
-
-interface TimelineEvent {
-    id: string;
-    icon: React.ReactNode;
-    title: React.ReactNode;
-    time: string;
-    preview?: React.ReactNode;
-    email?: {
-        from: string;
-        fromEmail?: string;
-        to: string;
-        cc?: string;
-        bcc?: string;
-        date?: string;
-        subject?: string;
-        body: React.ReactNode;
-    };
-    content?: React.ReactNode;
-    source?: {
-        label: string;
-        url: string;
-    };
-    defaultExpanded?: boolean;
-    isInteractive?: boolean;
-    onSourceClick?: () => void;
-}
-interface TimelineActivityProps {
-    events: TimelineEvent[];
-    className?: string;
-}
-declare function TimelineActivity({ events, className }: TimelineActivityProps): React.JSX.Element;
-
-declare function EntityPanel({ isOpen, onClose, children, }: {
-    isOpen: boolean;
-    onClose: (open: boolean) => void;
-    children?: React.ReactNode;
-}): React.JSX.Element;
-declare function EntityPanelHeader({ icon, title, badgeLabel, subtitle, headerAction, }: {
-    icon?: React.ReactNode;
-    title: string;
-    badgeLabel?: string;
-    subtitle?: string;
-    headerAction?: React.ReactNode;
-}): React.JSX.Element;
-declare function EntityPanelTabs({ tabs, activeTab, onTabChange, }: {
-    tabs: {
-        id: string;
-        label: string;
-    }[];
-    activeTab: string;
-    onTabChange: (id: string) => void;
-}): React.JSX.Element;
-interface EntityMetadataField {
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-    label: string;
-    value: React.ReactNode;
-}
-declare function EntityMetadataGrid({ fields }: {
-    fields: EntityMetadataField[];
-}): React.JSX.Element;
-declare function EntitySection({ title, children, action, }: {
-    title: string;
-    children: React.ReactNode;
-    action?: React.ReactNode;
-}): React.JSX.Element;
-declare function EntityActivityItem({ icon, title, description, date, }: {
-    icon?: React.ReactNode;
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    date?: string;
-}): React.JSX.Element;
-declare function SystemActivity(): React.JSX.Element;
-interface EntityPanelBrandIcons {
-    linkedin?: string;
-    gmail?: string;
-    slack?: string;
-    gdoc?: string;
-}
-declare function PotentialContacts({ icons, }: {
-    icons?: Pick<EntityPanelBrandIcons, "linkedin" | "gmail">;
-}): React.JSX.Element;
-type ActivityItem = TimelineEvent;
-declare function RecentActivity({ title, count, filters, items, }: {
-    title?: string;
-    count?: string;
-    filters?: string[];
-    items?: TimelineEvent[];
-}): React.JSX.Element;
-declare function ConnectedApps({ icons, }: {
-    icons?: Pick<EntityPanelBrandIcons, "slack" | "gdoc">;
-}): React.JSX.Element;
-declare function EntityDetails({ onClose }: {
-    onClose?: () => void;
-}): React.JSX.Element;
-
-interface InboxRowProps extends React.HTMLAttributes<HTMLDivElement> {
-    itemId: string;
-    statusColor: "red" | "orange" | "gray";
-    primaryText: string;
-    secondaryText: string;
-    tertiaryText: string;
-    isAtRisk?: boolean;
-    isSelected?: boolean;
-    contactMethods?: {
-        phone?: boolean;
-        email?: boolean;
-        message?: boolean;
-    };
-    interactionCount: number | string;
-    assignee: string;
-    status: string;
-    time: string;
-}
-declare const InboxRow: React.ForwardRefExoticComponent<InboxRowProps & React.RefAttributes<HTMLDivElement>>;
-declare function InboxGroupHeader({ title, count }: {
-    title: string;
-    count: number;
-}): React.JSX.Element;
-
-interface FilterDefinition {
-    id: string;
-    label: string;
-    options: string[];
-    defaultValue?: string;
-    icon?: "calendar" | React.ComponentType<{
-        className?: string;
-    }>;
-}
-interface InsightsFilterBarProps {
-    filters: FilterDefinition[];
-    values: Record<string, string>;
-    onChange: (filterId: string, value: string) => void;
-    onClearAll?: () => void;
-    className?: string;
-}
-declare function InsightsFilterBar({ filters, values, onChange, onClearAll, className, }: InsightsFilterBarProps): React.JSX.Element;
-
-type AssigneeFilter = "me" | "team" | "all";
-interface InboxFilterCategory {
-    id: string;
-    label: string;
-    icon: React.ReactNode;
-    options: string[];
-}
-interface InboxToolbarProps {
-    assignee: AssigneeFilter;
-    onAssigneeChange: (value: AssigneeFilter) => void;
-    filterCategories: InboxFilterCategory[];
-    selectedFilters: Record<string, string>;
-    onFilterChange: (categoryId: string, value: string) => void;
-    onClearFilters: () => void;
-    className?: string;
-}
-declare function InboxToolbar({ assignee, onAssigneeChange, filterCategories, selectedFilters, onFilterChange, onClearFilters, className, }: InboxToolbarProps): React.JSX.Element;
-
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-
-declare function ItemList(): React.JSX.Element;
-interface GroupedListGroup<T> {
-    key: string;
-    label: string;
-    items: T[];
-}
-interface GroupedListViewProps<T> {
-    groups: GroupedListGroup<T>[];
-    renderRow: (item: T, index: number) => React.ReactNode;
-    getItemKey: (item: T) => string;
-    selectedKey?: string;
-    onItemClick?: (item: T) => void;
-    emptyMessage?: string;
-    className?: string;
-}
-declare function GroupedListView<T>({ groups, renderRow, getItemKey, selectedKey, onItemClick, emptyMessage, className, }: GroupedListViewProps<T>): React.JSX.Element;
-
-type ItemListGrouping = "stage" | "owner" | "risk";
-type ItemListViewMode = "list" | "board";
-interface ItemListDisplayState {
-    viewMode: ItemListViewMode;
-    grouping: ItemListGrouping;
-    subGrouping: "none" | ItemListGrouping;
-    ordering: string;
-    orderingDirection: "asc" | "desc";
-    showContactSignals: boolean;
-    showOwner: boolean;
-    showStatus: boolean;
-}
-interface ItemListDisplayProps {
-    value: ItemListDisplayState;
-    onChange: (next: ItemListDisplayState) => void;
-    onReset: () => void;
-}
-declare function ItemListDisplay({ value, onChange, onReset, }: ItemListDisplayProps): React.JSX.Element;
-
-interface ItemListFilterCategory {
-    id: string;
-    label: string;
-    options: string[];
-}
-interface ItemListFilterProps {
-    categories: ItemListFilterCategory[];
-    selectedFilters: Record<string, string[]>;
-    onToggleFilter: (categoryId: string, option: string) => void;
-    onClearFilters: () => void;
-}
-declare function ItemListFilter({ categories, selectedFilters, onToggleFilter, onClearFilters, }: ItemListFilterProps): React.JSX.Element;
-
-interface ItemListQuickView {
-    id: string;
-    label: string;
-    count: number;
-}
-interface ItemListToolbarProps {
-    quickViews: ItemListQuickView[];
-    activeQuickView: string | null;
-    onQuickViewChange: (viewId: string | null) => void;
-    filterCategories: ItemListFilterCategory[];
-    selectedFilters: Record<string, string[]>;
-    onToggleFilter: (categoryId: string, option: string) => void;
-    onClearFilters: () => void;
-    display: ItemListDisplayState;
-    onDisplayChange: (next: ItemListDisplayState) => void;
-    onResetDisplay: () => void;
-    searchSlot?: React.ReactNode;
-}
-declare function ItemListToolbar({ quickViews, activeQuickView, onQuickViewChange, filterCategories, selectedFilters, onToggleFilter, onClearFilters, display, onDisplayChange, onResetDisplay, searchSlot, }: ItemListToolbarProps): React.JSX.Element;
-
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
-
-interface MetricDataPoint {
-    label: string;
-    value: number | string;
-    color?: string;
-}
-interface MetricCardProps {
-    title: string;
-    value?: string | number;
-    unit?: string;
-    subtitle?: string;
-    change?: {
-        value: string;
-        direction: "up" | "down" | "neutral";
-        isGood?: boolean;
-    };
-    footerText?: string;
-    dataPoints?: MetricDataPoint[];
-    showExternalLink?: boolean;
-    showInfo?: boolean;
-}
-declare function MetricCard({ title, value, unit, subtitle, change, footerText, dataPoints, showExternalLink, showInfo, }: MetricCardProps): React.JSX.Element;
-
-interface PerformanceMetricsTableRow {
-    id: string;
-    label: string;
-    avatarFallback: string;
-    role?: string;
-    primaryValue: number;
-    primaryTarget: number;
-    ratePercent: number;
-    metricOne: number;
-    metricTwo: string;
-    metricThree: number;
-    metricFour: number;
-}
-interface PerformanceMetricsTableSortOption {
-    id: "primary-desc" | "primary-asc" | "rate-desc" | "metric-four-desc";
-    label: string;
-}
-interface PerformanceMetricsTableProps {
-    title?: string;
-    entityColumnLabel?: string;
-    primaryMetricColumnLabel?: string;
-    rateColumnLabel?: string;
-    metricOneColumnLabel?: string;
-    metricTwoColumnLabel?: string;
-    metricThreeColumnLabel?: string;
-    metricFourColumnLabel?: string;
-    viewOptions?: string[];
-    roleOptions?: string[];
-    sortOptions?: PerformanceMetricsTableSortOption[];
-    rows?: PerformanceMetricsTableRow[];
-    pageSize?: number;
-    searchPlaceholder?: string;
-}
-declare function PerformanceMetricsTable({ title, entityColumnLabel, primaryMetricColumnLabel, rateColumnLabel, metricOneColumnLabel, metricTwoColumnLabel, metricThreeColumnLabel, metricFourColumnLabel, viewOptions, roleOptions, sortOptions, rows, pageSize, searchPlaceholder, }: PerformanceMetricsTableProps): React.JSX.Element;
-
-interface PipelineStage {
-    id: string;
-    label: string;
-    count: number;
-    trend: string;
-    nextConversion: string | null;
-}
-interface PipelineStageMetrics {
-    medianTime: string;
-    avgTime: string;
-    dropOffs: {
-        reason: string;
-        count: number;
-        pct: string;
-    }[];
-}
-interface PipelineStageTiming {
-    median: string;
-    avg: string;
-}
-interface PipelineFilterBreakdown {
-    [stageId: string]: Record<string, number>;
-}
-interface PipelineOverviewProps {
-    title?: string;
-    stages: PipelineStage[];
-    stageMetrics: Record<string, PipelineStageMetrics>;
-    stageTimings: (PipelineStageTiming | null)[];
-    filterOptions?: string[];
-    onFilterChange?: (filterOption: string) => void;
-    filterBreakdowns?: Record<string, PipelineFilterBreakdown>;
-    countingModes?: string[];
-    countingModeTooltip?: string;
-    /** Main pipeline flow nodes (after the first stage) */
-    flowNodes?: {
-        id: string;
-        nodeColor: string;
-    }[];
-    /** Drop-off distribution from initial stage: { "Lost/Other": 56, "Coverage": 40, ... } */
-    dropOffDistribution?: Record<string, number>;
-    /** Flow links after the first stage (middle of pipeline onward) */
-    flowLinks?: {
-        source: string;
-        target: string;
-        value: number;
-    }[];
-    totalReceived?: number;
-    /** Dollar amounts to display on terminal node labels: { "Retained": "$18.2M" } */
-    nodeAmounts?: Record<string, string>;
-    /** Unit noun for standard node/link tooltips (e.g. "signals", "accounts"). */
-    unitLabel?: string;
-    /** Unit noun for terminal/drop-off node tooltips (e.g. "opportunities"). Defaults to unitLabel. */
-    terminalUnitLabel?: string;
-    /** Node IDs that should use terminalUnitLabel. Defaults to keys of dropOffDistribution. */
-    terminalNodeIds?: string[];
-    /** Sankey chart margins, merged with defaults { top: 20, right: 120, bottom: 20, left: 140 }. */
-    sankeyMargin?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
-    /** Gap between Sankey node bar and its outside label. */
-    sankeyLabelPadding?: number;
-    /** When true, conversion badges use `flex`; when false, `hidden xl:flex`. */
-    alwaysShowConversionBadges?: boolean;
-    /** Color for dynamically generated drop-off nodes. */
-    dropOffNodeColor?: string;
-    onViewInWorkQueue?: (stageId: string) => void;
-    className?: string;
-}
-declare function PipelineOverview({ title, stages, stageMetrics, stageTimings, filterOptions, onFilterChange, filterBreakdowns, countingModes, countingModeTooltip, flowNodes, dropOffDistribution, flowLinks, totalReceived, nodeAmounts, unitLabel, terminalUnitLabel, terminalNodeIds, sankeyMargin, sankeyLabelPadding, alwaysShowConversionBadges, dropOffNodeColor, onViewInWorkQueue, className, }: PipelineOverviewProps): React.JSX.Element;
-
-declare function PreviewList({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-interface PreviewListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    icon?: React.ReactNode;
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    meta?: React.ReactNode;
-    action?: React.ReactNode;
-    isHoverable?: boolean;
-}
-declare const PreviewListItem: React.ForwardRefExoticComponent<PreviewListItemProps & React.RefAttributes<HTMLDivElement>>;
-
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof Progress$1.Root>): React.JSX.Element;
-
-type QuickActionPriority$1 = "normal" | "high" | "urgent";
-interface QuickActionSubmitPayload {
-    message: string;
-    priority: QuickActionPriority$1;
-}
-interface QuickActionChatAreaProps extends Omit<React.ComponentProps<"div">, "onSubmit"> {
-    placeholder?: string;
-    submitLabel?: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    priority?: QuickActionPriority$1;
-    defaultPriority?: QuickActionPriority$1;
-    onPriorityChange?: (priority: QuickActionPriority$1) => void;
-    onSubmit: (payload: QuickActionSubmitPayload) => void;
-    allowEmptySubmit?: boolean;
-    clearOnSubmit?: boolean;
-    showEnterHint?: boolean;
-}
-declare function QuickActionChatArea({ className, placeholder, submitLabel, value, defaultValue, onValueChange, priority, defaultPriority, onPriorityChange, onSubmit, allowEmptySubmit, clearOnSubmit, showEnterHint, ...props }: QuickActionChatAreaProps): React.JSX.Element;
-
-type TemplateIcon = React.ComponentType<{
-    className?: string;
-}>;
-interface QuickActionTemplate {
-    id: string;
-    label: string;
-    description: string;
-    icon: TemplateIcon;
-    category?: string;
-}
-type QuickActionPriority = "normal" | "high" | "urgent";
-interface QuickActionTaskDraft {
-    templateId: string | null;
-    message: string;
-    priority: QuickActionPriority;
-}
-interface QuickActionModalProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    templates?: QuickActionTemplate[];
-    title?: string;
-    description?: string;
-    className?: string;
-    onCreateTask?: (draft: QuickActionTaskDraft) => void;
-}
-declare function QuickActionModal({ open, onOpenChange, templates, title, description, className, onCreateTask, }: QuickActionModalProps): React.JSX.Element;
-
-interface SidebarNavItem {
-    id: string;
-    label: string;
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-    children?: SidebarNavItem[];
-}
-interface SidebarNavSection {
-    title?: string;
-    items: SidebarNavItem[];
-    moreItems?: SidebarNavItem[];
-}
-interface SidebarUserProfile {
-    name: string;
-    email: string;
-    initials?: string;
-}
-interface UserMenuItem {
-    id: string;
-    label: string;
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-    destructive?: boolean;
-}
-type ActiveVariant = "default" | "gradient";
-interface QuickActionSidebarNavProps extends React.ComponentProps<"aside"> {
-    brandLabel?: string;
-    brandSubtitle?: string;
-    brandImage?: string;
-    hideQuickAction?: boolean;
-    navSections?: SidebarNavSection[];
-    activeItemId?: string;
-    activeVariant?: ActiveVariant;
-    onNavigate?: (itemId: string) => void;
-    user?: SidebarUserProfile;
-    userMenuItems?: UserMenuItem[];
-    onUserMenuAction?: (itemId: string) => void;
-    onCreateTask?: (draft: QuickActionTaskDraft) => void;
-    defaultCollapsed?: boolean;
-    quickActionTemplates?: QuickActionTemplate[];
-    quickActionTitle?: string;
-    quickActionDescription?: string;
-}
-declare function QuickActionSidebarNav({ className, brandLabel, brandSubtitle, brandImage, hideQuickAction, navSections, activeItemId, activeVariant, onNavigate, user, userMenuItems, onUserMenuAction, onCreateTask, defaultCollapsed, quickActionTemplates, quickActionTitle, quickActionDescription, ...props }: QuickActionSidebarNavProps): React.JSX.Element;
-
-interface RecommendedAction {
-    id: string;
-    title: string;
-    reason: string;
-    category?: "Churn" | "Expand" | "Nurture" | string;
-    priority?: "High" | "Medium" | "Low" | string;
-    dueDate?: string;
-    confidence?: number;
-    signals?: string[];
-    revenueImpact?: number;
-}
-interface RecommendedActionsSectionProps {
-    actions: RecommendedAction[];
-    title?: string;
-    onQueueAction?: (action: RecommendedAction) => void;
-    onDismissAction?: (action: RecommendedAction) => void;
-    onFeedback?: (actionId: string, feedback: "useful" | "not_useful", comment: string) => void;
-}
-declare function RecommendedActionsSection({ actions, title, onQueueAction, onDismissAction, onFeedback, }: RecommendedActionsSectionProps): React.JSX.Element;
-
-interface ReportCardFilterOption {
-    label: string;
-    value: string;
-}
-interface ReportCardProps {
-    title: string;
-    subtitle?: string;
-    /** Filter pill group rendered top-right */
-    filterOptions?: ReportCardFilterOption[];
-    selectedFilter?: string;
-    onFilterChange?: (value: string) => void;
-    /** Secondary toggle (e.g. metric selector) */
-    toggleOptions?: string[];
-    selectedToggle?: string;
-    onToggleChange?: (value: string) => void;
-    /** Render slot between header and content */
-    headerExtra?: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
-    contentClassName?: string;
-}
-declare function ReportCard({ title, subtitle, filterOptions, selectedFilter, onFilterChange, toggleOptions, selectedToggle, onToggleChange, headerExtra, children, className, contentClassName, }: ReportCardProps): React.JSX.Element;
-
-interface SankeyNode {
-    id: string;
-    nodeColor?: string;
-}
-interface SankeyLink {
-    source: string;
-    target: string;
-    value: number;
-}
-interface SankeyData {
-    nodes: SankeyNode[];
-    links: SankeyLink[];
-}
-interface SankeyDropOff {
-    reason: string;
-    count: number;
-    pct?: string;
-}
-interface SankeyStageMetrics {
-    conversion: string;
-    medianTime: string;
-    avgTime: string;
-}
-interface SankeyHoverCardData {
-    title: string;
-    count: number | string;
-    metrics?: SankeyStageMetrics;
-    dropOffs?: SankeyDropOff[];
-}
-interface SankeyChartProps {
-    data: SankeyData;
-    height?: number;
-    nodeOpacity?: number;
-    nodeThickness?: number;
-    nodeBorderWidth?: number;
-    linkOpacity?: number;
-    linkHoverOpacity?: number;
-    enableLabels?: boolean;
-    labelTextColor?: string;
-    stageMetrics?: Record<string, {
-        metrics: SankeyStageMetrics;
-        dropOffs: SankeyDropOff[];
-    }>;
-    onDropOffClick?: (reason: string) => void;
-    onViewDetails?: (nodeId: string) => void;
-    className?: string;
-}
-declare function SankeyChart({ data, height, nodeOpacity, nodeThickness, nodeBorderWidth, linkOpacity, linkHoverOpacity, enableLabels, labelTextColor, stageMetrics, onDropOffClick, onViewDetails, className, }: SankeyChartProps): React.JSX.Element;
-
-interface ScoreFactor {
-    key: string;
-    label: string;
-    score: number | null;
-    risk?: "Low" | "Medium" | "High";
-    why: string;
-}
-interface ScoreBreakdownProps {
-    factors: ScoreFactor[];
-    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    className?: string;
-}
-declare function ScoreBreakdown({ factors, onFactorFeedback, className }: ScoreBreakdownProps): React.JSX.Element;
-
-interface ScoreAnalysisModalProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: string;
-    description: string;
-    score: number;
-    denominator?: number;
-    whyNow: string;
-    evidence: React.ReactNode[];
-    factors?: ScoreFactor[];
-    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    companyName?: string;
-    opportunityUrl?: string;
-    onApprove?: () => void;
-    onApproveFeedback?: (reasons: string[], detail: string) => void;
-    onDismiss?: (reasons: string[], detail: string) => void;
-    /** When true, renders as an absolute-positioned inline panel instead of a Radix Sheet portal. Useful when the component is inside a container that should not be escaped. */
-    useInlinePanel?: boolean;
-}
-declare function ScoreAnalysisModal({ open, onOpenChange, title, description, score, denominator, whyNow, evidence, factors, onFactorFeedback, companyName, opportunityUrl, onApprove, onApproveFeedback, onDismiss, useInlinePanel, }: ScoreAnalysisModalProps): React.JSX.Element | null;
-declare const ScoreAnalysisPanel: typeof ScoreAnalysisModal;
-
-interface SubmittedScoreFeedback {
-    type: "up" | "down";
-    pills: string[];
-    detail: string;
-}
-interface ScoreFeedbackState {
-    thumbState: "up" | "down" | null;
-    selectedPills: string[];
-    detailText: string;
-    notedType: "up" | "down" | null;
-    submittedFeedback: SubmittedScoreFeedback | null;
-    otherSelected: boolean;
-    hasRequiredInput: boolean;
-    handleThumbClick: (type: "up" | "down") => void;
-    togglePill: (pill: string) => void;
-    setDetailText: (text: string) => void;
-    handleSubmit: () => void;
-    editSubmitted: () => void;
-}
-declare function useScoreFeedback(): ScoreFeedbackState;
-interface RootProps$1 {
-    children: React.ReactNode;
-    onSubmitFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
-}
-declare function Root$1({ children, onSubmitFeedback }: RootProps$1): React.JSX.Element;
-declare function Trigger({ className }: {
-    className?: string;
-}): React.JSX.Element;
-declare function Panel({ className }: {
-    className?: string;
-}): React.JSX.Element | null;
-declare const ScoreFeedback: {
-    Root: typeof Root$1;
-    Trigger: typeof Trigger;
-    Panel: typeof Panel;
-};
-
-declare function getScoreColor(score: number, denominator: number): "text-emerald-500" | "text-amber-500" | "text-red-500";
-interface ScoreRingProps {
-    score: number;
-    denominator?: number;
-    size?: number;
-    strokeWidth?: number;
-    className?: string;
-    showLabel?: boolean;
-}
-declare function ScoreRing({ score, denominator, size, strokeWidth, className, showLabel, }: ScoreRingProps): React.JSX.Element;
-
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): React.JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
-
-declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): React.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): React.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): React.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
-    size?: "sm" | "default";
-}): React.JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof Select$1.Content>): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): React.JSX.Element;
-
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): React.JSX.Element;
-
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
-declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
-
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): React.JSX.Element;
-
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): React.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): React.JSX.Element;
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
-    showOnHover?: boolean;
-}): React.JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
-    showIcon?: boolean;
-}): React.JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}): React.JSX.Element;
-
-type ApprovalState = "pending" | "confirming" | "approving-feedback" | "dismissing" | "approved" | "dismissed" | "auto-approved";
-interface SignalApprovalLabels {
-    approveButton?: string;
-    dismissButton?: string;
-    approvedStatus?: string;
-    dismissedStatus?: string;
-    confirmPrompt?: string;
-    dismissPrompt?: string;
-    feedbackPrompt?: string;
-}
-interface SignalApprovalContextValue {
-    approvalState: ApprovalState;
-    companyName: string;
-    opportunityUrl?: string;
-    scheduledTime?: string;
-    labels: Required<SignalApprovalLabels>;
-    approve: () => void;
-    submitApproveFeedback: (reasons: string[], detail: string) => void;
-    skipApproveFeedback: () => void;
-    dismiss: (reasons: string[], detail: string) => void;
-    requestApproval: () => void;
-    requestDismiss: () => void;
-    cancel: () => void;
-}
-declare function useSignalApproval(): SignalApprovalContextValue;
-interface RootProps {
-    children: React.ReactNode;
-    companyName: string;
-    opportunityUrl?: string;
-    scheduledTime?: string;
-    initialApprovalState?: ApprovalState;
-    labels?: SignalApprovalLabels;
-    onApprove?: () => void;
-    onApproveFeedback?: (reasons: string[], detail: string) => void;
-    onDismiss?: (reasons: string[], detail: string) => void;
-}
-declare function Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, onApprove, onApproveFeedback, onDismiss }: RootProps): React.JSX.Element;
-declare function Actions(): React.JSX.Element;
-declare function Gate({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;
-
-declare const SignalApproval: {
-    Root: typeof Root;
-    Actions: typeof Actions;
-    Gate: typeof Gate;
-};
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-interface StyledBarItem {
-    name: string;
-    value: number;
-    href?: string;
-    subtitle?: string;
-}
-interface StyledBarListProps {
-    data: StyledBarItem[];
-    valueFormatter?: (value: number) => string;
-    className?: string;
-    showAnimation?: boolean;
-    showSubtitle?: boolean;
-    barColor?: string;
-    barStyle?: React.CSSProperties;
-}
-declare function StyledBarList({ data, valueFormatter, className, showAnimation, showSubtitle, barColor, barStyle, }: StyledBarListProps): React.JSX.Element;
-
-interface SuggestedActionsIconMap {
-    gmail?: string;
-    slack?: string;
-    zendesk?: string;
-    salesforce?: string;
-}
-interface SuggestedContact {
-    name: string;
-    role: string;
-    email?: string;
-    emails?: string[];
-    phone?: string;
-    phones?: string[];
-    confirmed: boolean;
-    salesforceUrl?: string;
-    lastActivity?: {
-        date: string;
-        type: string;
-    };
-}
-interface SuggestedActionThreadMessage {
-    id: string;
-    from: string;
-    initials: string;
-    time: string;
-    preview: string;
-    content: string;
-}
-interface SuggestedActionReplyTo {
-    from: string;
-    time: string;
-    content: string;
-    channel?: string;
-}
-interface SuggestedActionTicket {
-    system: string;
-    priority: string;
-    type: string;
-    subject: string;
-    description: string;
-    assignee?: string;
-    tags?: string[];
-}
-interface SuggestedActionFollowUp {
-    enabled: boolean;
-    days: number;
-}
-interface SuggestedActionEmailMeta {
-    from: string;
-    fromEmail: string;
-    to?: SuggestedContact;
-    cc?: SuggestedContact[];
-    bcc?: string;
-    subject?: string;
-}
-interface SuggestedActionCallMeta {
-    contact?: SuggestedContact;
-    talkTrack: string;
-    allowDispatchAgent?: boolean;
-}
-interface SuggestedActionManualMeta {
-    taskDescription: string;
-}
-interface SuggestedActionBrowserMeta {
-    url: string;
-    actionDescription: string;
-}
-interface SuggestedAction {
-    id: number | string;
-    type: "email" | "ticket" | "slack" | "call" | "manual" | "browser";
-    label: string;
-    status: "pending" | "sent" | "dismissed";
-    content?: string;
-    replyTo?: SuggestedActionReplyTo;
-    threadMessages?: SuggestedActionThreadMessage[];
-    ticket?: SuggestedActionTicket;
-    followUp?: SuggestedActionFollowUp;
-    emailMeta?: SuggestedActionEmailMeta;
-    callMeta?: SuggestedActionCallMeta;
-    manualMeta?: SuggestedActionManualMeta;
-    browserMeta?: SuggestedActionBrowserMeta;
-}
-interface SuggestedActionsProps {
-    actions: SuggestedAction[];
-    title?: string;
-    onDismiss?: (id: number | string) => void;
-    onSend?: (id: number | string) => void;
-    onSaveDraft?: (id: number | string) => void;
-    accountContacts?: SuggestedContact[];
-    signature?: string | React.ReactNode;
-    onDuplicate?: (id: number | string) => void;
-    onOpenAccountDetails?: () => void;
-    onOpenRecentActivity?: () => void;
-    onMarkComplete?: (id: number | string) => void;
-    onDispatchAgent?: (id: number | string, editedContent?: string, settings?: {
-        aiDisclosureEnabled?: boolean;
-        maxDurationMinutes?: string;
-        callRecordingEnabled?: boolean;
-        recordingNoticeEnabled?: boolean;
-    }) => void;
-    iconMap?: SuggestedActionsIconMap;
-    sendLabel?: string;
-    accountDetailsLabel?: string;
-    dismissLabel?: string;
-}
-declare function SuggestedActions({ actions, title, onDismiss, onSend, onSaveDraft, accountContacts, signature, onDuplicate, onOpenAccountDetails, onOpenRecentActivity, onMarkComplete, onDispatchAgent, iconMap, sendLabel, accountDetailsLabel, dismissLabel, }: SuggestedActionsProps): React.JSX.Element;
-
-declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
-
-declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): React.JSX.Element;
-declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): React.JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof Tabs$1.Content>): React.JSX.Element;
-
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-
-interface MetricCardData {
-    label: string;
-    value: string | number;
-    trend?: {
-        value: number;
-        direction: "up" | "down" | "neutral";
-    };
-    alert?: boolean;
-}
-interface TopLineMetricsProps {
-    metrics: MetricCardData[];
-    chartData?: {
-        date: string;
-        value: number;
-        secondary?: number;
-    }[];
-    filters?: string[];
-    activeFilter?: string;
-    onFilterChange?: (filter: string) => void;
-    className?: string;
-}
-declare function TopLineMetrics({ metrics, chartData, filters, activeFilter, onFilterChange, className, }: TopLineMetricsProps): React.JSX.Element;
-
-interface TrendSeries {
-    dataKey: string;
-    color: string;
-    label?: string;
-    fillOpacity?: number;
-}
-interface TrendAreaChartProps {
-    data: Record<string, unknown>[];
-    series: TrendSeries[];
-    height?: number;
-    xAxisKey?: string;
-    showGrid?: boolean;
-    yDomain?: [number, number];
-    tooltipFormatter?: (value: number | string, name: string) => [string, string];
-    className?: string;
-}
-declare function TrendAreaChart({ data, series, height, xAxisKey, showGrid, yDomain, tooltipFormatter, className, }: TrendAreaChartProps): React.JSX.Element;
-
-interface ViewMode {
-    id: string;
-    icon: React.ReactNode;
-    label: string;
-}
-interface ViewModeToggleProps {
-    modes: ViewMode[];
-    activeMode: string;
-    onModeChange: (modeId: string) => void;
-    className?: string;
-}
-declare function ViewModeToggle({ modes, activeMode, onModeChange, className }: ViewModeToggleProps): React.JSX.Element;
-
-interface VolumeDataKey {
-    key: string;
-    color: string;
-}
-interface VolumeAnalysisChartProps {
-    data: Record<string, unknown>[];
-    dataKeys: VolumeDataKey[];
-    height?: number;
-    xAxisKey?: string;
-    stacked?: boolean;
-    title?: string;
-    subtitle?: string;
-    className?: string;
-}
-declare function VolumeAnalysisChart({ data, dataKeys, height, xAxisKey, stacked, title, subtitle, className, }: VolumeAnalysisChartProps): React.JSX.Element;
-
-interface PrototypeBrandConfig {
-    name: string;
-    logo?: string;
-    assistantName?: string;
-}
-interface QueueItem {
-    id: string;
-    title: string;
-    details: string;
-    statusColor: string;
-    time: string;
-    company: string;
-    tag1: string;
-}
-interface SignalScoreData {
-    score: number;
-    factors: ScoreFactor[];
-    whyNow: string;
-    evidence: string[];
-    confidence: number;
-    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    onApproveFeedback?: (reasons: string[], detail: string) => void;
-    onDismissFeedback?: (reasons: string[], detail: string) => void;
-}
-interface InboxDetailSections {
-    signalBrief?: boolean;
-    suggestedActions?: boolean;
-    timeline?: boolean;
-}
-interface InboxViewConfig {
-    items: QueueItem[];
-    filterCategories?: InboxFilterCategory[];
-    detailSections?: InboxDetailSections;
-    accountContacts?: SuggestedContact[];
-    buildAccountContacts?: (item: QueueItem) => SuggestedContact[];
-    emailSignature?: string | React.ReactNode;
-    buildSuggestedActions?: (item: QueueItem) => SuggestedAction[];
-    buildSourceItems?: (item: QueueItem) => SourceDef[];
-    getSignalScore?: (company: string) => SignalScoreData;
-    getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
-    iconMap?: Record<string, string>;
-    hideToolbarActions?: boolean;
-    hideHoverActions?: boolean;
-    onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
-    buildEntityChips?: (item: QueueItem) => Array<{
-        id: string;
-        label: string;
-        avatarLetter: string;
-        onClick?: () => void;
-    }>;
-    quickFilterTabs?: Array<{
-        id: string;
-        label: string;
-        matchValue?: string;
-        count?: number;
-    }>;
-    hideAccountsButton?: boolean;
-    accountDetailsLabel?: string;
-    signalLabels?: {
-        approveButton?: string;
-        dismissButton?: string;
-        approvedStatus?: string;
-        dismissedStatus?: string;
-    };
-}
-interface InsightsCustomTab {
-    id: string;
-    label: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    content: React.ReactNode;
-}
-interface InsightsViewConfig {
-    customTabs?: InsightsCustomTab[];
-    tabs?: {
-        overview?: boolean;
-        analytics?: boolean;
-    };
-    coaching?: {
-        enabled?: boolean;
-        message?: string;
-    };
-    metrics?: MetricCardProps[];
-    expandedMetrics?: MetricCardProps[];
-    dashboardCards?: {
-        topTasks?: boolean;
-        upcomingMeetings?: boolean;
-        recentlyCompleted?: boolean;
-        checkIns?: boolean;
-    };
-    analytics?: {
-        pipeline?: {
-            stages: PipelineStage[];
-            stageMetrics: Record<string, PipelineStageMetrics>;
-            stageTimings: (PipelineStageTiming | null)[];
-            filterBreakdowns?: Record<string, Record<string, Record<string, number>>>;
-        };
-        volumeChart?: {
-            data: Record<string, unknown>[];
-            dataKeys: Array<{
-                key: string;
-                color: string;
-            }>;
-            filterOptions?: Array<{
-                label: string;
-                value: string;
-            }>;
-        };
-        donutChart?: {
-            data: Array<{
-                name: string;
-                value: number;
-                color: string;
-            }>;
-            centerLabel?: number;
-        };
-        trendChart?: {
-            data: Record<string, unknown>[];
-            series: Array<{
-                dataKey: string;
-                color: string;
-            }>;
-            xAxisKey?: string;
-            height?: number;
-            toggleOptions?: string[];
-        };
-        barChart?: {
-            data: Record<string, unknown>[];
-            bars: Array<{
-                dataKey: string;
-                color: string;
-                name: string;
-                icon?: LucideIcon;
-            }>;
-        };
-        barList?: {
-            data: Array<{
-                name: string;
-                value: number;
-            }>;
-            valueFormatter?: (v: number) => string;
-        };
-    };
-}
-interface AccountFilterTab {
-    label: string;
-    count?: number;
-    variant?: "default" | "attention" | "ghost";
-}
-interface AccountsViewConfig {
-    filterTabs?: AccountFilterTab[];
-    rows?: DataRow[];
-    filterCategories?: DataTableFilterCategory[];
-    quickViews?: string[];
-    moreQuickViews?: string[];
-    quickViewFilters?: Record<string, (row: DataRow) => boolean>;
-    iconMap?: {
-        salesforce?: string;
-    };
-    entityUrlBuilder?: (row: DataRow) => string;
-    onScoreFactorFeedback?: (account: string, scoreType: string, factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    onScoreApproveFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-    onScoreDismissFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-}
-interface WorkQueueViewConfig {
-    [key: string]: unknown;
-}
-interface AdminTab {
-    id: string;
-    label: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    content: React.ReactNode;
-}
-interface AdminViewConfig {
-    /** View title displayed in the header. Defaults to "Admin". */
-    title?: string;
-    /** Icon displayed next to the title. */
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    tabs: AdminTab[];
-    /** Which tab is active initially. Defaults to first tab's id. */
-    defaultTab?: string;
-}
-interface EntityPanelSection {
-    type: "details" | "contacts" | "recentActivity" | "connectedApps" | "systemActivity";
-    props?: Record<string, unknown>;
-}
-interface EntityPanelConfig {
-    sections?: EntityPanelSection[];
-    icons?: Record<string, string>;
-}
-interface PrototypeConfig {
-    brand?: PrototypeBrandConfig;
-    sidebar: SidebarNavSection[];
-    views: {
-        inbox?: InboxViewConfig;
-        insights?: InsightsViewConfig;
-        accounts?: AccountsViewConfig;
-        workQueue?: WorkQueueViewConfig;
-        admin?: AdminViewConfig;
-    };
-    defaultView: string;
-    entityPanel?: EntityPanelConfig;
-    /** Sidebar item IDs that trigger view navigation. Defaults to keys of `views`. */
-    navigableViews?: string[];
-}
-
-interface PrototypeShellProps {
-    config: PrototypeConfig;
-    /**
-     * Optional ReactNode rendered in the header area of each view.
-     * Useful for adding an "Exit Preview" button in the design system showcase.
-     */
-    headerActions?: React.ReactNode;
-    /**
-     * Custom content to render inside the EntityPanel.
-     * When provided, overrides the default section-based rendering.
-     * Receives `onClose` so children can close the panel.
-     */
-    entityPanelChildren?: React.ReactNode | ((ctx: {
-        onClose: () => void;
-    }) => React.ReactNode);
-    /**
-     * Fired on every sidebar navigation click (both navigable and non-navigable views).
-     * Useful for intercepting clicks on product-specific views like "settings"
-     * that live outside the shell.
-     */
-    onNavigate?: (viewId: string) => void;
-}
-declare function PrototypeShell({ config, headerActions, entityPanelChildren, onNavigate, }: PrototypeShellProps): React.JSX.Element;
-
-interface PrototypeInboxViewProps extends InboxViewConfig {
-    /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */
-    headerActions?: React.ReactNode;
-    onOpenEntityPanel?: () => void;
-    onOpenRecentActivity?: () => void;
-    onNavigateToInbox?: () => void;
-    onItemSelect?: (item: QueueItem) => void;
-    defaultViewMode?: "list" | "split";
-}
-interface DetailViewProps {
-    item: QueueItem;
-    sections: InboxDetailSections;
-    getSignalScore: (company: string) => SignalScoreData;
-    buildSuggestedActions: (item: QueueItem) => SuggestedAction[];
-    buildSourceItems: (item: QueueItem) => SourceDef[];
-    getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
-    accountContacts: SuggestedContact[];
-    emailSignature: string | React.ReactNode;
-    iconMap: Record<string, string>;
-    onOpenEntityPanel?: () => void;
-    onOpenRecentActivity?: () => void;
-    onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
-    signalLabels?: {
-        approveButton?: string;
-        dismissButton?: string;
-        approvedStatus?: string;
-        dismissedStatus?: string;
-    };
-}
-declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback, signalLabels, }: DetailViewProps): React.JSX.Element;
-declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, signalLabels, }: PrototypeInboxViewProps): React.JSX.Element;
-
-interface PrototypeInsightsViewProps extends InsightsViewConfig {
-    assistantName?: string;
-    headerActions?: React.ReactNode;
-    onNavigateToInbox?: () => void;
-}
-declare function PrototypeInsightsView({ tabs, coaching, metrics, expandedMetrics, dashboardCards, analytics, assistantName, headerActions, onNavigateToInbox, customTabs, }: PrototypeInsightsViewProps): React.JSX.Element;
-
-interface PrototypeAccountsViewProps extends AccountsViewConfig {
-    headerActions?: React.ReactNode;
-    onRowClick?: (row: DataRow) => void;
-}
-declare function PrototypeAccountsView({ filterTabs, headerActions, onRowClick, rows, filterCategories, quickViews, moreQuickViews, quickViewFilters, iconMap, entityUrlBuilder, onScoreFactorFeedback, onScoreApproveFeedback, onScoreDismissFeedback, }: PrototypeAccountsViewProps): React.JSX.Element;
-
-interface PrototypeAdminViewProps extends AdminViewConfig {
-    headerActions?: React.ReactNode;
-}
-declare function PrototypeAdminView({ title, icon: Icon, tabs, defaultTab, headerActions, }: PrototypeAdminViewProps): React.JSX.Element | null;
-
-interface PrototypeWorkQueueViewProps {
-    headerActions?: React.ReactNode;
-}
-declare function PrototypeWorkQueueView({ headerActions, }: PrototypeWorkQueueViewProps): React.JSX.Element;
-
-type MessageProps = HTMLAttributes<HTMLDivElement> & {
-    from: "user" | "assistant";
-};
-declare const Message: ({ className, from, ...props }: MessageProps) => React.JSX.Element;
-declare const messageContentVariants: (props?: ({
-    variant?: "flat" | "contained" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type MessageContentProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof messageContentVariants>;
-declare const MessageContent: ({ children, className, variant, ...props }: MessageContentProps) => React.JSX.Element;
-type MessageAvatarProps = ComponentProps<typeof Avatar> & {
-    src?: string;
-    name?: string;
-};
-declare const MessageAvatar: ({ src, name, className, children, ...props }: MessageAvatarProps) => React.JSX.Element;
-
-type StatusType = "success" | "warning" | "error" | "neutral";
-interface StatusBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    status: string;
-    statusMap?: Record<string, StatusType>;
-}
-declare function StatusBadge({ status, statusMap, className, ...props }: StatusBadgeProps): React.JSX.Element;
-
-interface SimpleDataTableProps<TData> {
-    columns: ColumnDef<TData, any>[];
-    data: TData[];
-    onRowClick?: (row: TData) => void;
-    emptyIcon?: React.ReactNode;
-    emptyMessage?: string;
-    emptyDescription?: string;
-    className?: string;
-}
-declare function SimpleDataTable<TData>({ columns, data, onRowClick, emptyIcon, emptyMessage, emptyDescription, className, }: SimpleDataTableProps<TData>): React.JSX.Element;
-
-type AgentOrbState = null | "thinking" | "listening" | "talking";
-interface AgentOrbProps {
-    state?: AgentOrbState;
-    colors?: [string, string];
-    volumeMode?: "auto" | "manual";
-    manualInput?: number;
-    manualOutput?: number;
-    inputVolumeRef?: React.RefObject<number>;
-    outputVolumeRef?: React.RefObject<number>;
-    getInputVolume?: () => number;
-    getOutputVolume?: () => number;
-    seed?: number;
-    showGlow?: boolean;
-    className?: string;
-}
-/**
- * Full AgentOrb with optional CSS glow wrapper.
- * Colors default to CSS `--primary` via computed style at mount time.
- */
-declare function AgentOrb({ state, colors, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, seed, showGlow, className, }: AgentOrbProps): React.JSX.Element;
-interface AgentOrbCanvasProps {
-    colors?: [string, string];
-    seed?: number;
-    agentState?: AgentOrbState;
-    volumeMode?: "auto" | "manual";
-    manualInput?: number;
-    manualOutput?: number;
-    inputVolumeRef?: React.RefObject<number>;
-    outputVolumeRef?: React.RefObject<number>;
-    getInputVolume?: () => number;
-    getOutputVolume?: () => number;
-    className?: string;
-    resizeDebounce?: number;
-}
-declare function AgentOrbCanvas({ colors, seed, agentState, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, className, resizeDebounce, }: AgentOrbCanvasProps): React.JSX.Element;
-
-type AgentWidgetStatus = "idle" | "connecting" | "connected" | "error";
-type AgentWidgetMode = "listening" | "speaking" | null;
-interface AgentWidgetMessage {
-    from: "user" | "assistant";
-    text: string;
-}
-interface AgentWidgetProps {
-    status?: AgentWidgetStatus;
-    mode?: AgentWidgetMode;
-    messages?: AgentWidgetMessage[];
-    onSendMessage?: (text: string) => void;
-    onEndSession?: () => void;
-    inputMode?: "voice" | "text" | "voice+text";
-    visualSlot?: React.ReactNode;
-    assistantAvatarSlot?: React.ReactNode;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    className?: string;
-}
-declare function AgentWidget({ status, mode, messages, onSendMessage, onEndSession, inputMode, visualSlot, assistantAvatarSlot, header, footer, className, }: AgentWidgetProps): React.JSX.Element;
-
-type AgentPopoverStep = string;
-interface AgentPopoverContextValue {
-    step: AgentPopoverStep;
-    setStep: (step: AgentPopoverStep) => void;
-}
-declare function useAgentPopover(): AgentPopoverContextValue;
-interface AgentPopoverProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    defaultStep?: string;
-    step?: string;
-    onStepChange?: (step: string) => void;
-    children: React.ReactNode;
-    className?: string;
-}
-declare function AgentPopover({ open, onOpenChange, defaultStep, step: controlledStep, onStepChange, children, className, }: AgentPopoverProps): React.JSX.Element | null;
-type ConnectionStatus = "ready" | "connected" | "listening" | "speaking";
-interface AgentPopoverBrandingProps {
-    title?: string;
-    subtitle?: string;
-    badge?: string;
-    visualSlot?: React.ReactNode;
-    statusIndicator?: ConnectionStatus;
-    className?: string;
-}
-declare function AgentPopoverBranding({ title, subtitle, badge, visualSlot, statusIndicator, className, }: AgentPopoverBrandingProps): React.JSX.Element;
-interface AgentPopoverStepContentProps {
-    step: string;
-    children: React.ReactNode;
-    className?: string;
-}
-declare function AgentPopoverStepContent({ step, children, className }: AgentPopoverStepContentProps): React.JSX.Element | null;
-interface AgentPopoverFormField {
-    name: string;
-    label: string;
-    type?: "text" | "email" | "tel" | "textarea";
-    placeholder?: string;
-    required?: boolean;
-}
-interface AgentPopoverFormProps {
-    fields?: AgentPopoverFormField[];
-    submitLabel?: string;
-    onSubmit?: (values: Record<string, string>) => void;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare function AgentPopoverForm({ fields, submitLabel, onSubmit, className, children, }: AgentPopoverFormProps): React.JSX.Element;
-interface AgentPopoverOverviewProps {
-    userSummary?: Record<string, string>;
-    discussionPoints?: string[];
-    actions?: React.ReactNode;
-    className?: string;
-}
-declare function AgentPopoverOverview({ userSummary, discussionPoints, actions, className, }: AgentPopoverOverviewProps): React.JSX.Element;
-interface AgentPopoverChatProps {
-    messages?: AgentWidgetMessage[];
-    onSendMessage?: (text: string) => void;
-    onEndSession?: () => void;
-    inputMode?: "voice" | "text" | "voice+text";
-    visualSlot?: React.ReactNode;
-    assistantAvatarSlot?: React.ReactNode;
-    status?: AgentWidgetStatus;
-    mode?: AgentWidgetMode;
-    className?: string;
-}
-declare function AgentPopoverChat({ messages, onSendMessage, onEndSession, inputMode, visualSlot, assistantAvatarSlot, status, mode, className, }: AgentPopoverChatProps): React.JSX.Element;
-
-export { type AccountFilterTab, type AccountsViewConfig, type ActiveVariant, ActivityDetail, type ActivityDetailData, type ActivityDetailProps, type ActivityItem, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityParticipant, ActivityRow, type ActivityThreadMessage, type AdminTab, type AdminViewConfig, AgentOrb, AgentOrbCanvas, type AgentOrbProps, type AgentOrbState, AgentPopover, AgentPopoverBranding, type AgentPopoverBrandingProps, AgentPopoverChat, type AgentPopoverChatProps, type AgentPopoverContextValue, AgentPopoverForm, type AgentPopoverFormField, type AgentPopoverFormProps, AgentPopoverOverview, type AgentPopoverOverviewProps, type AgentPopoverProps, type AgentPopoverStep, AgentPopoverStepContent, type AgentPopoverStepContentProps, AgentWidget, type AgentWidgetMessage, type AgentWidgetMode, type AgentWidgetProps, type AgentWidgetStatus, type ApprovalState, type AssigneeFilter, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BarChartComponent, type BarChartComponentProps, type BarSeries, Button, CHART_CURSOR_STYLE, CHART_TOOLTIP_STYLE, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipEntry, CheckInsCard, Citation, ConnectedApps, type ConnectionStatus, type ContactChannel, type ContactItem, ContactList, type ContactListProps, type DataRow, DataTable, DataTableDisplay, type DataTableDisplayColumn, DataTableFilter, type DataTableFilterCategory, type DataTableProps, type DataTableQuickViewValue, DataTableQuickViews, DataTableToolbar, DetailView, DetailViewHeader, type DetailViewProps, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntityActivityItem, EntityDetails, type EntityMetadataField, EntityMetadataGrid, EntityPanel, type EntityPanelBrandIcons, type EntityPanelConfig, EntityPanelHeader, type EntityPanelSection, EntityPanelTabs, EntitySection, type FilterDefinition, type GroupedListGroup, GroupedListView, type GroupedListViewProps, type InboxDetailSections, type InboxFilterCategory, InboxGroupHeader, InboxRow, type InboxRowProps, InboxToolbar, type InboxToolbarProps, type InboxViewConfig, Input, type InsightsCustomTab, InsightsFilterBar, type InsightsFilterBarProps, type InsightsViewConfig, ItemList, ItemListDisplay, type ItemListDisplayState, ItemListFilter, type ItemListFilterCategory, type ItemListGrouping, type ItemListQuickView, ItemListToolbar, type ItemListViewMode, Label, Message, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, MetricCard, type MetricCardData, type MetricCardProps, type MetricDataPoint, PerformanceMetricsTable, type PerformanceMetricsTableRow, type PerformanceMetricsTableSortOption, type PipelineFilterBreakdown, PipelineOverview, type PipelineOverviewProps, type PipelineStage, type PipelineStageMetrics, type PipelineStageTiming, PotentialContacts, PreviewList, PreviewListItem, type PreviewListItemProps, Progress, PrototypeAccountsView, type PrototypeAccountsViewProps, PrototypeAdminView, type PrototypeAdminViewProps, type PrototypeBrandConfig, type PrototypeConfig, PrototypeInboxView, type PrototypeInboxViewProps, PrototypeInsightsView, type PrototypeInsightsViewProps, PrototypeShell, type PrototypeShellProps, PrototypeWorkQueueView, type PrototypeWorkQueueViewProps, type QueueItem, QuickActionChatArea, QuickActionModal, type QuickActionPriority$1 as QuickActionPriority, QuickActionSidebarNav, type QuickActionSubmitPayload, type QuickActionTaskDraft, type QuickActionTemplate, RecentActivity, RecentlyCompletedCard, type RecommendedAction, RecommendedActionsSection, ReportCard, type ReportCardProps, SankeyChart, type SankeyData, type SankeyDropOff, type SankeyHoverCardData, type SankeyLink, type SankeyNode, type SankeyStageMetrics, ScoreAnalysisModal, type ScoreAnalysisModalProps, ScoreAnalysisPanel, ScoreBreakdown, type ScoreBreakdownProps, type ScoreFactor, ScoreFeedback, ScoreRing, type ScoreRingProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarNavItem, type SidebarNavSection, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type SidebarUserProfile, SignalApproval, Actions as SignalApprovalActions, type SignalApprovalContextValue, Gate as SignalApprovalGate, type SignalApprovalLabels, Root as SignalApprovalRoot, type RootProps as SignalApprovalRootProps, type SignalScoreData, SimpleChartTooltip, type SimpleChartTooltipProps, SimpleDataTable, type SimpleDataTableProps, Skeleton, type SourceDef, SourceList, StatusBadge, type StatusBadgeProps, type StatusType, type StyledBarItem, StyledBarList, type StyledBarListProps, type SuggestedAction, type SuggestedActionBrowserMeta, type SuggestedActionCallMeta, type SuggestedActionEmailMeta, type SuggestedActionFollowUp, type SuggestedActionManualMeta, type SuggestedActionReplyTo, type SuggestedActionThreadMessage, type SuggestedActionTicket, SuggestedActions, type SuggestedActionsIconMap, type SuggestedActionsProps, type SuggestedContact, SystemActivity, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, TimelineActivity, type TimelineActivityProps, type TimelineEvent, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLineMetrics, type TopLineMetricsProps, TopTasksCard, TrendAreaChart, type TrendAreaChartProps, type TrendSeries, UpcomingMeetingsCard, type UserMenuItem, type ViewMode, ViewModeToggle, type ViewModeToggleProps, VolumeAnalysisChart, type VolumeAnalysisChartProps, type VolumeDataKey, type WorkQueueViewConfig, badgeVariants, buttonVariants, cn, getScoreColor, tabsListVariants, useAgentPopover, useIsMobile, useScoreFeedback, useSidebar, useSignalApproval };
+export { cn } from './lib/utils.js';
+export { BRAND_ICONS } from './lib/icons.js';
+export { useIsMobile } from './hooks/use-mobile.js';
+export { ActivityDetail, ActivityDetailData, ActivityDetailProps, ActivityParticipant, ActivityThreadMessage } from './components/activity-detail.js';
+export { ActivityLog, ActivityLogItem, ActivityLogProps, ActivityRow } from './components/activity-log.js';
+export { AgentPopover, AgentPopoverBranding, AgentPopoverBrandingProps, AgentPopoverChat, AgentPopoverChatProps, AgentPopoverContextValue, AgentPopoverForm, AgentPopoverFormField, AgentPopoverFormProps, AgentPopoverOverview, AgentPopoverOverviewProps, AgentPopoverProps, AgentPopoverStep, AgentPopoverStepContent, AgentPopoverStepContentProps, ConnectionStatus, useAgentPopover } from './components/agent-popover.js';
+export { AgentWidget, AgentWidgetMessage, AgentWidgetMode, AgentWidgetProps, AgentWidgetStatus } from './components/agent-widget.js';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './components/avatar.js';
+export { Badge, badgeVariants } from './components/badge.js';
+export { Button, buttonVariants } from './components/button.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/card.js';
+export { ContactChannel, ContactItem, ContactList, ContactListProps } from './components/contact-list.js';
+export { CheckInsCard, RecentlyCompletedCard, TopTasksCard, UpcomingMeetingsCard } from './components/dashboard-cards.js';
+export { DataRow, DataTable, DataTableProps } from './components/data-table.js';
+export { DataTableDisplay, DataTableDisplayColumn } from './components/data-table-display.js';
+export { DataTableFilter, DataTableFilterCategory } from './components/data-table-filter.js';
+export { DataTableQuickViewValue, DataTableQuickViews } from './components/data-table-quick-views.js';
+export { DataTableToolbar } from './components/data-table-toolbar.js';
+export { Citation, DetailViewHeader, DetailViewSummary, DetailViewThread, SourceDef, SourceList, ThreadMessage } from './components/detail-view.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/dialog.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/dropdown-menu.js';
+export { ActivityItem, ConnectedApps, EntityActivityItem, EntityDetails, EntityMetadataField, EntityMetadataGrid, EntityPanel, EntityPanelBrandIcons, EntityPanelHeader, EntityPanelTabs, EntitySection, PotentialContacts, RecentActivity, SystemActivity } from './components/entity-panel.js';
+export { InboxGroupHeader, InboxRow, InboxRowProps } from './components/inbox-row.js';
+export { AssigneeFilter, InboxFilterCategory, InboxToolbar, InboxToolbarProps } from './components/inbox-toolbar.js';
+export { Input } from './components/input.js';
+export { FilterDefinition, InsightsFilterBar, InsightsFilterBarProps } from './components/insights-filter-bar.js';
+export { GroupedListGroup, GroupedListView, GroupedListViewProps, ItemList } from './components/item-list.js';
+export { ItemListDisplay, ItemListDisplayState, ItemListGrouping, ItemListViewMode } from './components/item-list-display.js';
+export { ItemListFilter, ItemListFilterCategory } from './components/item-list-filter.js';
+export { ItemListQuickView, ItemListToolbar } from './components/item-list-toolbar.js';
+export { Label } from './components/label.js';
+export { Message, MessageAvatar, MessageAvatarProps, MessageContent, MessageContentProps, MessageProps } from './components/message.js';
+export { MetricCard, MetricCardProps, MetricDataPoint } from './components/metric-card.js';
+export { PerformanceMetricsTable, PerformanceMetricsTableRow, PerformanceMetricsTableSortOption } from './components/performance-metrics-table.js';
+export { PreviewList, PreviewListItem, PreviewListItemProps } from './components/preview-list.js';
+export { Progress } from './components/progress.js';
+export { QuickActionChatArea, QuickActionSubmitPayload } from './components/quick-action-chat-area.js';
+export { QuickActionModal, QuickActionPriority, QuickActionTaskDraft, QuickActionTemplate } from './components/quick-action-modal.js';
+export { ActiveVariant, QuickActionSidebarNav, SidebarNavItem, SidebarNavSection, SidebarUserProfile, UserMenuItem } from './components/quick-action-sidebar-nav.js';
+export { RecommendedAction, RecommendedActionsSection } from './components/recommended-actions-section.js';
+export { ReportCard, ReportCardProps } from './components/report-card.js';
+export { ScoreAnalysisModal, ScoreAnalysisModalProps, ScoreAnalysisPanel } from './components/score-analysis-modal.js';
+export { ScoreBreakdown, ScoreBreakdownProps, ScoreFactor } from './components/score-breakdown.js';
+export { ScoreFeedback, useScoreFeedback } from './components/score-feedback.js';
+export { ScoreRing, ScoreRingProps, getScoreColor } from './components/score-ring.js';
+export { ScrollArea, ScrollBar } from './components/scroll-area.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
+export { Separator } from './components/separator.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './components/sheet.js';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/sidebar.js';
+export { ApprovalState, SignalApproval, SignalApprovalActions, SignalApprovalContextValue, SignalApprovalGate, SignalApprovalLabels, SignalApprovalRoot, SignalApprovalRootProps, useSignalApproval } from './components/signal-feedback-inline.js';
+export { SimpleDataTable, SimpleDataTableProps } from './components/simple-data-table.js';
+export { Skeleton } from './components/skeleton.js';
+export { StatusBadge, StatusBadgeProps, StatusType } from './components/status-badge.js';
+export { StyledBarItem, StyledBarList, StyledBarListProps } from './components/styled-bar-list.js';
+export { SuggestedAction, SuggestedActionBrowserMeta, SuggestedActionCallMeta, SuggestedActionEmailMeta, SuggestedActionFollowUp, SuggestedActionManualMeta, SuggestedActionReplyTo, SuggestedActionThreadMessage, SuggestedActionTicket, SuggestedActions, SuggestedActionsIconMap, SuggestedActionsProps, SuggestedContact } from './components/suggested-actions.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/table.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './components/tabs.js';
+export { Textarea } from './components/textarea.js';
+export { TimelineActivity, TimelineActivityProps, TimelineEvent } from './components/timeline-activity.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/tooltip.js';
+export { ViewMode, ViewModeToggle, ViewModeToggleProps } from './components/view-mode-toggle.js';
+import 'clsx';
+import 'react';
+import 'radix-ui';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@tanstack/react-table';