@octavius2929-personal/design-system 1.0.1 → 1.2.0

package/dist/index.d.ts

@@ -1297,6 +1297,10 @@ interface ColorTokens {
         sunken: string;
         inset: string;
     };
+    /** `strong`/`muted` cumplen AA (≥4.5) sobre los 4 fondos. **`subtle` solo cumple AA sobre
+     *  `bg.page`/`bg.surface`**: sobre los hundidos (`bg.sunken`/`bg.inset`) queda en ~3–4.4, así
+     *  que ahí es válido únicamente para uso incidental (estados `:disabled`, que WCAG 1.4.3
+     *  exime). Para texto ACTIVO sobre fondos hundidos usá `muted`. Lo fija `contrast.test.ts`. */
     fg: {
         strong: string;
         muted: string;
@@ -1648,6 +1652,21 @@ interface IconProps extends SVGProps<SVGSVGElement> {
     size?: number;
     /** Grosor de trazo. Por defecto 1.75. */
     strokeWidth?: number;
+    /**
+     * Nombre accesible del icono. Reutiliza el atributo nativo `title` de
+     * `SVGProps` (mismo nombre que `IconButtonProps.title`) en vez de sumar un
+     * prop nuevo con semántica solapada.
+     *
+     * - **Presente** → el icono es informativo: pierde `aria-hidden`, gana
+     *   `role="img"` + `aria-label={title}` (los lectores de pantalla lo
+     *   anuncian). Usalo cuando el icono ES el contenido — sin texto visible
+     *   al lado que ya lo describa (p.ej. un botón solo-icono, un indicador de
+     *   estado).
+     * - **Ausente (default)** → el icono es decorativo: `aria-hidden="true"`,
+     *   sin rol ni nombre accesible. Es el caso normal cuando el icono
+     *   acompaña un texto/label visible que ya transmite el significado.
+     */
+    title?: string;
 }
 type Icon = (props: IconProps) => ReactElement;
 
@@ -1985,6 +2004,17 @@ interface SnackbarProps {
     message: ReactNode;
     action?: ReactNode;
     onClose?: () => void;
+    /**
+     * Tiempo en ms antes de auto-cerrarse (dispara `onClose`). Default: `5000`.
+     * Pasá `null` para desactivarlo: el snackbar queda persistente y solo se
+     * cierra por acción del usuario (p. ej. el botón de cerrar).
+     *
+     * A11y (WCAG 2.2.1 — Timing Adjustable): el timer se pausa mientras el
+     * puntero está sobre el snackbar o el foco está dentro de él, y se reinicia
+     * con la duración completa al terminar la interacción. Así no se cierra
+     * algo que el usuario está leyendo o con lo que está interactuando.
+     */
+    duration?: number | null;
     /** testId de la instancia: compone `feedback__<contexto>__<testId>`. */
     testId?: string;
 }
@@ -2031,225 +2061,227 @@ interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
 
 declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLDivElement>>;
 
-declare function AlertCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function AlertCircleIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
+
+declare function ArchiveIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ArchiveIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ArrowDownIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ArrowDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ArrowLeftIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ArrowLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ArrowRightIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ArrowRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ArrowUpIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ArrowUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function AtSignIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function AtSignIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function BellIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function BellIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function BellOffIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function BellOffIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function BookmarkIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function BookmarkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CalendarIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CalendarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CameraIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CameraIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CheckIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronDownIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronLeftIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronRightIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronUpIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronsLeftIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronsLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ChevronsRightIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ChevronsRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CircleCheckIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CircleCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CircleXIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CircleXIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ClipboardIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ClipboardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ClockIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ClockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CloudIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CloudIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CopyIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CopyIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CornerDownRightIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CornerDownRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function CreditCardIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function CreditCardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function DollarSignIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function DollarSignIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function DownloadIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function DownloadIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ExternalLinkIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ExternalLinkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function EyeIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function EyeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function EyeOffIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function EyeOffIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FileIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FileIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FileTextIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FileTextIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FilterIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FilterIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FingerprintIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FingerprintIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FolderIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FolderIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function FolderOpenIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function FolderOpenIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function GiftIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function GiftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function GitHubIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function GlobeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function GlobeIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function GridIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function GridIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function HeartIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function HeartIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function HelpCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function HelpCircleIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function HomeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function HomeIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ImageIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ImageIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function InboxIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function InboxIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function InfoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function InfoIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function KeyIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function KeyIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LayoutIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LayoutIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LinkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LinkIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ListIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ListIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LoaderIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LoaderIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LockIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LogInIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LogInIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function LogOutIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function LogOutIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MailIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MailIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MapPinIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MapPinIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MaximizeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MaximizeIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MenuIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MenuIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MessageCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MessageCircleIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MessageSquareIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MessageSquareIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MicIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MicIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MinimizeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MinimizeIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MinusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MinusIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MoonIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MoonIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MoreHorizontalIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MoreHorizontalIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function MoreVerticalIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function MoreVerticalIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PackageIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PackageIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PaperclipIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PaperclipIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PauseIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PauseIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PencilIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PencilIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PhoneIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PhoneIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PlayIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PlayIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PlusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PlusIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function PrinterIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function PrinterIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function RedoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function RedoIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function RefreshCwIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function RefreshCwIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SaveIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SaveIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SearchIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SearchIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SendIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SendIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SettingsIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SettingsIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ShareIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ShareIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ShieldIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ShieldIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ShieldCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ShieldCheckIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ShoppingBagIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ShoppingBagIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ShoppingCartIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ShoppingCartIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SidebarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SidebarIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SkipBackIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SkipBackIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SkipForwardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SkipForwardIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SlidersIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SlidersIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SmileIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SmileIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function StarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function StarIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function SunIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function SunIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function TagIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function TagIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ThumbsDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ThumbsDownIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ThumbsUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ThumbsUpIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function TrashIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function TrashIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function TriangleAlertIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function TriangleAlertIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UndoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UndoIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UnlockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UnlockIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UploadIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UploadIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UserIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UserIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UserCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UserCheckIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UserPlusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UserPlusIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function UsersIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function UsersIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function Volume2Icon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function Volume2Icon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function VolumeXIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function VolumeXIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function WifiIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function WifiIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function XIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function XIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
-declare function ZapIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
+declare function ZapIcon({ size, strokeWidth, title, ...rest }: IconProps): react.JSX.Element;
 
 declare const iconCatalog: {
     name: string;
@@ -2291,4 +2323,4 @@ interface TestIdHandle {
 }
 declare function useTestId(type: string, ownTestId?: string): TestIdHandle;
 
-export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, BellIcon, BellOffIcon, BookmarkIcon, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, CalendarIcon, CameraIcon, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, ClipboardIcon, ClockIcon, CloudIcon, type ColorTokens, Container, type ContainerProps, CopyIcon, CornerDownRightIcon, CreditCardIcon, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, DollarSignIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileTextIcon, FilterIcon, FingerprintIcon, FolderIcon, FolderOpenIcon, GiftIcon, GlobeIcon, GridIcon, HeartIcon, HelpCircleIcon, HomeIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, ImageIcon, InboxIcon, InfoIcon, KeyIcon, LayoutIcon, LinkIcon, ListIcon, ListItem, type ListItemProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, Menu, MenuIcon, type MenuItemDef, type MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MinimizeIcon, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PackageIcon, Pagination, type PaginationProps, PaperclipIcon, PasswordField, type PasswordFieldProps, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, PrinterIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, RedoIcon, RefreshCwIcon, SaveIcon, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, SendIcon, SettingsIcon, ShareIcon, ShieldCheckIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, Slider, type SliderProps, SlidersIcon, SmileIcon, Snackbar, type SnackbarProps, StarIcon, type Step, Stepper, type StepperProps, SunIcon, Surface, type SurfaceProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TagIcon, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, ThumbsDownIcon, ThumbsUpIcon, Tooltip, type TooltipPlacement, type TooltipProps, TrashIcon, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, UndoIcon, UnlockIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UsersIcon, Volume2Icon, VolumeXIcon, WifiIcon, XIcon, ZapIcon, colorVars, iconCatalog, modeNames, schemaNames, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };
+export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, BellIcon, BellOffIcon, BookmarkIcon, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, CalendarIcon, CameraIcon, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, ClipboardIcon, ClockIcon, CloudIcon, type ColorTokens, Container, type ContainerProps, CopyIcon, CornerDownRightIcon, CreditCardIcon, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, DollarSignIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileTextIcon, FilterIcon, FingerprintIcon, FolderIcon, FolderOpenIcon, GiftIcon, GitHubIcon, GlobeIcon, GridIcon, HeartIcon, HelpCircleIcon, HomeIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, ImageIcon, InboxIcon, InfoIcon, KeyIcon, LayoutIcon, LinkIcon, ListIcon, ListItem, type ListItemProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, Menu, MenuIcon, type MenuItemDef, type MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MinimizeIcon, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PackageIcon, Pagination, type PaginationProps, PaperclipIcon, PasswordField, type PasswordFieldProps, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, PrinterIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, RedoIcon, RefreshCwIcon, SaveIcon, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, SendIcon, SettingsIcon, ShareIcon, ShieldCheckIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, Slider, type SliderProps, SlidersIcon, SmileIcon, Snackbar, type SnackbarProps, StarIcon, type Step, Stepper, type StepperProps, SunIcon, Surface, type SurfaceProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TagIcon, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, ThumbsDownIcon, ThumbsUpIcon, Tooltip, type TooltipPlacement, type TooltipProps, TrashIcon, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, UndoIcon, UnlockIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UsersIcon, Volume2Icon, VolumeXIcon, WifiIcon, XIcon, ZapIcon, colorVars, iconCatalog, modeNames, schemaNames, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };