@fanvue/ui 0.1.0-alpha.1

package/dist/index.d.ts

@@ -0,0 +1,604 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassValue } from 'clsx';
+import { DateRange } from 'react-day-picker';
+import { DayPickerProps } from 'react-day-picker';
+import { ForwardRefExoticComponent } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React_2 from 'react';
+import { RefAttributes } from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+
+export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /** Visual style variant of the alert (matches Figma "Variant" property) */
+    variant?: AlertVariant;
+    /** Optional title text (bold) */
+    title?: string;
+    /** Left icon element */
+    icon?: React_2.ReactNode;
+    /** Show close button */
+    closable?: boolean;
+    /** Callback when close button is clicked */
+    onClose?: () => void;
+}
+
+export declare type AlertVariant = "info" | "success" | "warning" | "error";
+
+export declare const ArrowRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const ArrowUpRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const AvatarFallback: React_2.ForwardRefExoticComponent<AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface AvatarFallbackProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
+}
+
+export declare const AvatarImage: React_2.ForwardRefExoticComponent<AvatarImageProps & React_2.RefAttributes<HTMLImageElement>>;
+
+export declare interface AvatarImageProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
+}
+
+export declare interface AvatarProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, AvatarStyleProps {
+    /** URL of the avatar image */
+    src?: string;
+    /** Alt text for the avatar image */
+    alt?: string;
+    /** Fallback content (initials, icon, etc.) */
+    fallback?: React_2.ReactNode;
+}
+
+export declare const AvatarRoot: React_2.ForwardRefExoticComponent<AvatarRootProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface AvatarRootProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, AvatarStyleProps {
+}
+
+export declare type AvatarSize = 16 | 24 | 32 | 40 | 48 | 64 | 88 | 148;
+
+/** Shared avatar styling props */
+declare interface AvatarStyleProps {
+    /** Size variant of the avatar (matches Figma "Size" property) */
+    size?: AvatarSize;
+    /** Show online status indicator */
+    onlineIndicator?: boolean;
+    /** Show platinum gradient border (matches Figma "Platinum show" property) */
+    platinumShow?: boolean;
+    /** Show NSFW blur filter (matches Figma "NSFW show" property) */
+    NSFWShow?: boolean;
+}
+
+export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLSpanElement> {
+    /** Visual style variant of the badge */
+    variant?: BadgeVariant;
+    /** Show left status indicator dot */
+    leftDot?: boolean;
+    /** Left icon element */
+    leftIcon?: React_2.ReactNode;
+    /** Right icon element */
+    rightIcon?: React_2.ReactNode;
+    /** Render as a different element using Radix Slot */
+    asChild?: boolean;
+}
+
+export declare type BadgeVariant = keyof typeof badgeVariants.variant;
+
+declare const badgeVariants: {
+    readonly variant: {
+        readonly default: "bg-neutral-100 text-neutral-400";
+        readonly dark: "bg-background-800 text-body-300 dark:text-body-white-solid-constant";
+        readonly success: "bg-neutral-100 text-neutral-400";
+        readonly warning: "bg-neutral-100 text-neutral-400";
+        readonly error: "bg-neutral-100 text-neutral-400";
+        readonly special: "bg-neutral-100 text-neutral-400";
+        readonly info: "bg-neutral-100 text-neutral-400";
+        readonly online: "bg-background-200 text-brand-green-500";
+        readonly brand: "bg-brand-green-500 text-body-black-solid-constant";
+        readonly pink: "bg-brand-pink-500 text-body-black-solid-constant";
+        readonly brandLight: "bg-brand-green-50 text-body-black-solid-constant";
+        readonly pinkLight: "bg-brand-pink-50 text-body-black-solid-constant";
+    };
+    readonly dotColor: {
+        readonly default: "bg-body-black-solid-constant";
+        readonly dark: "bg-body-300 dark:bg-body-white-solid-constant";
+        readonly success: "bg-success-500";
+        readonly warning: "bg-warning-500";
+        readonly error: "bg-error-500";
+        readonly special: "bg-special-500";
+        readonly info: "bg-info-500";
+        readonly online: "bg-brand-green-500";
+        readonly brand: "bg-body-black-solid-constant";
+        readonly pink: "bg-body-black-solid-constant";
+        readonly brandLight: "bg-body-black-solid-constant";
+        readonly pinkLight: "bg-body-black-solid-constant";
+    };
+};
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style variant of the button */
+    variant?: ButtonVariant;
+    /** Size of the button in pixels */
+    size?: ButtonSize;
+    /** Left icon element */
+    leftIcon?: React_2.ReactNode;
+    /** Right icon element */
+    rightIcon?: React_2.ReactNode;
+    /** Show loading spinner */
+    loading?: boolean;
+    /** Render as a different element using Radix Slot */
+    asChild?: boolean;
+    /** Old price shown with strikethrough before the current price */
+    discount?: string;
+    /** Current price shown inside the button after the label/icons */
+    price?: string;
+}
+
+export declare type ButtonSize = "48" | "40" | "32" | "24";
+
+export declare type ButtonVariant = "primary" | "secondary" | "tertiary" | "link" | "brand" | "destructive" | "white" | "tertiaryDestructive" | "text";
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends Omit<React_2.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> {
+    /** Size variant for label and helper text */
+    size?: CheckboxSize;
+    /** Label text displayed next to the checkbox */
+    label?: string;
+    /** Helper text displayed below the label */
+    helperText?: string;
+}
+
+export declare type CheckboxSize = "default" | "small";
+
+export declare const CheckCircleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Small checkmark icon for use in checkbox/toggle components (12x12 viewBox) */
+export declare const CheckIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const ChevronLeftIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const ChevronRightIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare const Count: React_2.ForwardRefExoticComponent<CountProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface CountProps extends React_2.HTMLAttributes<HTMLSpanElement> {
+    /** Visual style variant of the count */
+    variant?: CountVariant;
+    /** The count value to display */
+    value?: number;
+    /** Maximum value to display before showing overflow (e.g., "99+") */
+    max?: number;
+    /** Render as a different element using Radix Slot */
+    asChild?: boolean;
+}
+
+export declare type CountVariant = "Default" | "Brand" | "Pink" | "Info" | "Success" | "Warning";
+
+export declare const CrossIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const CrownIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const DatePicker: ForwardRefExoticComponent<DatePickerProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DatePickerOwnProps {
+    /** Display one month or two side-by-side. @default "single" */
+    type?: DatePickerType;
+    /** Called when the Apply button is clicked. */
+    onApply?: () => void;
+    /** Called when the Cancel button is clicked. */
+    onCancel?: () => void;
+    /** Label for the cancel button. @default "Cancel" */
+    cancelLabel?: string;
+    /** Label for the apply button. @default "Apply" */
+    applyLabel?: string;
+    /** Whether to render cancel / apply footer buttons. @default true */
+    showFooter?: boolean;
+    /** Additional className for the outer container. */
+    className?: string;
+}
+
+export declare type DatePickerProps = DatePickerOwnProps & OmitDistributed<DayPickerProps, "numberOfMonths">;
+
+export declare type DatePickerType = "single" | "double";
+
+export { DateRange }
+
+export declare const Divider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DividerProps extends React_2.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    /** Custom label to display*/
+    label?: string;
+}
+
+export declare const ErrorCircleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const FireIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const HomeIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface IconButtonProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
+    /** Visual style variant of the icon button */
+    variant?: IconButtonVariant;
+    /** Size of the button */
+    size?: IconButtonSize;
+    /** Icon element to display */
+    icon: React_2.ReactNode;
+    /** Counter value to display */
+    counterValue?: number;
+}
+
+export declare type IconButtonSize = "24" | "32" | "40" | "52" | "72";
+
+export declare type IconButtonVariant = "primary" | "secondary" | "tertiary" | "brand" | "contrast" | "messaging" | "navTray" | "tertiaryDestructive" | "stop" | "microphone";
+
+/** Icon component props. Override default size via className (e.g. className="size-6"). */
+export declare type IconProps = React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+};
+
+export declare const InfoCircleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const Logo: React_2.ForwardRefExoticComponent<LogoProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type LogoColor = "Full colour" | "Decolour" | "White Always" | "Black Always";
+
+export declare interface LogoProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /** Logo layout type (matches Figma "Type" property) */
+    type?: LogoType;
+    /** Logo color scheme (matches Figma "Colour" property) */
+    color?: LogoColor;
+    /**
+     * Accessible label for the logo.
+     * Required when type="Icon" and used in interactive contexts (links, buttons).
+     * @example "Fanvue home" or "Go to homepage"
+     */
+    "aria-label"?: string;
+}
+
+export declare type LogoType = "Full" | "Icon" | "Wordmark" | "Portrait";
+
+/** Small minus/indeterminate icon for use in checkbox components (12x12 viewBox) */
+export declare const MinusIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+/**
+ * Like `Omit`, but preserves discriminated unions.
+ *
+ * `Omit<A | B, K>` collapses the union first, losing narrowing by discriminant.
+ * This distributes over each member: `Omit<A, K> | Omit<B, K>`.
+ *
+ * @example
+ * ```ts
+ * type Action = { type: "a"; payload: string } | { type: "b"; count: number };
+ * type WithoutPayload = OmitDistributed<Action, "payload">;
+ * // => { type: "a" } | { type: "b"; count: number }
+ * ```
+ */
+export declare type OmitDistributed<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+
+export declare const Pagination: React_2.ForwardRefExoticComponent<PaginationProps & React_2.RefAttributes<HTMLElement>>;
+
+export declare interface PaginationProps extends Omit<React_2.HTMLAttributes<HTMLElement>, "onChange"> {
+    /** Visual style variant */
+    variant?: PaginationVariant;
+    /** Total number of pages */
+    totalPages: number;
+    /** Current active page (1-indexed) */
+    currentPage: number;
+    /** Called when the page changes */
+    onPageChange?: (page: number) => void;
+    /** Label for the nav landmark. @default "Pagination" */
+    ariaLabel?: string;
+    /** Label for the previous button. @default "Previous page" */
+    previousLabel?: string;
+    /** Label for the next button. @default "Next page" */
+    nextLabel?: string;
+    /** Generates the aria-label for each page button. @default (page) => \`Page ${page}\` */
+    getPageLabel?: (page: number) => string;
+}
+
+export declare type PaginationVariant = "default" | "dots";
+
+export declare const Pill: React_2.ForwardRefExoticComponent<PillProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface PillProps extends React_2.HTMLAttributes<HTMLSpanElement> {
+    /** Visual style variant of the pill */
+    variant?: PillVariant;
+    /** Left icon element */
+    leftIcon?: React_2.ReactNode;
+    /** Right icon element */
+    rightIcon?: React_2.ReactNode;
+    /** Render as a different element using Radix Slot */
+    asChild?: boolean;
+}
+
+export declare type PillVariant = keyof typeof pillVariants.variant;
+
+declare const pillVariants: {
+    readonly variant: {
+        readonly green: "bg-success-50 text-success-500";
+        readonly grey: "bg-neutral-100 text-body-200";
+        readonly blue: "bg-info-50 text-info-500";
+        readonly gold: "bg-warning-50 text-warning-500";
+        readonly pinkLight: "bg-brand-pink-50 text-body-100";
+        readonly base: "bg-neutral-400 text-body-300";
+        readonly brand: "bg-brand-green-500 text-body-black-solid-constant";
+        readonly brandLight: "bg-brand-green-50 text-body-black-solid-constant";
+        readonly beta: "bg-brand-pink-500 text-body-black-solid-constant";
+        readonly error: "bg-error-500 text-error-50";
+    };
+};
+
+export declare const PlusIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const ProgressBar: React_2.ForwardRefExoticComponent<ProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ProgressBarProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Size variant - "default" (12px track) or "small" (6px track) */
+    size?: ProgressBarSize;
+    /** Color variant - "default" uses color-coded progress, "generic" always green */
+    variant?: ProgressBarVariant;
+    /** Title content shown at top left */
+    title?: React_2.ReactNode;
+    /** Show the completion percentage at top */
+    showCompletion?: boolean;
+    /** Steps label shown at top right (e.g. "2/8 steps") */
+    stepsLabel?: React_2.ReactNode;
+    /** Helper content at bottom left */
+    helperLeft?: React_2.ReactNode;
+    /** Helper content at bottom right */
+    helperRight?: React_2.ReactNode;
+    /** Icon shown at bottom left before helper text */
+    leftIcon?: React_2.ReactNode;
+    /** Accessible label for the progress bar (defaults to "Progress"). Use this for i18n. */
+    ariaLabel?: string;
+}
+
+export declare type ProgressBarSize = "default" | "small";
+
+export declare type ProgressBarVariant = "default" | "generic";
+
+export declare const Radio: React_2.ForwardRefExoticComponent<RadioProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type RadioGroupProps = React_2.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+
+export declare interface RadioProps extends Omit<React_2.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "asChild"> {
+    /** Size variant of the radio button */
+    size?: "default" | "small";
+    /** Label text for the radio button */
+    label?: string;
+    /** Optional helper text displayed below the label */
+    helperText?: string;
+}
+
+export declare const Slider: React_2.ForwardRefExoticComponent<SliderProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare type SliderLabelPosition = "top" | "left";
+
+export declare interface SliderProps extends Omit<React_2.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "asChild" | "children"> {
+    /** Label text displayed alongside the slider */
+    label?: string;
+    /** Position of the label relative to the slider track */
+    labelPosition?: SliderLabelPosition;
+    /** Text shown at the minimum end of the track */
+    minLabel?: string;
+    /** Text shown at the maximum end of the track */
+    maxLabel?: string;
+    /** Whether to show a tooltip with the current value above the thumb */
+    showTooltip?: boolean;
+    /** Override the displayed tooltip value (e.g. for formatting) */
+    formatTooltip?: (value: number) => string;
+}
+
+export declare const Snackbar: React_2.ForwardRefExoticComponent<SnackbarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SnackbarProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Snackbar layout variant */
+    variant?: SnackbarVariant;
+    /** Left icon element */
+    icon?: React_2.ReactNode;
+    /** Title text */
+    title?: React_2.ReactNode;
+    /** Description text */
+    description?: React_2.ReactNode;
+    /** Whether to show the actions section */
+    showActions?: boolean;
+    /** Primary CTA label (renders a default Button) */
+    primaryLabel?: string;
+    /** Primary CTA click handler (used with primaryLabel) */
+    primaryOnClick?: () => void;
+    /** Custom element to render as primary CTA (overrides primaryLabel/primaryOnClick) */
+    primarySlot?: React_2.ReactNode;
+    /** Secondary CTA label (renders a default Button) */
+    secondaryLabel?: string;
+    /** Secondary CTA click handler (used with secondaryLabel) */
+    secondaryOnClick?: () => void;
+    /** Custom element to render as secondary CTA (overrides secondaryLabel/secondaryOnClick) */
+    secondarySlot?: React_2.ReactNode;
+    /** Show close button */
+    closable?: boolean;
+    /** Close button click handler */
+    onClose?: () => void;
+}
+
+export declare type SnackbarVariant = "default" | "vipEarn" | "welcome";
+
+export declare const SpinnerIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SwitchField: React_2.ForwardRefExoticComponent<SwitchFieldProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare type SwitchFieldOrientation = "right" | "left";
+
+export declare interface SwitchFieldProps extends Omit<React_2.ComponentPropsWithoutRef<typeof Switch>, "size" | "className"> {
+    /** Position of the switch relative to the label */
+    orientation?: SwitchFieldOrientation;
+    /** Size variant of the switch and text */
+    size?: SwitchSize;
+    /** Label text displayed next to the switch */
+    label?: string;
+    /** Helper text displayed below the label */
+    helperText?: string;
+    /** Info tooltip text displayed on hover of the info icon */
+    infoText?: string;
+    /** Additional className for the wrapper */
+    className?: string;
+}
+
+export declare interface SwitchProps extends Omit<React_2.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, "asChild"> {
+    /** Size variant of the switch */
+    size?: SwitchSize;
+}
+
+export declare type SwitchSize = "default" | "small";
+
+export declare const SwitchToggle: React_2.ForwardRefExoticComponent<SwitchToggleProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SwitchToggleOption {
+    /** Display label for the option */
+    label: string;
+    /** Value identifier for the option */
+    value: string;
+}
+
+export declare interface SwitchToggleProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Size variant */
+    size?: SwitchToggleSize;
+    /** The two options to toggle between */
+    options: [SwitchToggleOption, SwitchToggleOption];
+    /** Currently selected value */
+    value?: string;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the selected value changes */
+    onChange?: (value: string) => void;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+}
+
+export declare type SwitchToggleSize = "24" | "32" | "40";
+
+export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type TabsContentProps = React_2.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+
+export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type TabsListProps = React_2.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+
+export declare type TabsProps = React_2.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
+
+export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare type TabsTriggerProps = React_2.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
+
+export declare const Toast: React_2.ForwardRefExoticComponent<ToastProps & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare interface ToastProps extends Omit<Omit<React_2.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, "type">, "title"> {
+    /** Variant of the toast */
+    variant?: ToastVariant;
+    /** Toast title */
+    title?: string;
+    /** Toast description/message */
+    description?: React_2.ReactNode;
+    /** Action button label */
+    actionLabel?: string;
+    /** Action button click handler */
+    onActionClick?: () => void;
+    /** Show close button */
+    showClose?: boolean;
+    /** Avatar image source */
+    avatarSrc?: string;
+    /** Avatar alt text */
+    avatarAlt?: string;
+    /** Avatar fallback text */
+    avatarFallback?: string;
+}
+
+export declare const ToastProvider: React_2.FC<ToastProviderProps>;
+
+export declare interface ToastProviderProps extends ToastPrimitive.ToastProviderProps {
+}
+
+export declare type ToastVariant = keyof typeof toastVariants;
+
+declare enum toastVariants {
+    info = "info",
+    warning = "warning",
+    success = "success",
+    error = "error",
+    messageToast = "messageToast"
+}
+
+export declare const ToastViewport: React_2.ForwardRefExoticComponent<ToastViewportProps & React_2.RefAttributes<HTMLOListElement>>;
+
+export declare interface ToastViewportProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport> {
+}
+
+/** 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 WarningTriangleIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+} & React_2.RefAttributes<SVGSVGElement>>;
+
+export { }
+
+
+declare module "vitest" {
+    interface Assertion<T> {
+        toHaveNoViolations(): T;
+    }
+}