@qtalo/qt-ui-library 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,943 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ClassValue } from 'clsx';
+import { ComponentPropsWithoutRef } from 'react';
+import { Context } from 'react';
+import { ElementType } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { SVGProps } from 'react';
+import { TVReturnType } from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+export declare function Accordion({ children, type, defaultValue, className, }: AccordionProps): JSX.Element;
+
+export declare function AccordionContent({ value, children, className, ...props }: AccordionContentProps): JSX.Element | null;
+
+declare type AccordionContentProps = {
+    value: string;
+    children: ReactNode;
+    className?: string;
+} & ComponentPropsWithoutRef<"div">;
+
+declare type AccordionContextValue = {
+    openItems: Set<string>;
+    toggleItem: (value: string) => void;
+    type: "single" | "multiple";
+};
+
+export declare function AccordionItem({ value, children, className, ...props }: AccordionItemProps): JSX.Element;
+
+declare type AccordionItemProps = {
+    value: string;
+    children: ReactNode;
+    className?: string;
+} & ComponentPropsWithoutRef<"div">;
+
+declare type AccordionProps = {
+    children: ReactNode;
+    type?: "single" | "multiple";
+    defaultValue?: string | string[];
+    className?: string;
+};
+
+export declare function AccordionTrigger({ value, children, className, asChild, onClick, ...props }: AccordionTriggerProps): JSX.Element;
+
+declare type AccordionTriggerProps = {
+    value: string;
+    children: ReactNode;
+    className?: string;
+    asChild?: boolean;
+} & ComponentPropsWithoutRef<"button">;
+
+export declare function AccountIcon(props: IconProps): JSX.Element;
+
+export declare function ActionMenu({ trigger, children, className, ...props }: ActionMenuProps): JSX.Element;
+
+export declare function ActionMenuItem({ icon, label, className, selected, ...props }: ActionMenuItemProps): JSX.Element;
+
+declare type ActionMenuItemProps = DropdownMenuItemProps & {
+    icon?: ReactElement<IconProps>;
+    label: string;
+    selected?: boolean;
+};
+
+declare type ActionMenuProps = DropdownMenuProps;
+
+export declare function AddIcon(props: IconProps): JSX.Element;
+
+export declare function AirtableIcon(props: IconProps): JSX.Element;
+
+declare type ArrowDirection = "up" | "down" | "left" | "right";
+
+export declare function ArrowIcon({ direction, className, ...props }: ArrowIconProps): JSX.Element;
+
+declare type ArrowIconProps = IconProps & {
+    direction?: ArrowDirection;
+};
+
+export declare function AsanaIcon(props: IconProps): JSX.Element;
+
+export declare function Avatar({ name, size, className }: AvatarProps): JSX.Element;
+
+export declare const AVATAR_COLOR: {
+    readonly amber: {
+        readonly bg: "bg-amber-200";
+        readonly text: "text-amber-700";
+    };
+    readonly blue: {
+        readonly bg: "bg-blue-200";
+        readonly text: "text-blue-700";
+    };
+    readonly cyan: {
+        readonly bg: "bg-cyan-200";
+        readonly text: "text-cyan-700";
+    };
+    readonly emerald: {
+        readonly bg: "bg-emerald-200";
+        readonly text: "text-emerald-700";
+    };
+    readonly fuchsia: {
+        readonly bg: "bg-fuchsia-200";
+        readonly text: "text-fuchsia-700";
+    };
+    readonly green: {
+        readonly bg: "bg-green-200";
+        readonly text: "text-green-700";
+    };
+    readonly indigo: {
+        readonly bg: "bg-indigo-200";
+        readonly text: "text-indigo-700";
+    };
+    readonly lime: {
+        readonly bg: "bg-lime-200";
+        readonly text: "text-lime-700";
+    };
+    readonly orange: {
+        readonly bg: "bg-orange-200";
+        readonly text: "text-orange-700";
+    };
+    readonly pink: {
+        readonly bg: "bg-pink-200";
+        readonly text: "text-pink-700";
+    };
+    readonly purple: {
+        readonly bg: "bg-purple-200";
+        readonly text: "text-purple-700";
+    };
+    readonly rose: {
+        readonly bg: "bg-rose-200";
+        readonly text: "text-rose-700";
+    };
+    readonly sky: {
+        readonly bg: "bg-sky-200";
+        readonly text: "text-sky-700";
+    };
+    readonly slate: {
+        readonly bg: "bg-slate-200";
+        readonly text: "text-slate-700";
+    };
+    readonly stone: {
+        readonly bg: "bg-stone-200";
+        readonly text: "text-stone-700";
+    };
+    readonly teal: {
+        readonly bg: "bg-teal-200";
+        readonly text: "text-teal-700";
+    };
+    readonly violet: {
+        readonly bg: "bg-violet-200";
+        readonly text: "text-violet-700";
+    };
+};
+
+export declare const AVATAR_COLOR_KEYS: AvatarColorKey[];
+
+export declare type AvatarColor = (typeof AVATAR_COLOR)[AvatarColorKey];
+
+export declare type AvatarColorKey = keyof typeof AVATAR_COLOR;
+
+declare type AvatarProps = {
+    name: string;
+    className?: string;
+} & VariantProps<typeof avatarStyles>;
+
+declare const avatarStyles: TVReturnType<    {
+size: {
+xs: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, "flex shrink-0 items-center justify-center rounded-full leading-none font-semibold select-none", {
+size: {
+xs: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, TVReturnType<    {
+size: {
+xs: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, "flex shrink-0 items-center justify-center rounded-full leading-none font-semibold select-none", unknown, unknown, undefined>>;
+
+export declare function Badge({ icon, label, action, className }: BadgeProps): JSX.Element;
+
+export declare type BadgeProps = {
+    icon?: ReactElement<typeof Icon>;
+    label: ReactNode;
+    action?: ReactElement<typeof Button>;
+    className?: string;
+};
+
+export declare function BulkActions({ totalItems, selectedItems, onSelectAll, actions, defaultDensity, onDensityChange, className, }: BulkActionsProps): JSX.Element;
+
+declare type BulkActionsProps = {
+    totalItems: number;
+    selectedItems: number;
+    onSelectAll: (select: boolean) => void;
+    actions: {
+        fire: {
+            on: () => void;
+            off: () => void;
+        };
+        done: {
+            on: () => void;
+            off: () => void;
+        };
+        read: {
+            on: () => void;
+            off: () => void;
+        };
+    };
+    defaultDensity?: Density;
+    onDensityChange: (density: Density) => void;
+    className?: string;
+};
+
+export declare function Button({ className, children, ...props }: ButtonProps): JSX.Element;
+
+export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+};
+
+/**
+ * Calendar day metadata
+ */
+export declare type CalendarDay = {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+};
+
+export declare function CalendarIcon(props: IconProps): JSX.Element;
+
+export declare const capitalize: (s: string) => string;
+
+export declare function Card<T extends ElementType = "div">({ as, children, className, ...props }: CardProps<T>): JSX.Element;
+
+export declare function CardContent({ children, className }: CardContentProps): JSX.Element;
+
+declare type CardContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function CardFooter({ children, className }: CardFooterProps): JSX.Element;
+
+declare type CardFooterProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function CardHeader({ children, className }: CardHeaderProps): JSX.Element;
+
+declare type CardHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function CardLayout({ children, className }: CardLayoutProps): JSX.Element;
+
+declare type CardLayoutProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+declare type CardOwnProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+declare type CardProps<T extends ElementType = "div"> = CardOwnProps & {
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, keyof CardOwnProps | "as">;
+
+export declare function CardSidebar({ children, className }: CardSidebarProps): JSX.Element;
+
+declare type CardSidebarProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function CardTitle({ children, className }: CardTitleProps): JSX.Element;
+
+declare type CardTitleProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare function Checkbox({ checked, defaultChecked, icon, indeterminate, indeterminateIcon, onChange, disabled, children, className, }: CheckboxProps): JSX.Element;
+
+export declare function CheckboxIcon(props: IconProps): JSX.Element;
+
+declare type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    indeterminateIcon?: React.ReactNode;
+};
+
+export declare function CheckCircleEmptyIcon(props: IconProps): JSX.Element;
+
+export declare function CheckCircleIcon(props: IconProps): JSX.Element;
+
+export declare function ClickUpIcon(props: IconProps): JSX.Element;
+
+export declare function CloseIcon(props: IconProps): JSX.Element;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Brand color tokens
+ *
+ * ⚠️ IMPORTANT: These values MUST match the CSS custom properties in src/styles/tailwind.css
+ *
+ * The single source of truth is src/styles/tailwind.css (@theme directive).
+ * These TypeScript tokens are provided for programmatic access in components.
+ *
+ * When updating colors:
+ * 1. Update the value in src/styles/tailwind.css first
+ * 2. Then update the corresponding value here to keep them in sync
+ *
+ * Usage:
+ * - For TailwindCSS classes: Use bg-brand-primary, bg-brand-secondary, etc. (defined in tailwind.css)
+ * - For programmatic access: Import and use these tokens
+ */
+export declare const colors: {
+    readonly brandPrimary: "#6558fd";
+    readonly brandSecondary: "#ceff1a";
+};
+
+export declare function CompactDensityIcon(props: IconProps): JSX.Element;
+
+export declare function CopyIcon(props: IconProps): JSX.Element;
+
+export declare function DarkIcon(props: IconProps): JSX.Element;
+
+export declare function DatePicker({ mode, value, defaultValue, onChange, disabled, className, }: DatePickerProps): JSX.Element;
+
+declare type DatePickerProps = {
+    mode?: "single" | "range";
+    value?: Date | null | DateRange;
+    defaultValue?: Date | null | DateRange;
+    onChange?: (date: Date | null | DateRange) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+
+declare type DateRange = {
+    startDate: Date | null;
+    endDate: Date | null;
+};
+
+declare type Density = "normal" | "compact";
+
+export declare function Divider({ className, ...variants }: DividerProps): JSX.Element;
+
+declare type DividerProps = DividerVariants & {
+    className?: string;
+};
+
+declare const dividerStyles: TVReturnType<    {
+orientation: {
+horizontal: string;
+vertical: string;
+};
+inset: {
+none: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, "bg-neutral-400-variant-4", {
+orientation: {
+horizontal: string;
+vertical: string;
+};
+inset: {
+none: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, TVReturnType<    {
+orientation: {
+horizontal: string;
+vertical: string;
+};
+inset: {
+none: string;
+sm: string;
+md: string;
+lg: string;
+};
+}, undefined, "bg-neutral-400-variant-4", unknown, unknown, undefined>>;
+
+declare type DividerVariants = VariantProps<typeof dividerStyles>;
+
+export declare function Dropdown({ trigger, children, align, disabled, }: DropdownProps): JSX.Element;
+
+declare type DropdownAlign = "start" | "end";
+
+export declare const DropdownContext: Context<DropdownContextValue | null>;
+
+declare type DropdownContextValue = {
+    close: () => void;
+};
+
+export declare function DropdownMenu({ trigger, children, className, ...props }: DropdownMenuProps): JSX.Element;
+
+export declare function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
+
+export declare type DropdownMenuItemProps = ButtonProps & {
+    closeOnClick?: boolean;
+};
+
+export declare type DropdownMenuProps = DropdownProps & {
+    children: ReactElement<DropdownMenuItemProps> | ReactElement<DropdownMenuItemProps>[];
+    className?: string;
+};
+
+export declare type DropdownProps = {
+    trigger: ReactNode;
+    children: ReactNode;
+    align?: DropdownAlign;
+    disabled?: boolean;
+};
+
+export declare function ExternalLinkIcon(props: IconProps): JSX.Element;
+
+declare const FILTER_BUTTON_META: {
+    readonly fire: {
+        readonly icon: typeof FireIcon;
+        readonly label: "Fire";
+        readonly iconColor: "text-tertiary-500";
+    };
+    readonly unread: {
+        readonly icon: typeof UnreadIcon;
+        readonly label: "Unread";
+        readonly iconColor: "text-primary-500";
+    };
+    readonly insight: {
+        readonly icon: typeof InsightIcon;
+        readonly label: "Insights";
+        readonly iconColor: "text-primary-600";
+    };
+    readonly done: {
+        readonly icon: typeof CheckCircleIcon;
+        readonly label: "Done";
+        readonly iconColor: "text-success-base";
+    };
+};
+
+export declare function FilterBar({ children, className }: FilterBarProps): JSX.Element;
+
+declare type FilterBarProps = {
+    children: ReactElement<FilterButtonProps>[];
+    className?: string;
+};
+
+export declare function FilterButton({ variant, label, count, selected, icon, classNames, disabled, ...props }: FilterButtonProps): JSX.Element;
+
+declare type FilterButtonClassNames = Partial<{
+    root: string;
+    icon: string;
+    label: string;
+    count: string;
+}>;
+
+export declare type FilterButtonProps = Omit<ButtonProps, "children" | "className"> & {
+    variant?: FilterButtonVariant;
+    label?: string;
+    count?: number;
+    selected?: boolean;
+    icon?: ReactElement<IconProps>;
+    classNames?: FilterButtonClassNames;
+};
+
+declare type FilterButtonVariant = keyof typeof FILTER_BUTTON_META | "custom";
+
+export declare function FireIcon(props: IconProps): JSX.Element;
+
+/**
+ * Format a date to "Dec 3, 2025" format
+ */
+export declare function formatDate(date: Date | null): string;
+
+/**
+ * Format a date or date range for display
+ * Single day: "Dec 3, 2025"
+ * Same year range: "Jan 5 - Jan 17, 2026"
+ * Different years: "Nov 5, 2025 - Jan 17, 2026"
+ */
+export declare function formatDateRange(startDate: Date | null, endDate: Date | null): string;
+
+/**
+ * Generate a full calendar grid with days from previous, current, and next month
+ * Returns a flat array of calendar days that always fills complete weeks (multiple of 7)
+ * The first column is always Monday
+ */
+export declare function generateCalendarDays(year: number, month: number): CalendarDay[];
+
+/**
+ * Calendar utility functions using native Date API
+ */
+/**
+ * Get the number of days in a given month
+ */
+export declare function getDaysInMonth(year: number, month: number): number;
+
+/**
+ * Get the first day of the month (0 = Sunday, 1 = Monday, ..., 6 = Saturday)
+ * Returns 0-6 where 0 is Sunday
+ */
+export declare function getFirstDayOfMonth(year: number, month: number): number;
+
+export declare function getInitials(value: string): string;
+
+/**
+ * Get month name
+ */
+export declare function getMonthName(month: number): string;
+
+/**
+ * Get weekday labels
+ */
+export declare function getWeekdays(): readonly string[];
+
+export declare function GmailIcon(props: IconProps): JSX.Element;
+
+export declare function GoogleCalendarIcon(props: IconProps): JSX.Element;
+
+export declare function Icon({ size, className, viewBox, children, ...props }: IconProps): JSX.Element;
+
+export declare function IconButton({ icon, ...props }: IconButtonProps): JSX.Element;
+
+export declare type IconButtonProps = Omit<ButtonProps, "children"> & {
+    icon: ReactElement<IconProps>;
+};
+
+export declare function IconCountButton({ icon, label, count, variant, orientation, status, alwaysShowCount, classNames, ...props }: IconCountButtonProps): JSX.Element;
+
+declare type IconCountButtonClassNames = Partial<{
+    root: string;
+    bubble: string;
+    label: string;
+    count: string;
+}>;
+
+export declare type IconCountButtonProps = IconCountButtonVariant & Omit<ButtonProps, "children" | "className"> & {
+    icon: ReactElement<IconProps>;
+    label: string;
+    count?: number;
+    alwaysShowCount?: boolean;
+    classNames?: IconCountButtonClassNames;
+};
+
+declare const iconCountButtonStyles: TVReturnType<    {
+variant: {
+primary: {};
+secondary: {};
+minimal: {
+bubble: string;
+label: string;
+};
+};
+status: {
+active: {};
+inactive: {};
+};
+orientation: {
+vertical: {
+root: string;
+label: string;
+};
+horizontal: {
+root: string;
+label: string;
+};
+};
+}, {
+root: string;
+bubble: string;
+label: string;
+count: string;
+icon: string;
+}, undefined, {
+variant: {
+primary: {};
+secondary: {};
+minimal: {
+bubble: string;
+label: string;
+};
+};
+status: {
+active: {};
+inactive: {};
+};
+orientation: {
+vertical: {
+root: string;
+label: string;
+};
+horizontal: {
+root: string;
+label: string;
+};
+};
+}, {
+root: string;
+bubble: string;
+label: string;
+count: string;
+icon: string;
+}, TVReturnType<    {
+variant: {
+primary: {};
+secondary: {};
+minimal: {
+bubble: string;
+label: string;
+};
+};
+status: {
+active: {};
+inactive: {};
+};
+orientation: {
+vertical: {
+root: string;
+label: string;
+};
+horizontal: {
+root: string;
+label: string;
+};
+};
+}, {
+root: string;
+bubble: string;
+label: string;
+count: string;
+icon: string;
+}, undefined, unknown, unknown, undefined>>;
+
+declare type IconCountButtonVariant = VariantProps<typeof iconCountButtonStyles>;
+
+export declare type IconProps = SVGProps<SVGSVGElement> & {
+    size?: number;
+};
+
+export declare function InfoTooltip({ className, ...props }: InfoTooltipProps): JSX.Element;
+
+export declare type InfoTooltipProps = TooltipProps;
+
+export declare function Input({ type, value, defaultValue, disabled, error, placeholder, onChange, className, }: InputProps): JSX.Element;
+
+declare type InputProps = {
+    type?: "text" | "email" | "password";
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    error?: boolean;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+};
+
+export declare function InsightIcon(props: IconProps): JSX.Element;
+
+export declare function IntegrationBar({ orientation, children, onAddMore, className, }: IntegrationBarProps): JSX.Element;
+
+declare type IntegrationBarOrientation = "horizontal" | "vertical";
+
+declare type IntegrationBarProps = {
+    orientation?: IntegrationBarOrientation;
+    children: ReactElement<IconCountButtonProps>[];
+    onAddMore: () => void;
+    className?: string;
+};
+
+/**
+ * Check if date1 is before date2 (ignoring time)
+ */
+export declare function isDateBefore(date1: Date, date2: Date): boolean;
+
+/**
+ * Check if a date is within a range (inclusive)
+ */
+export declare function isDateInRange(date: Date, startDate: Date | null, endDate: Date | null): boolean;
+
+/**
+ * Check if two dates are the same day
+ */
+export declare function isSameDay(date1: Date | null, date2: Date | null): boolean;
+
+/**
+ * Check if a date is today
+ */
+export declare function isToday(date: Date): boolean;
+
+export declare function JiraIcon(props: IconProps): JSX.Element;
+
+export declare function LightIcon(props: IconProps): JSX.Element;
+
+declare type Listener = (toasts: ToastItem[]) => void;
+
+export declare function LogoIcon(props: IconProps): JSX.Element;
+
+export declare function MinusIcon(props: IconProps): JSX.Element;
+
+export declare function MoreIcon(props: IconProps): JSX.Element;
+
+export declare function NormalDensityIcon(props: IconProps): JSX.Element;
+
+export declare function NotFireIcon(props: IconProps): JSX.Element;
+
+export declare function OutlookCalendarIcon(props: IconProps): JSX.Element;
+
+export declare function OutlookIcon(props: IconProps): JSX.Element;
+
+/**
+ * Parse MM/DD/YYYY format to Date
+ */
+export declare function parseDate(dateString: string): Date | null;
+
+export declare function pickColorFromPalette<T>(value: string, palette: readonly T[]): T;
+
+export declare function Pressable({ as: Component, disabled, onPress, className, children, }: PressableProps): JSX.Element;
+
+declare type PressableProps = {
+    as?: keyof JSX_2.IntrinsicElements;
+    disabled?: boolean;
+    onPress?: () => void;
+    className?: string;
+    children?: React.ReactNode;
+};
+
+export declare type PreviewActions = Partial<Record<PreviewActionType, {
+    onClick: () => void;
+}>>;
+
+export declare type PreviewActionType = "fire" | "done" | "link";
+
+export declare function PreviewCard({ icon, sender, title, content, timestamp, workspace, read, selected, onSelect, checked, onCheckedChange, statuses, actions, }: PreviewCardProps): JSX.Element;
+
+export declare type PreviewCardProps = {
+    icon: ReactNode;
+    sender: string;
+    title: string;
+    content: string;
+    timestamp: string;
+    workspace: string;
+    read?: boolean;
+    selected?: boolean;
+    onSelect?: () => void;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    statuses?: PreviewStatuses;
+    actions?: PreviewActions;
+};
+
+export declare type PreviewStatuses = Partial<Record<PreviewStatusType, {
+    label?: string;
+    onAction?: () => void;
+}>>;
+
+export declare type PreviewStatusType = "fire" | "insight" | "done";
+
+export declare function ReadIcon(props: IconProps): JSX.Element;
+
+export declare function SearchIcon(props: IconProps): JSX.Element;
+
+export declare function SearchInput({ value, defaultValue, placeholder, onChange, onClear, disabled, className, }: SearchInputProps): JSX.Element;
+
+declare type SearchInputProps = {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    className?: string;
+};
+
+export declare type ShowToastOptions = {
+    content: ReactNode;
+    duration?: number;
+    position?: ToastPosition;
+};
+
+export declare function SlackIcon(props: IconProps): JSX.Element;
+
+export declare function StatusBadge({ className, label, status, onAction, }: StatusBadgeProps): JSX.Element;
+
+export declare type StatusBadgeProps = Omit<BadgeProps, "icon" | "action" | "label"> & Required<VariantProps<typeof statusBadgeStyles>> & {
+    label?: ReactNode;
+    onAction?: () => void;
+};
+
+declare const statusBadgeStyles: TVReturnType<    {
+status: {
+fire: {
+root: string;
+text: string;
+};
+insight: {
+root: string;
+text: string;
+};
+done: {
+root: string;
+text: string;
+};
+};
+}, {
+root: string;
+text: string;
+}, undefined, {
+status: {
+fire: {
+root: string;
+text: string;
+};
+insight: {
+root: string;
+text: string;
+};
+done: {
+root: string;
+text: string;
+};
+};
+}, {
+root: string;
+text: string;
+}, TVReturnType<    {
+status: {
+fire: {
+root: string;
+text: string;
+};
+insight: {
+root: string;
+text: string;
+};
+done: {
+root: string;
+text: string;
+};
+};
+}, {
+root: string;
+text: string;
+}, undefined, unknown, unknown, undefined>>;
+
+/**
+ * Prevents click and keyboard events from bubbling to parent components
+ * (e.g. Pressable, Card, ListRow).
+ */
+export declare function StopPropagation({ children }: StopPropagationProps): JSX.Element;
+
+declare type StopPropagationProps = {
+    children: ReactNode;
+};
+
+export declare function stringHash(input: string): number;
+
+export declare function SummaryIcon(props: IconProps): JSX.Element;
+
+export declare function SystemIcon(props: IconProps): JSX.Element;
+
+export declare function TeamsIcon(props: IconProps): JSX.Element;
+
+export declare function toast(content: ReactNode | ShowToastOptions, options?: Omit<ShowToastOptions, "content">): {
+    id: `${string}-${string}-${string}-${string}-${string}`;
+    dismiss: () => void;
+};
+
+export declare function Toaster(): ReactPortal;
+
+export declare type ToastItem = {
+    id: string;
+    content: ReactNode;
+    position: ToastPosition;
+    duration: number;
+};
+
+export declare type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+
+export declare const toastStore: {
+    subscribe(listener: Listener): () => void;
+    add(toast: ToastItem): void;
+    remove(id: string): void;
+};
+
+/**
+ * Convert day of week from Sunday-based (0-6) to Monday-based (0-6)
+ * Sunday (0) becomes 6, Monday (1) becomes 0, etc.
+ */
+export declare function toMondayBased(dayOfWeek: number): number;
+
+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";
+
+export declare type TooltipProps = {
+    children: ReactNode;
+    content: ReactNode;
+    position?: TooltipPosition;
+    delay?: number;
+    className?: string;
+};
+
+export declare function UnreadIcon(props: IconProps): JSX.Element;
+
+export declare function useAccordion(): AccordionContextValue;
+
+export declare function useDropdown(): DropdownContextValue;
+
+export declare function useLongPress(onLongPress: () => void, onClick: () => void, delay?: number): {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+    onTouchStart: () => void;
+    onTouchEnd: () => void;
+    onClick: () => void;
+};
+
+export { }