@fanvue/ui 2.10.1 → 2.11.0

package/dist/index.d.ts

@@ -74,13 +74,57 @@ export declare type AccordionTriggerProps = React_2.ComponentPropsWithoutRef<typ
     icon?: React_2.ReactNode | null;
 };
 
-export declare const AddIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Add icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <AddIcon size={24} />
+ * ```
+ */
+export declare const AddIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const AIIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link AddIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AddIconProps = BaseIconProps;
+
+/**
+ * Ai 2 icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AI2Icon size={24} filled />
+ * ```
+ */
+export declare const AI2Icon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AI2Icon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AI2IconProps = BaseIconProps;
+
+/**
+ * AI Disclosure icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AIDisclosureIcon size={24} filled />
+ * ```
+ */
+export declare const AIDisclosureIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AIDisclosureIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AIDisclosureIconProps = BaseIconProps;
+
+/**
+ * Ai icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AIIcon size={24} filled />
+ * ```
+ */
+export declare const AIIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AIIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AIIconProps = BaseIconProps;
 
 /**
  * Displays a contextual feedback message to the user.
@@ -100,9 +144,18 @@ export declare const AIIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttrib
  */
 export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const AlertIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Alert icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AlertIcon size={24} filled />
+ * ```
+ */
+export declare const AlertIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AlertIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AlertIconProps = BaseIconProps;
 
 export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement> {
     /** Visual style variant of the alert. @default "info" */
@@ -122,27 +175,89 @@ export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElemen
 /** Visual style variant of the alert. */
 export declare type AlertVariant = "info" | "success" | "warning" | "error";
 
-export declare const ArrowDownIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Apps icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AppsIcon size={24} filled />
+ * ```
+ */
+export declare const AppsIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ArrowLeftIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link AppsIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AppsIconProps = BaseIconProps;
 
-export declare const ArrowRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Arrow Down icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownIcon size={24} />
+ * ```
+ */
+export declare const ArrowDownIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ArrowUpIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ArrowDownIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ArrowDownIconProps = BaseIconProps;
+
+/**
+ * Arrow Left icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ArrowLeftIcon size={24} />
+ * ```
+ */
+export declare const ArrowLeftIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ArrowLeftIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ArrowLeftIconProps = BaseIconProps;
+
+/**
+ * Arrow Right icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ArrowRightIcon size={24} />
+ * ```
+ */
+export declare const ArrowRightIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ArrowRightIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ArrowRightIconProps = BaseIconProps;
+
+/**
+ * Arrow Up icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ArrowUpIcon size={24} />
+ * ```
+ */
+export declare const ArrowUpIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ArrowUpIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ArrowUpIconProps = BaseIconProps;
 
 /** A diagonal up-right arrow icon, commonly used for external links (20 × 20). */
 export declare const ArrowUpRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
+/**
+ * At Sign icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <AtSignIcon size={24} />
+ * ```
+ */
+export declare const AtSignIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AtSignIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AtSignIconProps = BaseIconProps;
+
 /** A file that was rejected during drop or browse, along with the reasons. */
 export declare interface AudioFileRejection {
     /** The rejected file. */
@@ -281,6 +396,19 @@ declare interface AutocompleteSingleProps extends AutocompleteBaseProps {
 
 export declare type AutocompleteSize = "48" | "40" | "32";
 
+/**
+ * Auto Message icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AutoMessageIcon size={24} filled />
+ * ```
+ */
+export declare const AutoMessageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AutoMessageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AutoMessageIconProps = BaseIconProps;
+
 /**
  * Displays a user avatar with optional online indicator, platinum border, and
  * NSFW blur. Pass `src` and `fallback` for the simple API, or compose your own
@@ -369,9 +497,18 @@ export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLSpanEleme
 /** Visual style variant of the badge. */
 export declare type BadgeVariant = "default" | "dark" | "success" | "warning" | "error" | "special" | "info" | "online" | "brand" | "pink" | "brandLight" | "pinkLight";
 
-export declare const BankIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Bank icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <BankIcon size={24} filled />
+ * ```
+ */
+export declare const BankIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link BankIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type BankIconProps = BaseIconProps;
 
 export declare const Banner: React_2.ForwardRefExoticComponent<BannerProps & React_2.RefAttributes<HTMLElement>>;
 
@@ -418,17 +555,59 @@ export declare interface BannerProps extends Omit<React_2.HTMLAttributes<HTMLEle
  */
 export declare type BannerVariant = "Default" | "Subtle" | "whatsNew" | "appStore1" | "appStore2" | "appStore3";
 
-export declare const BellIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Props shared by every prop-based icon. Each icon re-exports this as its own
+ * `*IconProps` alias so consumers can type wrappers and forwarded refs.
+ *
+ * `aria-hidden` defaults to `"true"` (icons are decorative). For standalone
+ * icons (e.g. icon-only buttons), pass `aria-hidden={false}` together with
+ * `role="img"` and an `aria-label`.
+ */
+export declare interface BaseIconProps extends Omit<React_2.SVGAttributes<SVGSVGElement>, "size"> {
+    /** Pixel size — selects the dedicated path geometry. @default 24 */
+    size?: IconSize;
+    /** Render the filled variant when available; falls back to outlined. @default false */
+    filled?: boolean;
+}
 
-export declare const BellOffIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Bell icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <BellIcon size={24} filled />
+ * ```
+ */
+export declare const BellIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const BoltIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link BellIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type BellIconProps = BaseIconProps;
+
+/**
+ * Bell Off icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <BellOffIcon size={24} filled />
+ * ```
+ */
+export declare const BellOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link BellOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type BellOffIconProps = BaseIconProps;
+
+/**
+ * Bolt icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <BoltIcon size={24} filled />
+ * ```
+ */
+export declare const BoltIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link BoltIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type BoltIconProps = BaseIconProps;
 
 export declare const BottomNavigation: React_2.ForwardRefExoticComponent<BottomNavigationProps & React_2.RefAttributes<HTMLElement>>;
 
@@ -529,9 +708,18 @@ export declare interface BreadcrumbSeparatorProps extends React_2.ComponentProps
 /** Breakpoint values for responsive props. */
 declare type Breakpoint = "sm" | "md" | "lg" | "xl";
 
-export declare const BulbIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Bulb icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <BulbIcon size={24} filled />
+ * ```
+ */
+export declare const BulbIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link BulbIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type BulbIconProps = BaseIconProps;
 
 /**
  * A versatile button component with multiple visual variants, sizes, icon
@@ -573,13 +761,31 @@ export declare type ButtonSize = "48" | "40" | "32" | "24";
 /** Visual style variant of the button. */
 export declare type ButtonVariant = "primary" | "secondary" | "tertiary" | "link" | "brand" | "destructive" | "white" | "tertiaryDestructive" | "text";
 
-export declare const Calendar2Icon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Calendar 2 icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <Calendar2Icon size={24} filled />
+ * ```
+ */
+export declare const Calendar2Icon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const CalendarIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link Calendar2Icon}. See {@link BaseIconProps} for the shared shape. */
+export declare type Calendar2IconProps = BaseIconProps;
+
+/**
+ * Calendar icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CalendarIcon size={24} filled />
+ * ```
+ */
+export declare const CalendarIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CalendarIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CalendarIconProps = BaseIconProps;
 
 export declare const CameraIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -636,6 +842,19 @@ export declare interface CardHeaderProps extends React_2.HTMLAttributes<HTMLDivE
     action?: React_2.ReactNode;
 }
 
+/**
+ * Card icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CardIcon size={24} filled />
+ * ```
+ */
+export declare const CardIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CardIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CardIconProps = BaseIconProps;
+
 export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement> {
     /** Visual style variant of the card. @default "outlined" */
     variant?: CardVariant;
@@ -654,9 +873,18 @@ export declare interface CardTitleProps extends React_2.HTMLAttributes<HTMLHeadi
 /** Visual style variant of the card. */
 export declare type CardVariant = "outlined" | "elevated" | "filled" | "ghost";
 
-export declare const ChartIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Chart icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ChartIcon size={24} filled />
+ * ```
+ */
+export declare const ChartIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ChartIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ChartIconProps = BaseIconProps;
 
 /**
  * A chat-style multi-line input with an integrated toolbar containing an
@@ -766,6 +994,32 @@ export declare interface ChatInputSelectOption {
  */
 export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLInputElement>>;
 
+/**
+ * CheckBox Off icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CheckBoxOffIcon size={24} filled />
+ * ```
+ */
+export declare const CheckBoxOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CheckBoxOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CheckBoxOffIconProps = BaseIconProps;
+
+/**
+ * CheckBox On icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CheckBoxOnIcon size={24} filled />
+ * ```
+ */
+export declare const CheckBoxOnIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CheckBoxOnIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CheckBoxOnIconProps = BaseIconProps;
+
 export declare interface CheckboxProps extends Omit<React_2.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> {
     /** Size variant that controls label and helper text typography. @default "default" */
     size?: CheckboxSize;
@@ -793,21 +1047,57 @@ export declare const CheckOutlineIcon: React_2.ForwardRefExoticComponent<React_2
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ChevronDownIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Chevron Down icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ChevronDownIcon size={24} />
+ * ```
+ */
+export declare const ChevronDownIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ChevronLeftIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ChevronDownIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ChevronDownIconProps = BaseIconProps;
 
-export declare const ChevronRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Chevron Left icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ChevronLeftIcon size={24} />
+ * ```
+ */
+export declare const ChevronLeftIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ChevronUpIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ChevronLeftIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ChevronLeftIconProps = BaseIconProps;
+
+/**
+ * Chevron Right icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ChevronRightIcon size={24} />
+ * ```
+ */
+export declare const ChevronRightIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ChevronRightIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ChevronRightIconProps = BaseIconProps;
+
+/**
+ * Chevron Up icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ChevronUpIcon size={24} />
+ * ```
+ */
+export declare const ChevronUpIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ChevronUpIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ChevronUpIconProps = BaseIconProps;
 
 /**
  * A compact element for filters, tags, or toggleable actions. When an `onClick`
@@ -850,31 +1140,85 @@ export declare type ChipSize = "32" | "40";
 /** Visual variant of the chip. */
 export declare type ChipVariant = "rounded" | "square" | "dark";
 
-export declare const ClockIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
-
-export declare const CloseIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
-
-export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Clock icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ClockIcon size={24} filled />
+ * ```
+ */
+export declare const ClockIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const CodeIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ClockIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ClockIconProps = BaseIconProps;
 
-export declare const CoinIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Close icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <CloseIcon size={24} />
+ * ```
+ */
+export declare const CloseIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const CompassIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link CloseIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CloseIconProps = BaseIconProps;
 
-export declare const CopyIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+export declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Code icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CodeIcon size={24} filled />
+ * ```
+ */
+export declare const CodeIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CodeIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CodeIconProps = BaseIconProps;
+
+/**
+ * Coin icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CoinIcon size={24} filled />
+ * ```
+ */
+export declare const CoinIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CoinIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CoinIconProps = BaseIconProps;
+
+/**
+ * Compass icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CompassIcon size={24} filled />
+ * ```
+ */
+export declare const CompassIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CompassIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CompassIconProps = BaseIconProps;
+
+/**
+ * Copy icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CopyIcon size={24} filled />
+ * ```
+ */
+export declare const CopyIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CopyIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CopyIconProps = BaseIconProps;
 
 /**
  * A numeric badge typically used for notification counts. Automatically
@@ -912,9 +1256,18 @@ export declare const CrossIcon: React_2.ForwardRefExoticComponent<React_2.SVGAtt
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const CrownIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Crown icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CrownIcon size={24} filled />
+ * ```
+ */
+export declare const CrownIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CrownIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CrownIconProps = BaseIconProps;
 
 /** Root component that manages open/close state for a dialog. */
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
@@ -1057,13 +1410,31 @@ export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrim
 /** Props for the {@link DialogTrigger} component. */
 export declare type DialogTriggerProps = React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
 
-export declare const DiamondIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Diamond icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DiamondIcon size={24} filled />
+ * ```
+ */
+export declare const DiamondIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const DiscountIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link DiamondIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DiamondIconProps = BaseIconProps;
+
+/**
+ * Discount icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DiscountIcon size={24} filled />
+ * ```
+ */
+export declare const DiscountIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link DiscountIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DiscountIconProps = BaseIconProps;
 
 /**
  * A horizontal separator used to divide content sections. Optionally displays a
@@ -1082,17 +1453,44 @@ export declare interface DividerProps extends React_2.ComponentPropsWithoutRef<t
     label?: string;
 }
 
-export declare const DonateIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Donate icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DonateIcon size={24} filled />
+ * ```
+ */
+export declare const DonateIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const DoubleTickIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link DonateIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DonateIconProps = BaseIconProps;
 
-export declare const DownloadIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Double Tick icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DoubleTickIcon size={24} filled />
+ * ```
+ */
+export declare const DoubleTickIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link DoubleTickIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DoubleTickIconProps = BaseIconProps;
+
+/**
+ * Download icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DownloadIcon size={24} filled />
+ * ```
+ */
+export declare const DownloadIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link DownloadIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DownloadIconProps = BaseIconProps;
 
 /**
  * Root component that manages open/close state for a drawer.
@@ -1340,9 +1738,18 @@ export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<Drop
 /** Props for the {@link DropdownMenuTrigger} component. */
 export declare type DropdownMenuTriggerProps = React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
 
-export declare const EditIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Edit icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <EditIcon size={24} filled />
+ * ```
+ */
+export declare const EditIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link EditIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type EditIconProps = BaseIconProps;
 
 export declare const EmojiIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -1392,18 +1799,62 @@ export declare const ErrorIcon: default_2.ForwardRefExoticComponent<default_2.SV
     className?: string;
 } & default_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ExpandIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Exclamation Mark icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ExclamationMarkIcon size={24} filled />
+ * ```
+ */
+export declare const ExclamationMarkIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ExclamationMarkIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ExclamationMarkIconProps = BaseIconProps;
+
+/**
+ * Expand icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ExpandIcon size={24} filled />
+ * ```
+ */
+export declare const ExpandIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ExpandIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ExpandIconProps = BaseIconProps;
 
 /** A closed eye icon for visibility/show actions (20 × 20). */
 export declare const EyeClosedIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const EyeIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Eye icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <EyeIcon size={24} filled />
+ * ```
+ */
+export declare const EyeIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link EyeIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type EyeIconProps = BaseIconProps;
+
+/**
+ * Eye Off icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <EyeOffIcon size={24} filled />
+ * ```
+ */
+export declare const EyeOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link EyeOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type EyeOffIconProps = BaseIconProps;
 
 export declare const EyeSlashIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -1413,49 +1864,169 @@ export declare const FacebookIcon: React_2.ForwardRefExoticComponent<React_2.SVG
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const FlagIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Flag icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <FlagIcon size={24} filled />
+ * ```
+ */
+export declare const FlagIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const FlameIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link FlagIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type FlagIconProps = BaseIconProps;
 
-export declare const FolderIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Flame icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <FlameIcon size={24} filled />
+ * ```
+ */
+export declare const FlameIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ForwardIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link FlameIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type FlameIconProps = BaseIconProps;
+
+/**
+ * Folder icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <FolderIcon size={24} filled />
+ * ```
+ */
+export declare const FolderIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link FolderIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type FolderIconProps = BaseIconProps;
+
+/**
+ * Forward icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ForwardIcon size={24} filled />
+ * ```
+ */
+export declare const ForwardIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ForwardIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ForwardIconProps = BaseIconProps;
 
 export declare const GalleryIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const GenderIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Game icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <GameIcon size={24} filled />
+ * ```
+ */
+export declare const GameIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const GiftIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link GameIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type GameIconProps = BaseIconProps;
+
+/**
+ * Gender icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <GenderIcon size={24} filled />
+ * ```
+ */
+export declare const GenderIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link GenderIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type GenderIconProps = BaseIconProps;
+
+/**
+ * Gift icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <GiftIcon size={24} filled />
+ * ```
+ */
+export declare const GiftIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link GiftIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type GiftIconProps = BaseIconProps;
 
 export declare const GoogleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const HelpIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Health icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <HealthIcon size={24} filled />
+ * ```
+ */
+export declare const HealthIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const HomeIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link HealthIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type HealthIconProps = BaseIconProps;
 
-export declare const HourglassIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Heart icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <HeartIcon size={24} filled />
+ * ```
+ */
+export declare const HeartIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link HeartIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type HeartIconProps = BaseIconProps;
+
+/**
+ * Help icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <HelpIcon size={24} filled />
+ * ```
+ */
+export declare const HelpIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link HelpIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type HelpIconProps = BaseIconProps;
+
+/**
+ * Home icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <HomeIcon size={24} filled />
+ * ```
+ */
+export declare const HomeIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link HomeIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type HomeIconProps = BaseIconProps;
+
+/**
+ * Hourglass icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <HourglassIcon size={24} filled />
+ * ```
+ */
+export declare const HourglassIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link HourglassIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type HourglassIconProps = BaseIconProps;
 
 /**
  * A circular button containing only an icon. Use when an action can be
@@ -1486,26 +2057,67 @@ export declare type IconButtonSize = "24" | "32" | "40" | "52" | "72";
 /** Visual style variant of the icon button. */
 export declare type IconButtonVariant = "primary" | "secondary" | "tertiary" | "brand" | "contrast" | "messaging" | "navTray" | "tertiaryDestructive" | "stop" | "microphone";
 
+/** A single drawable path within an icon variant. */
+export declare type IconPath = {
+    /** SVG `d` attribute. */
+    d: string;
+    /** When set, render as a stroke of this width using `currentColor`. Otherwise renders as a fill. */
+    sw?: number;
+    /** When `true`, render the fill with `fill-rule="evenodd"` (compound paths with cutouts). */
+    eo?: boolean;
+};
+
 /**
- * Shared props for all icon components. Extends standard SVG attributes.
+ * Props for legacy (un-migrated) icons. Newer prop-based icons use
+ * {@link BaseIconProps} instead, which adds typed `size` and `filled` props.
  *
- * Each icon ships with a default size class (e.g. `size-5`). Override it via
- * `className` (e.g. `className="size-6"`).
+ * Legacy icons ship at a single size and are sized via `className` (e.g.
+ * `className="size-6"`).
  */
 export declare type IconProps = React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 };
 
-export declare const ImageIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Pixel size at which a prop-based icon was authored. Each size has dedicated path geometry. */
+export declare type IconSize = 16 | 24 | 32;
 
-export declare const InboxIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Per-size variant data for a prop-based icon. Each size always has `outlined`
+ * paths; `filled` is only present when the filled artwork differs from outlined.
+ */
+export declare type IconVariants = Partial<Record<IconSize, {
+    outlined: readonly IconPath[];
+    filled?: readonly IconPath[];
+}>>;
 
-/** Root component that manages open/close state for an info box. */
-export declare const InfoBox: React_2.FC<PopoverPrimitive.PopoverProps>;
+/**
+ * Image icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ImageIcon size={24} filled />
+ * ```
+ */
+export declare const ImageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ImageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ImageIconProps = BaseIconProps;
+
+/**
+ * Inbox icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <InboxIcon size={24} filled />
+ * ```
+ */
+export declare const InboxIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link InboxIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type InboxIconProps = BaseIconProps;
+
+/** Root component that manages open/close state for an info box. */
+export declare const InfoBox: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 /** Action configuration for {@link InfoBoxContent}. */
 export declare type InfoBoxAction = InfoBoxButtonAction | InfoBoxElementAction;
@@ -1556,14 +2168,44 @@ export declare const InfoCircleIcon: React_2.ForwardRefExoticComponent<React_2.S
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-/** An info icon with exclamation-style "i" in a circle (20 × 20). */
-export declare const InfoIcon: default_2.ForwardRefExoticComponent<default_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & default_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Info icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <InfoIcon size={24} filled />
+ * ```
+ */
+export declare const InfoIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const LinkIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link InfoIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type InfoIconProps = BaseIconProps;
+
+/**
+ * Language icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LanguageIcon size={24} filled />
+ * ```
+ */
+export declare const LanguageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link LanguageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LanguageIconProps = BaseIconProps;
+
+/**
+ * Link icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <LinkIcon size={24} />
+ * ```
+ */
+export declare const LinkIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link LinkIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LinkIconProps = BaseIconProps;
 
 /**
  * A layout-aware loading indicator that renders a centered `SpinnerIcon` inside
@@ -1592,13 +2234,44 @@ export declare interface LoaderProps extends React_2.HTMLAttributes<HTMLDivEleme
     centerY?: boolean;
 }
 
-export declare const LocationIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Location icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LocationIcon size={24} filled />
+ * ```
+ */
+export declare const LocationIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const LockerOffIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link LocationIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LocationIconProps = BaseIconProps;
+
+/**
+ * Locker icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LockerIcon size={24} filled />
+ * ```
+ */
+export declare const LockerIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link LockerIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LockerIconProps = BaseIconProps;
+
+/**
+ * Locker Off icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LockerOffIcon size={24} filled />
+ * ```
+ */
+export declare const LockerOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link LockerOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LockerOffIconProps = BaseIconProps;
 
 export declare const LockerOnIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -1632,44 +2305,138 @@ export declare interface LogoProps extends React_2.HTMLAttributes<HTMLDivElement
     "aria-label"?: string;
 }
 
-export declare const LogoutIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Logout icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LogoutIcon size={24} filled />
+ * ```
+ */
+export declare const LogoutIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link LogoutIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LogoutIconProps = BaseIconProps;
 
 /** Layout variant of the logo. */
 export declare type LogoVariant = "full" | "icon" | "wordmark" | "portrait";
 
-export declare const LoveIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Love icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <LoveIcon size={24} filled />
+ * ```
+ */
+export declare const LoveIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const MegaphoneIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link LoveIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type LoveIconProps = BaseIconProps;
 
-export declare const MenuCloseIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Mass Message icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MassMessageIcon size={24} filled />
+ * ```
+ */
+export declare const MassMessageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const MenuIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link MassMessageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MassMessageIconProps = BaseIconProps;
 
-export declare const MenuOpenIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Megaphone icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MegaphoneIcon size={24} filled />
+ * ```
+ */
+export declare const MegaphoneIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const MessageIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link MegaphoneIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MegaphoneIconProps = BaseIconProps;
 
-export declare const MicrophoneIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Menu Close icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MenuCloseIcon size={24} filled />
+ * ```
+ */
+export declare const MenuCloseIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const MinusIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link MenuCloseIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MenuCloseIconProps = BaseIconProps;
+
+/**
+ * Menu icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <MenuIcon size={24} />
+ * ```
+ */
+export declare const MenuIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MenuIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MenuIconProps = BaseIconProps;
+
+/**
+ * Menu Open icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MenuOpenIcon size={24} filled />
+ * ```
+ */
+export declare const MenuOpenIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MenuOpenIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MenuOpenIconProps = BaseIconProps;
+
+/**
+ * Message icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MessageIcon size={24} filled />
+ * ```
+ */
+export declare const MessageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MessageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MessageIconProps = BaseIconProps;
+
+/**
+ * Microphone icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MicrophoneIcon size={24} filled />
+ * ```
+ */
+export declare const MicrophoneIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MicrophoneIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MicrophoneIconProps = BaseIconProps;
+
+/**
+ * Minus icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <MinusIcon size={24} />
+ * ```
+ */
+export declare const MinusIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MinusIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MinusIconProps = BaseIconProps;
 
 /**
  * A compact, mobile-friendly stepper that shows progress through a sequence of
@@ -1726,21 +2493,57 @@ export declare interface MobileStepperProps extends React_2.HTMLAttributes<HTMLE
 /** Display variant for the step indicator. */
 export declare type MobileStepperVariant = "dots" | "progress" | "text";
 
-export declare const MoonIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Moon icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <MoonIcon size={24} filled />
+ * ```
+ */
+export declare const MoonIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const MoreIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link MoonIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MoonIconProps = BaseIconProps;
 
-export declare const MoreVerticalIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * More icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <MoreIcon size={24} />
+ * ```
+ */
+export declare const MoreIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const NewMessageIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link MoreIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MoreIconProps = BaseIconProps;
+
+/**
+ * More Vertical icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <MoreVerticalIcon size={24} />
+ * ```
+ */
+export declare const MoreVerticalIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link MoreVerticalIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type MoreVerticalIconProps = BaseIconProps;
+
+/**
+ * New Message icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <NewMessageIcon size={24} filled />
+ * ```
+ */
+export declare const NewMessageIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link NewMessageIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type NewMessageIconProps = BaseIconProps;
 
 /**
  * Like `Omit`, but preserves discriminated unions.
@@ -1825,22 +2628,49 @@ export declare interface PasswordFieldProps extends Omit<TextFieldProps, "type"
 
 export declare type PasswordFieldSize = "48" | "40" | "32";
 
-export declare const PauseIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Pause icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PauseIcon size={24} filled />
+ * ```
+ */
+export declare const PauseIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link PauseIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PauseIconProps = BaseIconProps;
 
 /** Two-person silhouette (20 × 20). */
 export declare const PeopleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const PhoneIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Phone icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PhoneIcon size={24} filled />
+ * ```
+ */
+export declare const PhoneIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const PhoneOffIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link PhoneIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PhoneIconProps = BaseIconProps;
+
+/**
+ * Phone Off icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PhoneOffIcon size={24} filled />
+ * ```
+ */
+export declare const PhoneOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link PhoneOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PhoneOffIconProps = BaseIconProps;
 
 /**
  * A small rounded label for categorisation, status, or tagging.
@@ -1866,22 +2696,49 @@ export declare interface PillProps extends React_2.HTMLAttributes<HTMLSpanElemen
 /** Colour variant of the pill. */
 export declare type PillVariant = "green" | "grey" | "blue" | "gold" | "pinkLight" | "base" | "brand" | "brandLight" | "beta" | "error";
 
-export declare const PinIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Pin icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PinIcon size={24} filled />
+ * ```
+ */
+export declare const PinIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const PlayIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link PinIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PinIconProps = BaseIconProps;
+
+/**
+ * Play icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PlayIcon size={24} filled />
+ * ```
+ */
+export declare const PlayIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link PlayIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PlayIconProps = BaseIconProps;
 
 /** A "+" plus icon for add/create actions (20 × 20). */
 export declare const PlusIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const PrivacyIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Privacy icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <PrivacyIcon size={24} filled />
+ * ```
+ */
+export declare const PrivacyIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link PrivacyIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type PrivacyIconProps = BaseIconProps;
 
 /**
  * A horizontal progress indicator with optional title, completion percentage,
@@ -1926,6 +2783,19 @@ export declare type ProgressBarSize = "default" | "small";
 /** Colour mode — `"default"` uses red/yellow/green by value, `"generic"` always uses brand green, `"neutral"` uses a theme-aware inverse colour. */
 export declare type ProgressBarVariant = "default" | "generic" | "neutral";
 
+/**
+ * Queue icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <QueueIcon size={24} />
+ * ```
+ */
+export declare const QueueIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link QueueIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type QueueIconProps = BaseIconProps;
+
 /**
  * A single radio option within a {@link RadioGroup}. Includes an optional label
  * and helper text.
@@ -1966,21 +2836,57 @@ export declare interface RadioProps extends Omit<React_2.ComponentPropsWithoutRe
     helperText?: string;
 }
 
-export declare const RepeatIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Repeat icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <RepeatIcon size={24} />
+ * ```
+ */
+export declare const RepeatIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const Reply2Icon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link RepeatIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type RepeatIconProps = BaseIconProps;
 
-export declare const ReplyIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Reply 2 icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <Reply2Icon size={24} filled />
+ * ```
+ */
+export declare const Reply2Icon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ReverseIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link Reply2Icon}. See {@link BaseIconProps} for the shared shape. */
+export declare type Reply2IconProps = BaseIconProps;
+
+/**
+ * Reply icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ReplyIcon size={24} filled />
+ * ```
+ */
+export declare const ReplyIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ReplyIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ReplyIconProps = BaseIconProps;
+
+/**
+ * Reverse icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <ReverseIcon size={24} />
+ * ```
+ */
+export declare const ReverseIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ReverseIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ReverseIconProps = BaseIconProps;
 
 /**
  * A text input field with a search icon and optional clear button.
@@ -2012,9 +2918,18 @@ export declare interface SearchFieldProps extends Omit<TextFieldProps, "type" |
 
 export declare type SearchFieldSize = "48" | "40" | "32";
 
-export declare const SearchIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Search icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <SearchIcon size={24} filled />
+ * ```
+ */
+export declare const SearchIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link SearchIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SearchIconProps = BaseIconProps;
 
 /**
  * A select field with optional label, helper/error text, and an icon slot,
@@ -2103,17 +3018,44 @@ export declare interface SelectSeparatorProps extends React_2.ComponentPropsWith
 /** Select field height in pixels. */
 export declare type SelectSize = "48" | "40" | "32";
 
-export declare const SendIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Send icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <SendIcon size={24} filled />
+ * ```
+ */
+export declare const SendIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const SettingsIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link SendIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SendIconProps = BaseIconProps;
+
+/**
+ * Settings icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <SettingsIcon size={24} filled />
+ * ```
+ */
+export declare const SettingsIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link SettingsIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SettingsIconProps = BaseIconProps;
+
+/**
+ * Share icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ShareIcon size={24} filled />
+ * ```
+ */
+export declare const ShareIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ShareIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ShareIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ShareIconProps = BaseIconProps;
 
 /**
  * A placeholder preview of content before data is loaded, reducing perceived
@@ -2256,9 +3198,18 @@ export declare const SpinnerIcon: React_2.ForwardRefExoticComponent<React_2.SVGA
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const StarIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Star icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <StarIcon size={24} filled />
+ * ```
+ */
+export declare const StarIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link StarIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type StarIconProps = BaseIconProps;
 
 /** Configuration for a single step within a {@link Stepper}. */
 export declare interface StepItem {
@@ -2324,26 +3275,62 @@ export declare type StepperStepSize = "sm" | "md" | "lg";
 /** Current state of a step in the stepper. */
 export declare type StepperStepState = "completed" | "active" | "upcoming";
 
-export declare const StopIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Stop icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <StopIcon size={24} filled />
+ * ```
+ */
+export declare const StopIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link StopIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type StopIconProps = BaseIconProps;
 
 /** A checkmark inside a filled circle icon for success states (20 × 20). */
 export declare const SuccessIcon: default_2.ForwardRefExoticComponent<default_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & default_2.RefAttributes<SVGSVGElement>>;
 
-export declare const SunIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Sun icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <SunIcon size={24} filled />
+ * ```
+ */
+export declare const SunIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const Support2Icon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link SunIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SunIconProps = BaseIconProps;
 
-export declare const SupportIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Support 2 icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <Support2Icon size={24} filled />
+ * ```
+ */
+export declare const Support2Icon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link Support2Icon}. See {@link BaseIconProps} for the shared shape. */
+export declare type Support2IconProps = BaseIconProps;
+
+/**
+ * Support icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <SupportIcon size={24} filled />
+ * ```
+ */
+export declare const SupportIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link SupportIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SupportIconProps = BaseIconProps;
 
 /**
  * A toggle switch for boolean on/off states. Built on Radix UI `Switch`.
@@ -2745,13 +3732,31 @@ export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPri
 /** Props for the {@link TabsTrigger} button component. */
 export declare type TabsTriggerProps = React_2.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
 
-export declare const TagIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Tag icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <TagIcon size={24} filled />
+ * ```
+ */
+export declare const TagIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const TaskIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link TagIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TagIconProps = BaseIconProps;
+
+/**
+ * Task icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <TaskIcon size={24} />
+ * ```
+ */
+export declare const TaskIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TaskIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TaskIconProps = BaseIconProps;
 
 /**
  * A multi-line text input with optional label, helper/error text, and clear button.
@@ -2848,29 +3853,74 @@ export declare const ThumbDownFilledIcon: React_2.ForwardRefExoticComponent<Reac
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ThumbDownIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Thumb Down icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ThumbDownIcon size={24} filled />
+ * ```
+ */
+export declare const ThumbDownIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ThumbDownIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ThumbDownIconProps = BaseIconProps;
 
 export declare const ThumbUpFilledIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const ThumbUpIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Thumb Up icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ThumbUpIcon size={24} filled />
+ * ```
+ */
+export declare const ThumbUpIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const TickCircleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link ThumbUpIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ThumbUpIconProps = BaseIconProps;
 
-export declare const TickCircleOffIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Tick Circle icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <TickCircleIcon size={24} filled />
+ * ```
+ */
+export declare const TickCircleIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const TickIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link TickCircleIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TickCircleIconProps = BaseIconProps;
+
+/**
+ * Tick Circle Off icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <TickCircleOffIcon size={24} />
+ * ```
+ */
+export declare const TickCircleOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TickCircleOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TickCircleOffIconProps = BaseIconProps;
+
+/**
+ * Tick icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <TickIcon size={24} />
+ * ```
+ */
+export declare const TickIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TickIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TickIconProps = BaseIconProps;
 
 /**
  * A dismissible notification that appears temporarily. Supports `info`,
@@ -2926,12 +3976,34 @@ export declare const ToastViewport: React_2.ForwardRefExoticComponent<ToastViewp
 export declare interface ToastViewportProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport> {
 }
 
+/**
+ * Tools icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ToolsIcon size={24} filled />
+ * ```
+ */
+export declare const ToolsIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ToolsIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ToolsIconProps = BaseIconProps;
+
 /** Root component that manages open/close state for a single tooltip. */
 export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
 
-export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const TooltipContent: React_2.ForwardRefExoticComponent<TooltipContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TooltipContentProps extends React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    /**
+     * Position of the tooltip relative to the trigger. Takes precedence over `side` and `align`.
+     * @default "top"
+     */
+    placement?: TooltipPlacement;
+}
 
-export declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+/** Position of the tooltip relative to its trigger, combining side and alignment (MUI-style). */
+export declare type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 
 /** Props for the {@link Tooltip} root component. */
 export declare interface TooltipProps extends React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
@@ -2956,9 +4028,31 @@ export declare const TrashBinIcon: React_2.ForwardRefExoticComponent<React_2.SVG
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const TrophyIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Trash icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <TrashIcon size={24} filled />
+ * ```
+ */
+export declare const TrashIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TrashIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TrashIconProps = BaseIconProps;
+
+/**
+ * Trophy icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <TrophyIcon size={24} filled />
+ * ```
+ */
+export declare const TrophyIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TrophyIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TrophyIconProps = BaseIconProps;
 
 export declare const TwitterIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -2969,9 +4063,31 @@ export declare const UploadCloudIcon: React_2.ForwardRefExoticComponent<React_2.
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const UploadIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Upload icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UploadIcon size={24} filled />
+ * ```
+ */
+export declare const UploadIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UploadIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UploadIconProps = BaseIconProps;
+
+/**
+ * Upload to Cloud icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UploadToCloudIcon size={24} filled />
+ * ```
+ */
+export declare const UploadToCloudIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UploadToCloudIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UploadToCloudIconProps = BaseIconProps;
 
 /**
  * Hook for audio recording with MediaRecorder API.
@@ -3009,44 +4125,162 @@ export declare interface UseAudioRecorderReturn {
     isSupported: boolean;
 }
 
+/**
+ * User Add icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UserAddIcon size={24} filled />
+ * ```
+ */
+export declare const UserAddIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UserAddIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UserAddIconProps = BaseIconProps;
+
+/**
+ * User AI icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UserAIIcon size={24} filled />
+ * ```
+ */
+export declare const UserAIIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UserAIIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UserAIIconProps = BaseIconProps;
+
 export declare const UserCircleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const UserIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * User icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UserIcon size={24} filled />
+ * ```
+ */
+export declare const UserIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const UsersIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link UserIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UserIconProps = BaseIconProps;
 
-export declare const VideoIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * User Menu icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UserMenuIcon size={24} filled />
+ * ```
+ */
+export declare const UserMenuIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UserMenuIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UserMenuIconProps = BaseIconProps;
+
+/**
+ * Users icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <UsersIcon size={24} filled />
+ * ```
+ */
+export declare const UsersIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link UsersIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type UsersIconProps = BaseIconProps;
+
+/**
+ * Vault icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <VaultIcon size={24} filled />
+ * ```
+ */
+export declare const VaultIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link VaultIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type VaultIconProps = BaseIconProps;
+
+/**
+ * Video icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <VideoIcon size={24} filled />
+ * ```
+ */
+export declare const VideoIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link VideoIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type VideoIconProps = BaseIconProps;
 
 /** VIP badge icon with metallic gradient background and crown symbol */
 export declare const VipBadgeIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const WalletIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Wallet icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <WalletIcon size={24} filled />
+ * ```
+ */
+export declare const WalletIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
 
-/** A filled warning icon with exclamation mark (20 × 20). */
-export declare const WarningIcon: default_2.ForwardRefExoticComponent<default_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & default_2.RefAttributes<SVGSVGElement>>;
+/** Props for {@link WalletIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type WalletIconProps = BaseIconProps;
+
+/**
+ * Warning icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <WarningIcon size={24} filled />
+ * ```
+ */
+export declare const WarningIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link WarningIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type WarningIconProps = BaseIconProps;
 
 /** A filled warning-triangle icon with exclamation mark (20 × 20). */
 export declare const WarningTriangleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare const WifiOffIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
-    className?: string;
-} & React_2.RefAttributes<SVGSVGElement>>;
+/**
+ * Wifi icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <WifiIcon size={24} />
+ * ```
+ */
+export declare const WifiIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link WifiIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type WifiIconProps = BaseIconProps;
+
+/**
+ * Wifi Off icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <WifiOffIcon size={24} />
+ * ```
+ */
+export declare const WifiOffIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link WifiOffIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type WifiOffIconProps = BaseIconProps;
 
 export declare const WifiOnIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;