@memelabui/ui 0.2.0 → 0.4.0

package/dist/index.d.cts

@@ -33,6 +33,16 @@ declare function useDebounce<T>(value: T, delayMs?: number): T;
 
 type Size = 'sm' | 'md' | 'lg';
 
+type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+type AvatarProps = {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    className?: string;
+};
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+
 type ButtonVariant = 'primary' | 'success' | 'warning' | 'danger' | 'secondary' | 'ghost';
 type ButtonSize = 'sm' | 'md' | 'lg';
 type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -56,7 +66,7 @@ type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'
     size?: 'sm' | 'md' | 'lg';
     'aria-label': string;
 };
-declare const IconButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & {
+declare const IconButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> & {
     icon: ReactNode;
     variant?: "primary" | "success" | "warning" | "danger" | "secondary" | "ghost";
     size?: "sm" | "md" | "lg";
@@ -111,6 +121,19 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<H
     helperText?: string;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 
+type TagInputProps = {
+    value: string[];
+    onChange: (tags: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    maxTags?: number;
+    className?: string;
+    id?: string;
+};
+declare function TagInput({ value, onChange, placeholder, disabled, label, error, maxTags, className, id: externalId, }: TagInputProps): react_jsx_runtime.JSX.Element;
+
 type BadgeVariant = 'neutral' | 'primary' | 'success' | 'successSolid' | 'warning' | 'danger' | 'dangerSolid' | 'accent';
 type BadgeSize = 'sm' | 'md';
 type BadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
@@ -135,6 +158,7 @@ type ToggleProps = {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
+    busy?: boolean;
     label?: string;
     size?: ToggleSize;
     id?: string;
@@ -142,6 +166,29 @@ type ToggleProps = {
 };
 declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
 
+type SliderProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    onChange?: (value: number) => void;
+};
+declare const Slider: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    onChange?: (value: number) => void;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type ColorInputProps = {
+    value: string;
+    onChange: (color: string) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+};
+declare const ColorInput: react.ForwardRefExoticComponent<ColorInputProps & react.RefAttributes<HTMLInputElement>>;
+
 type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     label?: string;
     error?: string;
@@ -332,6 +379,151 @@ type DropZoneProps = {
 };
 declare function DropZone({ onFilesDropped, accept, maxFiles, maxSize, disabled, children, className, 'aria-label': ariaLabel, }: DropZoneProps): react_jsx_runtime.JSX.Element;
 
+type FormFieldProps = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    children: ReactElement;
+    className?: string;
+    id?: string;
+};
+declare function FormField({ label, error, helperText, children, className, id: idProp }: FormFieldProps): react_jsx_runtime.JSX.Element;
+
+type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+    label?: string;
+    className?: string;
+};
+declare function Divider({ orientation, label, className }: DividerProps): react_jsx_runtime.JSX.Element;
+
+type TableProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableRowProps = {
+    children: ReactNode;
+    className?: string;
+    hoverable?: boolean;
+};
+type TableHeadProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableCellProps = {
+    children: ReactNode;
+    className?: string;
+    align?: 'left' | 'center' | 'right';
+};
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+
+type StatCardTrend = {
+    value: number;
+    label?: string;
+};
+type StatCardProps = {
+    value: string | number;
+    label: string;
+    icon?: ReactNode;
+    trend?: StatCardTrend;
+    className?: string;
+};
+declare function StatCard({ value, label, icon, trend, className }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+type PaginationProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+};
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+type Step = {
+    label: string;
+    description?: string;
+};
+type StepperProps = {
+    steps: Step[];
+    activeStep: number;
+    className?: string;
+};
+declare function Stepper({ steps, activeStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarVariant = 'primary' | 'success' | 'warning' | 'danger';
+type ProgressBarProps = {
+    value: number;
+    max?: number;
+    variant?: ProgressBarVariant;
+    label?: string;
+    showValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+};
+declare function ProgressBar({ value, max, variant, label, showValue, size, className, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type CooldownRingSize = 'sm' | 'md' | 'lg';
+type CooldownRingProps = {
+    duration: number;
+    remaining: number;
+    onTick?: () => void;
+    onComplete?: () => void;
+    size?: CooldownRingSize;
+    className?: string;
+};
+declare function CooldownRing({ duration, remaining, size, className, }: CooldownRingProps): react_jsx_runtime.JSX.Element;
+
+type StageProgressProps = {
+    stages: string[];
+    activeStage: number;
+    className?: string;
+};
+declare function StageProgress({ stages, activeStage, className }: StageProgressProps): react_jsx_runtime.JSX.Element;
+
+type DotIndicatorProps = {
+    remaining: number;
+    max: number;
+    showLabel?: boolean;
+    labelFormat?: (remaining: number, max: number) => string;
+    className?: string;
+};
+declare function DotIndicator({ remaining, max, showLabel, labelFormat, className, }: DotIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type FilterPill = {
+    key: string;
+    label: string;
+};
+type ActiveFilterPillsProps = {
+    filters: FilterPill[];
+    onRemove: (key: string) => void;
+    onClearAll?: () => void;
+    clearAllLabel?: string;
+    className?: string;
+};
+declare function ActiveFilterPills({ filters, onRemove, onClearAll, clearAllLabel, className, }: ActiveFilterPillsProps): react_jsx_runtime.JSX.Element | null;
+
+type SectionCardProps = {
+    title: string;
+    description?: string;
+    right?: ReactNode;
+    overlay?: ReactNode;
+    children: ReactNode;
+    className?: string;
+};
+declare function SectionCard({ title, description, right, overlay, children, className, }: SectionCardProps): react_jsx_runtime.JSX.Element;
+
 type PageShellVariant = 'plain' | 'glass' | 'minimal';
 type PageShellProps = {
     header?: ReactNode;
@@ -372,6 +564,25 @@ type DashboardLayoutProps = {
 };
 declare function DashboardLayout({ children, navbar, sidebar, className, mainClassName, maxWidth }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
 
+type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+type AlertProps = {
+    variant?: AlertVariant;
+    title?: string;
+    children: ReactNode;
+    onDismiss?: () => void;
+    className?: string;
+};
+declare function Alert({ variant, title, children, onDismiss, className }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type CopyFieldProps = {
+    value: string;
+    label?: string;
+    masked?: boolean;
+    className?: string;
+    id?: string;
+};
+declare function CopyField({ value, label, masked, className, id: externalId }: CopyFieldProps): react_jsx_runtime.JSX.Element;
+
 type ProgressButtonProps = Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'loading'> & {
     isLoading?: boolean;
     loadingText?: ReactNode;
@@ -409,4 +620,14 @@ type ToastContextValue = {
 declare function ToastProvider({ children, position, maxToasts }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 
-export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, DashboardLayout, type DashboardLayoutProps, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, Navbar, type NavbarProps, PageShell, type PageShellProps, type PageShellVariant, Pill, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, SearchInput, type SearchInputProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, type UseClipboardReturn, type UseDisclosureReturn, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useMediaQuery, useToast };
+type MutationOverlayStatus = 'idle' | 'saving' | 'saved' | 'error';
+type MutationOverlayProps = {
+    status: MutationOverlayStatus;
+    savingText?: string;
+    savedText?: string;
+    errorText?: string;
+    className?: string;
+};
+declare function MutationOverlay({ status, savingText, savedText, errorText, className, }: MutationOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutProps, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, type FilterPill, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, StageProgress, type StageProgressProps, StatCard, type StatCardProps, type StatCardTrend, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, type UseClipboardReturn, type UseDisclosureReturn, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useMediaQuery, useToast };

package/dist/index.d.ts

@@ -33,6 +33,16 @@ declare function useDebounce<T>(value: T, delayMs?: number): T;
 
 type Size = 'sm' | 'md' | 'lg';
 
+type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+type AvatarProps = {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    className?: string;
+};
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+
 type ButtonVariant = 'primary' | 'success' | 'warning' | 'danger' | 'secondary' | 'ghost';
 type ButtonSize = 'sm' | 'md' | 'lg';
 type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -56,7 +66,7 @@ type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'
     size?: 'sm' | 'md' | 'lg';
     'aria-label': string;
 };
-declare const IconButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & {
+declare const IconButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> & {
     icon: ReactNode;
     variant?: "primary" | "success" | "warning" | "danger" | "secondary" | "ghost";
     size?: "sm" | "md" | "lg";
@@ -111,6 +121,19 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<H
     helperText?: string;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 
+type TagInputProps = {
+    value: string[];
+    onChange: (tags: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    maxTags?: number;
+    className?: string;
+    id?: string;
+};
+declare function TagInput({ value, onChange, placeholder, disabled, label, error, maxTags, className, id: externalId, }: TagInputProps): react_jsx_runtime.JSX.Element;
+
 type BadgeVariant = 'neutral' | 'primary' | 'success' | 'successSolid' | 'warning' | 'danger' | 'dangerSolid' | 'accent';
 type BadgeSize = 'sm' | 'md';
 type BadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
@@ -135,6 +158,7 @@ type ToggleProps = {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
+    busy?: boolean;
     label?: string;
     size?: ToggleSize;
     id?: string;
@@ -142,6 +166,29 @@ type ToggleProps = {
 };
 declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
 
+type SliderProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    onChange?: (value: number) => void;
+};
+declare const Slider: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    onChange?: (value: number) => void;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type ColorInputProps = {
+    value: string;
+    onChange: (color: string) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+};
+declare const ColorInput: react.ForwardRefExoticComponent<ColorInputProps & react.RefAttributes<HTMLInputElement>>;
+
 type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     label?: string;
     error?: string;
@@ -332,6 +379,151 @@ type DropZoneProps = {
 };
 declare function DropZone({ onFilesDropped, accept, maxFiles, maxSize, disabled, children, className, 'aria-label': ariaLabel, }: DropZoneProps): react_jsx_runtime.JSX.Element;
 
+type FormFieldProps = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    children: ReactElement;
+    className?: string;
+    id?: string;
+};
+declare function FormField({ label, error, helperText, children, className, id: idProp }: FormFieldProps): react_jsx_runtime.JSX.Element;
+
+type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+    label?: string;
+    className?: string;
+};
+declare function Divider({ orientation, label, className }: DividerProps): react_jsx_runtime.JSX.Element;
+
+type TableProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableRowProps = {
+    children: ReactNode;
+    className?: string;
+    hoverable?: boolean;
+};
+type TableHeadProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TableCellProps = {
+    children: ReactNode;
+    className?: string;
+    align?: 'left' | 'center' | 'right';
+};
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+
+type StatCardTrend = {
+    value: number;
+    label?: string;
+};
+type StatCardProps = {
+    value: string | number;
+    label: string;
+    icon?: ReactNode;
+    trend?: StatCardTrend;
+    className?: string;
+};
+declare function StatCard({ value, label, icon, trend, className }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+type PaginationProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+};
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+type Step = {
+    label: string;
+    description?: string;
+};
+type StepperProps = {
+    steps: Step[];
+    activeStep: number;
+    className?: string;
+};
+declare function Stepper({ steps, activeStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarVariant = 'primary' | 'success' | 'warning' | 'danger';
+type ProgressBarProps = {
+    value: number;
+    max?: number;
+    variant?: ProgressBarVariant;
+    label?: string;
+    showValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+};
+declare function ProgressBar({ value, max, variant, label, showValue, size, className, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type CooldownRingSize = 'sm' | 'md' | 'lg';
+type CooldownRingProps = {
+    duration: number;
+    remaining: number;
+    onTick?: () => void;
+    onComplete?: () => void;
+    size?: CooldownRingSize;
+    className?: string;
+};
+declare function CooldownRing({ duration, remaining, size, className, }: CooldownRingProps): react_jsx_runtime.JSX.Element;
+
+type StageProgressProps = {
+    stages: string[];
+    activeStage: number;
+    className?: string;
+};
+declare function StageProgress({ stages, activeStage, className }: StageProgressProps): react_jsx_runtime.JSX.Element;
+
+type DotIndicatorProps = {
+    remaining: number;
+    max: number;
+    showLabel?: boolean;
+    labelFormat?: (remaining: number, max: number) => string;
+    className?: string;
+};
+declare function DotIndicator({ remaining, max, showLabel, labelFormat, className, }: DotIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type FilterPill = {
+    key: string;
+    label: string;
+};
+type ActiveFilterPillsProps = {
+    filters: FilterPill[];
+    onRemove: (key: string) => void;
+    onClearAll?: () => void;
+    clearAllLabel?: string;
+    className?: string;
+};
+declare function ActiveFilterPills({ filters, onRemove, onClearAll, clearAllLabel, className, }: ActiveFilterPillsProps): react_jsx_runtime.JSX.Element | null;
+
+type SectionCardProps = {
+    title: string;
+    description?: string;
+    right?: ReactNode;
+    overlay?: ReactNode;
+    children: ReactNode;
+    className?: string;
+};
+declare function SectionCard({ title, description, right, overlay, children, className, }: SectionCardProps): react_jsx_runtime.JSX.Element;
+
 type PageShellVariant = 'plain' | 'glass' | 'minimal';
 type PageShellProps = {
     header?: ReactNode;
@@ -372,6 +564,25 @@ type DashboardLayoutProps = {
 };
 declare function DashboardLayout({ children, navbar, sidebar, className, mainClassName, maxWidth }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
 
+type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+type AlertProps = {
+    variant?: AlertVariant;
+    title?: string;
+    children: ReactNode;
+    onDismiss?: () => void;
+    className?: string;
+};
+declare function Alert({ variant, title, children, onDismiss, className }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type CopyFieldProps = {
+    value: string;
+    label?: string;
+    masked?: boolean;
+    className?: string;
+    id?: string;
+};
+declare function CopyField({ value, label, masked, className, id: externalId }: CopyFieldProps): react_jsx_runtime.JSX.Element;
+
 type ProgressButtonProps = Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'loading'> & {
     isLoading?: boolean;
     loadingText?: ReactNode;
@@ -409,4 +620,14 @@ type ToastContextValue = {
 declare function ToastProvider({ children, position, maxToasts }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 
-export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, DashboardLayout, type DashboardLayoutProps, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, Navbar, type NavbarProps, PageShell, type PageShellProps, type PageShellVariant, Pill, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, SearchInput, type SearchInputProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, type UseClipboardReturn, type UseDisclosureReturn, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useMediaQuery, useToast };
+type MutationOverlayStatus = 'idle' | 'saving' | 'saved' | 'error';
+type MutationOverlayProps = {
+    status: MutationOverlayStatus;
+    savingText?: string;
+    savedText?: string;
+    errorText?: string;
+    className?: string;
+};
+declare function MutationOverlay({ status, savingText, savedText, errorText, className, }: MutationOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutProps, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, type FilterPill, FormField, type FormFieldProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, StageProgress, type StageProgressProps, StatCard, type StatCardProps, type StatCardTrend, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, type UseClipboardReturn, type UseDisclosureReturn, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useMediaQuery, useToast };