@qtalo/qt-ui-library 0.3.4 → 0.4.1

package/dist/index.d.ts

@@ -241,6 +241,8 @@ export declare type BetaResizeHandleProps = {
     className?: string;
 };
 
+export declare function BriefcaseOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function BuildingIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export declare function BuildingOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
@@ -360,6 +362,8 @@ declare type CardTitleProps = {
     className?: string;
 };
 
+export declare function CheckBoldIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function Checkbox({ checked, defaultChecked, icon, indeterminate, indeterminateIcon, onChange, disabled, children, className, }: CheckboxProps): JSX.Element;
 
 export declare function CheckboxIcon({ pathProps, ...props }: IconProps): JSX.Element;
@@ -382,14 +386,20 @@ export declare function CheckCircleIcon({ pathProps, ...props }: IconProps): JSX
 
 export declare function CheckIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function CheckOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function CheckSquareIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function ChevronRightIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function ClickUpIcon(props: IconProps): JSX.Element;
 
 export declare function CloseBoldIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export declare function CloseIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function CloseOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 /**
@@ -430,6 +440,35 @@ declare type ConfirmationToastProps = ConfirmationTemplateProps & {
 
 export declare function CopyIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function CursorTooltip({ content, children, position, multiline, className, }: CursorTooltipProps): JSX.Element;
+
+export declare type CursorTooltipProps = {
+    content: string;
+    children: ReactNode;
+    position?: "top" | "top-right";
+    multiline?: boolean;
+    className?: string;
+};
+
+export declare function CustomerGroupHeader({ label, count, open, onToggle, allOpen, onToggleAll, className, }: CustomerGroupHeaderProps): JSX.Element;
+
+export declare type CustomerGroupHeaderProps = {
+    label: string;
+    count: number;
+    open: boolean;
+    onToggle: () => void;
+    allOpen?: boolean;
+    onToggleAll?: () => void;
+    className?: string;
+};
+
+export declare function CustomerGroupHeaderSkeleton({ labelWidthClassName, className, }: CustomerGroupHeaderSkeletonProps): JSX.Element;
+
+export declare type CustomerGroupHeaderSkeletonProps = {
+    labelWidthClassName?: string;
+    className?: string;
+};
+
 export declare function DarkIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 declare type DateFormatOptions = {
@@ -825,6 +864,22 @@ export declare function EventSummaryFireButton({ active, onClick, }: Pick<EventS
 
 export declare type EventType = "email" | "message" | "ticket" | "calendar";
 
+export declare function EvidenceHeader({ icon, title, muted, meta, className, }: EvidenceHeaderProps): JSX.Element;
+
+export declare type EvidenceHeaderProps = {
+    icon: ReactNode;
+    title: string;
+    muted?: boolean;
+    meta?: string;
+    className?: string;
+};
+
+export declare function EvidenceHeaderSkeleton({ className, }: EvidenceHeaderSkeletonProps): JSX.Element;
+
+export declare type EvidenceHeaderSkeletonProps = {
+    className?: string;
+};
+
 export declare function EvidenceTimeline({ items, canExpandThread, tone, threadTitle, clientCompany, contactName, teamCompanyName, recipientLabel, className, ...props }: EvidenceTimelineProps): JSX.Element;
 
 export declare type EvidenceTimelineDirection = "external_inbound" | "internal_outbound";
@@ -866,6 +921,8 @@ export declare type EvidenceTimelineTone = "fire" | "review" | "resolved";
 
 export declare function ExternalLinkIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function ExternalLinkOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function EyeFillIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export declare function EyeIcon({ pathProps, ...props }: IconProps): JSX.Element;
@@ -1159,6 +1216,8 @@ export declare type IconProps = SVGProps<SVGSVGElement> & {
 
 export declare function InboxIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function InfoFillIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function InfoTooltip({ className, ...props }: InfoTooltipProps): JSX.Element;
 
 export declare type InfoTooltipProps = TooltipProps;
@@ -1314,6 +1373,14 @@ export declare function MinusIcon({ pathProps, ...props }: IconProps): JSX.Eleme
 
 export declare function MoreIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
+export declare function MsIcon({ name, size, className }: MsIconProps): JSX.Element;
+
+export declare type MsIconProps = {
+    name: string;
+    size?: number;
+    className?: string;
+};
+
 export declare function NoEyeIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export declare function NormalDensityIcon({ pathProps, ...props }: IconProps): JSX.Element;
@@ -1488,6 +1555,58 @@ export declare type PulseFilterChipSkeletonProps = {
 
 export declare type PulseFilterChipTone = "fire" | "review" | "neutral" | "brand";
 
+export declare function PulseGmailIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
+export declare function PulseSignalCard({ timeText, severity, slaLabel, move, subject, askAuthor, askText, nextLabel, nextText, owner, sources, tone, selected, onClick, onOpenThread, className, }: PulseSignalCardProps): JSX.Element;
+
+export declare type PulseSignalCardMove = PulseSignalStatusMove;
+
+export declare type PulseSignalCardProps = {
+    timeText?: string;
+    severity: PulseSignalCardSeverity;
+    slaLabel: string;
+    move?: PulseSignalCardMove;
+    subject: string;
+    askAuthor?: string;
+    askText?: string;
+    nextLabel?: string;
+    nextText?: string;
+    owner?: string;
+    sources?: ReactNode;
+    tone: PulseSignalCardTone;
+    selected?: boolean;
+    onClick?: () => void;
+    onOpenThread?: () => void;
+    className?: string;
+};
+
+export declare type PulseSignalCardSeverity = PulseSignalStatusSeverity;
+
+export declare function PulseSignalCardSkeleton({ className, }: PulseSignalCardSkeletonProps): JSX.Element;
+
+export declare type PulseSignalCardSkeletonProps = {
+    className?: string;
+};
+
+export declare type PulseSignalCardTone = "response" | "review" | "spark";
+
+export declare function PulseSignalStatus({ timeText, severity, slaLabel, move, keepSize, className, }: PulseSignalStatusProps): JSX.Element;
+
+export declare type PulseSignalStatusMove = "respond" | "decide" | "observe";
+
+export declare type PulseSignalStatusProps = {
+    timeText?: string;
+    severity: PulseSignalStatusSeverity;
+    slaLabel: string;
+    move?: PulseSignalStatusMove;
+    keepSize?: boolean;
+    className?: string;
+};
+
+export declare type PulseSignalStatusSeverity = "fire" | "spark" | "watching";
+
+export declare function PulseSlackIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function QtaloBlueImage({ size, className, ...props }: QtaloImageProps_2): JSX.Element;
 
 export declare function QtaloImage({ size, className, ...props }: QtaloImageProps): JSX.Element;
@@ -1504,6 +1623,14 @@ export declare function ReadIcon({ pathProps, ...props }: IconProps): JSX.Elemen
 
 export declare function ReplyIoIcon(props: IconProps): JSX.Element;
 
+export declare function ResizeDivider({ isResizing, onMouseDown, className, }: ResizeDividerProps): JSX.Element;
+
+export declare type ResizeDividerProps = {
+    isResizing?: boolean;
+    onMouseDown: (event: React.MouseEvent) => void;
+    className?: string;
+};
+
 export declare function RichContent({ content, className }: RichContentProps): JSX.Element;
 
 export declare type RichContentProps = {
@@ -1714,6 +1841,117 @@ export declare type SignalDetailSeverity = "fire" | "spark" | "watching";
 
 export declare type SignalDetailStatusTone = "fire" | "review" | "resolved";
 
+export declare function SignalSummaryActionButton({ icon, label, className, ...props }: SignalSummaryActionButtonProps): JSX.Element;
+
+export declare type SignalSummaryActionButtonProps = Omit<ButtonProps, "children"> & {
+    icon: ReactNode;
+    label: string;
+};
+
+export declare function SignalSummaryActionsSection({ title, children, className, }: SignalSummaryActionsSectionProps): JSX.Element;
+
+export declare type SignalSummaryActionsSectionProps = {
+    title: string;
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function SignalSummaryActionsSectionSkeleton({ className, }: SignalSummaryActionsSectionSkeletonProps): JSX.Element;
+
+export declare type SignalSummaryActionsSectionSkeletonProps = {
+    className?: string;
+};
+
+export declare function SignalSummaryClaimSection({ title, claim, guardrail, className, }: SignalSummaryClaimSectionProps): JSX.Element;
+
+export declare type SignalSummaryClaimSectionProps = {
+    title: string;
+    claim: string;
+    guardrail?: string;
+    className?: string;
+};
+
+export declare function SignalSummaryClaimSectionSkeleton({ className, }: SignalSummaryClaimSectionSkeletonProps): JSX.Element;
+
+export declare type SignalSummaryClaimSectionSkeletonProps = {
+    className?: string;
+};
+
+export declare type SignalSummaryDismissOption = {
+    id: string;
+    label: string;
+};
+
+export declare function SignalSummaryDismissReasons({ prompt, options, selectedId, onSelect, confirmLabel, cancelLabel, insteadLabel, onConfirm, onCancel, onInstead, className, }: SignalSummaryDismissReasonsProps): JSX.Element;
+
+export declare type SignalSummaryDismissReasonsProps = {
+    prompt: string;
+    options: SignalSummaryDismissOption[];
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+    confirmLabel: string;
+    cancelLabel: string;
+    insteadLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    onInstead: () => void;
+    className?: string;
+};
+
+export declare function SignalSummaryHeader({ status, onClose, from, to, className, }: SignalSummaryHeaderProps): JSX.Element;
+
+export declare type SignalSummaryHeaderProps = {
+    status: ReactNode;
+    onClose?: () => void;
+    from: {
+        name: string;
+        company?: string;
+        address?: string;
+    };
+    to?: {
+        name: string;
+        tooltip?: string;
+        addresses?: string[];
+        icon: ReactNode;
+    };
+    className?: string;
+};
+
+export declare function SignalSummaryHeaderSkeleton({ className, }: SignalSummaryHeaderSkeletonProps): JSX.Element;
+
+export declare type SignalSummaryHeaderSkeletonProps = {
+    className?: string;
+};
+
+export declare function SignalSummaryReviewSection({ title, decision, reasons, className, }: SignalSummaryReviewSectionProps): JSX.Element;
+
+export declare type SignalSummaryReviewSectionProps = {
+    title: string;
+    decision: string;
+    reasons?: string[];
+    className?: string;
+};
+
+export declare function SignalSummarySlaSection({ title, statusLabel, status, percentUsed, actual, window, className, }: SignalSummarySlaSectionProps): JSX.Element;
+
+export declare type SignalSummarySlaSectionProps = {
+    title: string;
+    statusLabel: string;
+    status: SignalSummarySlaStatus;
+    percentUsed: number;
+    actual: string;
+    window: string;
+    className?: string;
+};
+
+export declare function SignalSummarySlaSectionSkeleton({ className, }: SignalSummarySlaSectionSkeletonProps): JSX.Element;
+
+export declare type SignalSummarySlaSectionSkeletonProps = {
+    className?: string;
+};
+
+export declare type SignalSummarySlaStatus = "met" | "on_track" | "approaching" | "overdue" | "way_overdue";
+
 export declare function SignOutIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export declare function Skeleton({ className }: SkeletonProps): JSX.Element;
@@ -1824,6 +2062,61 @@ export declare function SystemIcon({ pathProps, ...props }: IconProps): JSX.Elem
 
 export declare function TeamsIcon(props: IconProps): JSX.Element;
 
+export declare function ThreadDateDivider({ label, className, }: ThreadDateDividerProps): JSX.Element;
+
+export declare type ThreadDateDividerProps = {
+    label: string;
+    className?: string;
+};
+
+export declare function ThreadDateDividerSkeleton({ className, }: ThreadDateDividerSkeletonProps): JSX.Element;
+
+export declare type ThreadDateDividerSkeletonProps = {
+    className?: string;
+};
+
+export declare function ThreadEmailMessage({ icon, sourceLabel, onOpenSource, senderName, senderCompany, senderAddress, recipientName, recipientCompany, recipientAddresses, recipientNote, timestamp, body, className, }: ThreadEmailMessageProps): JSX.Element;
+
+export declare type ThreadEmailMessageProps = {
+    icon: ReactNode;
+    sourceLabel: string;
+    onOpenSource?: () => void;
+    senderName: string;
+    senderCompany?: string;
+    senderAddress?: string;
+    recipientName?: string;
+    recipientCompany?: string;
+    recipientAddresses?: string[];
+    recipientNote?: string;
+    timestamp: string;
+    body: string;
+    className?: string;
+};
+
+export declare function ThreadEmailMessageSkeleton({ className, }: ThreadEmailMessageSkeletonProps): JSX.Element;
+
+export declare type ThreadEmailMessageSkeletonProps = {
+    className?: string;
+};
+
+export declare function ThreadSlackMessage({ sourceLabel, onOpenSource, senderName, timestamp, body, className, }: ThreadSlackMessageProps): JSX.Element;
+
+export declare type ThreadSlackMessageProps = {
+    sourceLabel: string;
+    onOpenSource?: () => void;
+    senderName: string;
+    timestamp: string;
+    body: string;
+    className?: string;
+};
+
+export declare function ThreadSlackMessageSkeleton({ bodyWidthClassName, className, }: ThreadSlackMessageSkeletonProps): JSX.Element;
+
+export declare type ThreadSlackMessageSkeletonProps = {
+    bodyWidthClassName?: string;
+    className?: string;
+};
+
 export declare type TicketDetail = {
     summary?: string;
     priorityText?: string;
@@ -1941,6 +2234,16 @@ export declare const toastStore: {
  */
 export declare function toMondayBased(dayOfWeek: number): number;
 
+export declare function ToolbarButton({ label, icon, count, variant, selected, className, ...props }: ToolbarButtonProps): JSX.Element;
+
+export declare type ToolbarButtonProps = Omit<ButtonProps, "children"> & {
+    label: string;
+    icon?: ReactNode;
+    count?: number | string;
+    variant?: "tab" | "menu";
+    selected?: boolean;
+};
+
 export declare function Tooltip({ children, content, position, delay, className, }: TooltipProps): JSX.Element;
 
 export declare type TooltipPosition = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
@@ -1980,6 +2283,8 @@ export declare function useLongPress(onLongPress: () => void, onClick: () => voi
     onClick: () => void;
 };
 
+export declare function UserOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
+
 export declare function WarningIcon({ pathProps, ...props }: IconProps): JSX.Element;
 
 export { }