@szymonpiatek/designsystem 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { ReactNode, MouseEventHandler, AriaAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
+import { ReactNode, MouseEventHandler, AriaAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, FormEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _mui_material_styles from '@mui/material/styles';
 import { ThemeOptions, Theme } from '@mui/material/styles';
-import * as _mui_material from '@mui/material';
 
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -38,6 +38,8 @@ interface BaseInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
     endAdornment?: ReactNode;
 }
 
+declare const CheckboxInput: react.ForwardRefExoticComponent<CheckboxInputProps & react.RefAttributes<HTMLInputElement>>;
+
 interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     label?: string;
     helperText?: string;
@@ -46,7 +48,7 @@ interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     indeterminate?: boolean;
 }
 
-declare const CheckboxInput: react.ForwardRefExoticComponent<CheckboxInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const FileInput: react.ForwardRefExoticComponent<FileInputProps & react.RefAttributes<HTMLInputElement>>;
 
 interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'placeholder'> {
     label?: string;
@@ -85,12 +87,10 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
     chooseFileAriaLabel?: string;
 }
 
-declare const FileInput: react.ForwardRefExoticComponent<FileInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & react.RefAttributes<HTMLInputElement>>;
 
 type EmailInputProps = Omit<BaseInputProps, 'type'>;
 
-declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & react.RefAttributes<HTMLInputElement>>;
-
 declare const BaseSelectInput: {
     ({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -131,39 +131,39 @@ interface NumberInputProps extends Omit<BaseInputProps, 'type'> {
     step?: number;
 }
 
+declare const MultiSelectInput: {
+    ({ value, onChange, options, placeholder, ...rest }: MultiSelectInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface MultiSelectInputProps extends Omit<BaseSelectInputProps, 'onSelect' | 'renderTrigger' | 'renderOption' | 'value'> {
     value?: string[];
     onChange?: (value: string[]) => void;
 }
 
-declare const MultiSelectInput: {
-    ({ value, onChange, options, placeholder, ...rest }: MultiSelectInputProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
 
 interface PasswordInputProps extends Omit<BaseInputProps, 'type' | 'endAdornment'> {
     showPasswordLabel?: string;
     hidePasswordLabel?: string;
 }
 
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: react.ForwardRefExoticComponent<SearchInputProps & react.RefAttributes<HTMLInputElement>>;
 
 interface SearchInputProps extends Omit<BaseInputProps, 'type' | 'startAdornment' | 'endAdornment'> {
     onClear?: () => void;
     clearAriaLabel?: string;
 }
 
-declare const SearchInput: react.ForwardRefExoticComponent<SearchInputProps & react.RefAttributes<HTMLInputElement>>;
-
-interface SelectInputProps extends Omit<BaseSelectInputProps, 'onSelect' | 'renderTrigger' | 'renderOption'> {
-    onChange?: (value: string) => void;
-}
-
 declare const SelectInput: {
     ({ onChange, value, ...rest }: SelectInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface SelectInputProps extends Omit<BaseSelectInputProps, 'onSelect' | 'renderTrigger' | 'renderOption'> {
+    onChange?: (value: string) => void;
+}
+
 declare const TextareaInput: react.ForwardRefExoticComponent<TextareaInputProps & react.RefAttributes<HTMLTextAreaElement>>;
 
 interface TextareaInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
@@ -223,16 +223,174 @@ interface TextInputProps extends Omit<BaseInputProps, 'type'> {
     type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
 }
 
-interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
-    countryCode: string;
+declare const SwitchInput: react.ForwardRefExoticComponent<SwitchInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const switchColors: SwitchColor[];
+
+type SwitchColor = 'primary' | 'secondary' | 'success' | 'danger';
+interface SwitchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    helperText?: string;
     size?: InputSize;
+    color?: SwitchColor;
+    error?: boolean;
+    labelPlacement?: 'end' | 'start';
 }
 
+declare const RangeSlider: react.ForwardRefExoticComponent<RangeSliderProps & react.RefAttributes<HTMLDivElement>>;
+declare const rangeSliderSizes: RangeSliderSize[];
+
+type RangeSliderSize = 'sm' | 'md' | 'lg';
+interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: [number, number] | number;
+    defaultValue?: [number, number] | number;
+    onChange?: (value: [number, number] | number) => void;
+    size?: RangeSliderSize;
+    disabled?: boolean;
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    range?: boolean;
+}
+
+declare const DateTimePicker: react.ForwardRefExoticComponent<DateTimePickerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type DateTimePickerMode = 'date' | 'time' | 'datetime';
+interface DateTimePickerProps {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (date: Date | null) => void;
+    mode?: DateTimePickerMode;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: InputSize;
+    placeholder?: string;
+    min?: Date;
+    max?: Date;
+    id?: string;
+}
+declare const dateTimePickerModes: DateTimePickerMode[];
+
 declare const CountryFlag: {
     ({ countryCode, size, style, ...rest }: CountryFlagProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
+    countryCode: string;
+    size?: InputSize;
+}
+
+type CardVariant = 'default' | 'muted' | 'accent' | 'primary' | 'ghost' | 'elevated' | 'glass' | 'gradient' | 'gradient-primary' | 'outline' | 'outline-primary' | 'flat' | 'dots' | 'grid' | 'mesh' | 'aurora' | 'spotlight' | 'neon' | 'diagonal' | 'blueprint' | 'noise' | 'crosshatch';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type CardRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: CardVariant;
+    padding?: CardPadding;
+    rounded?: CardRounded;
+}
+
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const cardVariants: CardVariant[];
+declare const cardPaddings: CardPadding[];
+declare const cardRoundeds: CardRounded[];
+
+declare function Badge({ variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare const badgeVariants: BadgeVariant[];
+
+type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive' | 'success' | 'ghost' | 'promo';
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+}
+
+declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare const avatarSizes: AvatarSize[];
+declare const avatarColors: AvatarColor[];
+
+type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+type AvatarColor = 'primary' | 'secondary' | 'muted';
+interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    initials: string;
+    size?: AvatarSize;
+    color?: AvatarColor;
+}
+
+declare function SectionHeading({ title, description, align, as, ...props }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
+declare const sectionHeadingAligns: SectionHeadingAlign[];
+
+type SectionHeadingAlign = 'center' | 'left' | 'right';
+interface SectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    align?: SectionHeadingAlign;
+    as?: 'h1' | 'h2' | 'h3';
+}
+
+declare function Skeleton({ variant, width, height, lines, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare const skeletonVariants: SkeletonVariant[];
+
+type SkeletonVariant = 'text' | 'rectangular' | 'circular';
+interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    lines?: number;
+}
+
+declare function Spinner({ variant, size, color, label, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare const spinnerVariants: SpinnerVariant[];
+declare const spinnerSizes: SpinnerSize[];
+declare const spinnerColors: SpinnerColor[];
+
+type SpinnerVariant = 'ring' | 'dots' | 'pulse' | 'bars';
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpinnerColor = 'primary' | 'secondary' | 'white' | 'current';
+interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: SpinnerVariant;
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    label?: string;
+}
+
+declare function ProgressBar({ value, max, size, variant, label, showValue, animated, striped, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+declare const progressBarSizes: ProgressBarSize[];
+declare const progressBarVariants: ProgressBarVariant[];
+
+type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';
+type ProgressBarVariant = 'default' | 'success' | 'warning' | 'danger' | 'gradient';
+interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: ProgressBarSize;
+    variant?: ProgressBarVariant;
+    label?: string;
+    showValue?: boolean;
+    animated?: boolean;
+    striped?: boolean;
+}
+
+declare function ProgressCircle({ value, max, size, variant, thickness, label, showValue, children, ...props }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
+declare const progressCircleSizes: ProgressCircleSize[];
+declare const progressCircleVariants: ProgressCircleVariant[];
+
+type ProgressCircleSize = 'sm' | 'md' | 'lg' | 'xl';
+type ProgressCircleVariant = 'default' | 'success' | 'warning' | 'danger' | 'gradient';
+interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: ProgressCircleSize;
+    variant?: ProgressCircleVariant;
+    thickness?: number;
+    label?: string;
+    showValue?: boolean;
+    children?: React.ReactNode;
+}
+
 type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
 type GridValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -249,28 +407,413 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
 
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+
 type ContainerMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     maxWidth?: ContainerMaxWidth;
 }
 
-declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
 
 type SectionProps = HTMLAttributes<HTMLElement>;
 
-declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
-
 type MainProps = HTMLAttributes<HTMLElement>;
 
 declare const Main: react.ForwardRefExoticComponent<MainProps & react.RefAttributes<HTMLElement>>;
 
+declare const Prose: react.ForwardRefExoticComponent<ProseProps & react.RefAttributes<HTMLDivElement>>;
+
 type ProseProps = HTMLAttributes<HTMLDivElement>;
 
-declare const Prose: react.ForwardRefExoticComponent<ProseProps & react.RefAttributes<HTMLDivElement>>;
+declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefAttributes<HTMLElement>>;
 
 type ArticleProps = HTMLAttributes<HTMLElement>;
 
-declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefAttributes<HTMLElement>>;
+declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
+    name: string;
+    imageUrl: string;
+    imageAlt?: string;
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    locale?: string;
+    lowestPrice?: number;
+    badge?: string;
+    badgeVariant?: BadgeVariant;
+    rating?: number;
+    reviewCount?: number;
+    ctaLabel?: string;
+    onAddToCart?: () => void;
+}
+
+declare const PostCard: react.ForwardRefExoticComponent<PostCardProps & react.RefAttributes<HTMLDivElement>>;
+
+type PostCardVariant = 'vertical' | 'horizontal' | 'featured' | 'compact';
+declare const postCardVariants: PostCardVariant[];
+interface PostCardProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    excerpt?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    date?: string;
+    author?: string;
+    href?: string;
+    category?: string;
+    variant?: PostCardVariant;
+    cardVariant?: CardVariant;
+}
+
+declare const PostCardImage: {
+    ({ src, alt, aspectRatio, overlay, className, style, }: PostCardImageProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AspectRatioPreset = '1/1' | '4/3' | '3/2' | '16/9' | '21/9' | '9/16' | '3/4' | '2/3';
+interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: AspectRatioPreset | number;
+    children?: ReactNode;
+}
+
+interface PostCardImageProps {
+    src?: string;
+    alt?: string;
+    aspectRatio?: AspectRatioPreset | number;
+    overlay?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+
+declare const PostCardMeta: {
+    ({ date, author, locale, inverted, }: PostCardMetaProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+interface PostCardMetaProps {
+    date?: string;
+    author?: string;
+    locale?: string;
+    inverted?: boolean;
+}
+
+declare const PricingCard: react.ForwardRefExoticComponent<PricingCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface PricingFeature {
+    text: string;
+    included?: boolean;
+}
+interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
+    name: string;
+    price: string | number;
+    currency?: string;
+    period?: string;
+    description?: string;
+    features?: PricingFeature[];
+    ctaLabel?: string;
+    ctaVariant?: ButtonVariant;
+    onCtaClick?: () => void;
+    href?: string;
+    popular?: boolean;
+    popularLabel?: string;
+    cardVariant?: CardVariant;
+}
+
+declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface StatItem {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    stat: StatItem;
+    cardVariant?: CardVariant;
+    align?: 'left' | 'center';
+}
+
+declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface Testimonial {
+    quote: string;
+    authorName: string;
+    authorRole?: string;
+    authorAvatarUrl?: string;
+    authorInitials?: string;
+    rating?: 1 | 2 | 3 | 4 | 5;
+}
+interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
+    testimonial: Testimonial;
+    cardVariant?: CardVariant;
+}
+
+declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TeamMember {
+    name: string;
+    role: string;
+    initials?: string;
+    avatarUrl?: string;
+    avatarAlt?: string;
+    avatarColor?: AvatarColor;
+}
+interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
+    member: TeamMember;
+    cardVariant?: CardVariant;
+}
+
+declare function CompareTool({ products, specLabels, onRemove, highlightDifferences, className, }: CompareToolProps): react_jsx_runtime.JSX.Element | null;
+
+type CompareSpecValue = string | number | boolean;
+interface CompareProduct {
+    id: string;
+    name: string;
+    imageUrl?: string;
+    price: string;
+    specs: Record<string, CompareSpecValue>;
+}
+interface CompareToolProps {
+    products: CompareProduct[];
+    specLabels?: Record<string, string>;
+    onRemove?: (id: string) => void;
+    highlightDifferences?: boolean;
+    className?: string;
+}
+
+declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
+
+interface CouponInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onApply: (code: string) => void;
+    onRemove?: () => void;
+    appliedCode?: string;
+    placeholder?: string;
+    applyLabel?: string;
+    removeLabel?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    error?: string;
+    successMessage?: string;
+    className?: string;
+}
+
+declare const Price: react.ForwardRefExoticComponent<PriceProps & react.RefAttributes<HTMLDivElement>>;
+declare const priceSizes: PriceSize[];
+
+type PriceSize = 'sm' | 'md' | 'lg' | 'xl';
+interface PriceProps extends HTMLAttributes<HTMLDivElement> {
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    locale?: string;
+    size?: PriceSize;
+    showDiscountBadge?: boolean;
+    /** Najniższa cena z ostatnich 30 dni (dyrektywa Omnibus). Wartość liczbowa. */
+    lowestPrice?: number;
+    /** Override etykiety omnibus. */
+    omnibusLabel?: string;
+}
+
+declare const ProductGallery: react.ForwardRefExoticComponent<ProductGalleryProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ProductGalleryImage {
+    src: string;
+    alt: string;
+}
+interface ProductGalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {
+    images: ProductGalleryImage[];
+    selectedIndex?: number;
+    onSelect?: (index: number) => void;
+}
+
+declare const PromoStrip: react.ForwardRefExoticComponent<PromoStripProps & react.RefAttributes<HTMLDivElement>>;
+declare const promoStripVariants: PromoStripVariant[];
+
+type PromoStripVariant = 'info' | 'success' | 'warning';
+interface PromoStripProps extends HTMLAttributes<HTMLDivElement> {
+    message: ReactNode;
+    actionLabel?: string;
+    href?: string;
+    variant?: PromoStripVariant;
+}
+
+declare const QuantitySelector: react.ForwardRefExoticComponent<QuantitySelectorProps & react.RefAttributes<HTMLDivElement>>;
+
+interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+}
+
+declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
+declare const stockStatusValues: StockStatusValue[];
+
+type StockStatusValue = 'in-stock' | 'low-stock' | 'out-of-stock' | 'preorder' | 'backorder';
+interface StockStatusProps extends HTMLAttributes<HTMLDivElement> {
+    status: StockStatusValue;
+    count?: number;
+    label?: string;
+    showIcon?: boolean;
+    size?: 'sm' | 'md';
+}
+
+declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
+
+interface FaqItemData {
+    question: string;
+    answer: string;
+}
+interface FaqItemProps extends HTMLAttributes<HTMLDivElement> {
+    item: FaqItemData;
+    defaultOpen?: boolean;
+}
+
+declare const FeatureItem: react.ForwardRefExoticComponent<FeatureItemProps & react.RefAttributes<HTMLDivElement>>;
+
+interface Feature {
+    icon?: ReactNode;
+    title: string;
+    description: string;
+}
+interface FeatureItemProps extends HTMLAttributes<HTMLDivElement> {
+    feature: Feature;
+    cardVariant?: CardVariant;
+    layout?: 'card' | 'icon-left';
+}
+
+declare const ProcessStep: react.ForwardRefExoticComponent<ProcessStepProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ProcessStepProps extends HTMLAttributes<HTMLDivElement> {
+    step: number;
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+}
+
+declare const LogoTile: react.ForwardRefExoticComponent<LogoTileProps & react.RefAttributes<HTMLElement>>;
+declare const logoTileVariants: LogoTileVariant[];
+
+interface LogoTileItem {
+    name: string;
+    logoUrl?: string;
+    logoAlt?: string;
+    href?: string;
+    width?: number | string;
+    height?: number | string;
+}
+type LogoTileVariant = 'plain' | 'boxed';
+interface LogoTileProps extends HTMLAttributes<HTMLElement> {
+    logo: LogoTileItem;
+    variant?: LogoTileVariant;
+    monochrome?: boolean;
+    logoHeight?: number | string;
+}
+
+declare const Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
+
+interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: number;
+    max?: number;
+    readonly?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    count?: number;
+    onChange?: (value: number) => void;
+}
+
+declare const Timeline: react.ForwardRefExoticComponent<TimelineProps & react.RefAttributes<HTMLOListElement>>;
+declare const timelineVariants: TimelineVariant[];
+declare const timelineItemStatuses: TimelineItemStatus[];
+
+type TimelineItemStatus = 'completed' | 'active' | 'pending' | 'error';
+type TimelineVariant = 'default' | 'compact';
+type TimelineAlign = 'left' | 'alternate';
+interface TimelineItem {
+    id: string;
+    title: string;
+    description?: ReactNode;
+    date?: string;
+    status?: TimelineItemStatus;
+    icon?: ReactNode;
+}
+interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
+    items: TimelineItem[];
+    variant?: TimelineVariant;
+    align?: TimelineAlign;
+}
+
+declare const PRESET_MAP: Record<string, number>;
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+declare const aspectRatioPresets: Array<keyof typeof PRESET_MAP>;
+
+declare function Carousel({ slides, autoPlay, autoPlayInterval, showDots, showArrows, loop, className, }: CarouselProps): react_jsx_runtime.JSX.Element | null;
+
+interface CarouselSlide {
+    id: string;
+    content: ReactNode;
+}
+interface CarouselProps {
+    slides: CarouselSlide[];
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    showDots?: boolean;
+    showArrows?: boolean;
+    loop?: boolean;
+    className?: string;
+}
+
+declare function VideoPlayer({ src, provider, title, poster, ratio, autoPlay, muted, loop, controls, className, }: VideoPlayerProps): react_jsx_runtime.JSX.Element;
+
+type VideoPlayerProvider = 'youtube' | 'vimeo' | 'local' | 'auto';
+interface VideoPlayerProps {
+    src: string;
+    provider?: VideoPlayerProvider;
+    title?: string;
+    poster?: string;
+    ratio?: AspectRatioPreset | number;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    className?: string;
+}
+
+declare function Lightbox({ images, columns, gap, className }: LightboxProps): react_jsx_runtime.JSX.Element;
+
+interface LightboxImage {
+    id: string;
+    src: string;
+    thumb?: string;
+    alt?: string;
+    caption?: string;
+}
+interface LightboxProps {
+    images: LightboxImage[];
+    columns?: 2 | 3 | 4 | 5;
+    gap?: number;
+    className?: string;
+}
+
+declare const Breadcrumbs: react.ForwardRefExoticComponent<BreadcrumbsProps & react.RefAttributes<HTMLElement>>;
+
+interface BreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+}
+interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+}
+
+declare const PaginationBar: {
+    ({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, size, disabled, }: PaginationBarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type PaginationBarSize = 'sm' | 'md' | 'lg';
 interface PaginationBarProps {
@@ -283,10 +826,7 @@ interface PaginationBarProps {
     disabled?: boolean;
 }
 
-declare const PaginationBar: {
-    ({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, size, disabled, }: PaginationBarProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 type PaginationButtonSize = 'sm' | 'md' | 'lg';
 type PaginationButtonVariant = 'page' | 'nav';
@@ -300,8 +840,6 @@ interface PaginationButtonProps {
     children: React.ReactNode;
 }
 
-declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
 interface Props {
     size?: PaginationButtonSize;
 }
@@ -310,6 +848,423 @@ declare const PaginationEllipsis: {
     displayName: string;
 };
 
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+declare const accordionVariants: AccordionVariant[];
+
+type AccordionVariant = 'default' | 'bordered' | 'separated';
+interface AccordionItemData {
+    key: string;
+    header: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    items: AccordionItemData[];
+    defaultOpenKeys?: string[];
+    openKeys?: string[];
+    onChange?: (keys: string[]) => void;
+    multiple?: boolean;
+    variant?: AccordionVariant;
+}
+
+declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
+declare const backToTopVariants: BackToTopVariant[];
+declare const backToTopPositions: BackToTopPosition[];
+
+type BackToTopVariant = 'default' | 'primary' | 'ghost';
+type BackToTopPosition = 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface BackToTopProps {
+    threshold?: number;
+    variant?: BackToTopVariant;
+    position?: BackToTopPosition;
+    label?: string;
+    scrollTarget?: () => Element | Window;
+}
+
+declare const ContextMenu: react.ForwardRefExoticComponent<ContextMenuProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ContextMenuItemData {
+    key: string;
+    label?: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    separator?: boolean;
+}
+interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
+    items: ContextMenuItemData[];
+    children: ReactNode;
+    disabled?: boolean;
+}
+
+type ListSize = 'sm' | 'md' | 'lg';
+type ListVariant = 'default' | 'bordered' | 'separated';
+interface ListItemData {
+    key: string;
+    primary: ReactNode;
+    secondary?: ReactNode;
+    prefixIcon?: ReactNode;
+    suffixAction?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    items: ListItemData[];
+    size?: ListSize;
+    variant?: ListVariant;
+    dividers?: boolean;
+}
+
+declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLUListElement>>;
+declare const listVariants: ListVariant[];
+declare const listSizes: ListSize[];
+
+declare const Marquee: react.ForwardRefExoticComponent<MarqueeProps & react.RefAttributes<HTMLDivElement>>;
+declare const marqueeDirections: MarqueeDirection[];
+declare const marqueeSpeeds: MarqueeSpeed[];
+
+type MarqueeDirection = 'left' | 'right';
+type MarqueeSpeed = 'slow' | 'normal' | 'fast';
+interface MarqueeProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    direction?: MarqueeDirection;
+    speed?: MarqueeSpeed;
+    pauseOnHover?: boolean;
+    gap?: string | number;
+}
+
+declare function Modal({ open, onClose, title, children, footer, size, closeOnBackdrop, hideCloseButton, }: ModalProps): react.ReactPortal | null;
+declare const modalSizes: ModalSize[];
+
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    size?: ModalSize;
+    closeOnBackdrop?: boolean;
+    hideCloseButton?: boolean;
+}
+
+type TabsVariant = 'underline' | 'pills' | 'bordered';
+interface TabItem {
+    key: string;
+    label: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    tabs: TabItem[];
+    defaultActiveKey?: string;
+    activeKey?: string;
+    onChange?: (key: string) => void;
+    variant?: TabsVariant;
+}
+
+declare const Tabs: react.ForwardRefExoticComponent<TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const tabsVariants: TabsVariant[];
+
+declare const CartDrawer: react.ForwardRefExoticComponent<CartDrawerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CartDrawerItem {
+    id: string;
+    name: string;
+    price: string;
+    quantity: number;
+    imageUrl?: string;
+    imageAlt?: string;
+}
+interface CartDrawerProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    title?: string;
+    items: CartDrawerItem[];
+    subtotal: string;
+    checkoutLabel?: string;
+    closeLabel?: string;
+    onClose?: () => void;
+    onCheckout?: () => void;
+    onQuantityChange?: (id: string, quantity: number) => void;
+    onRemove?: (id: string) => void;
+}
+
+declare const FilterSidebar: react.ForwardRefExoticComponent<FilterSidebarProps & react.RefAttributes<HTMLDivElement>>;
+
+interface FilterOption {
+    label: string;
+    value: string;
+    count?: number;
+}
+interface PriceRange {
+    min: number;
+    max: number;
+}
+interface FilterSidebarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    categories?: FilterOption[];
+    colors?: FilterOption[];
+    sizes?: FilterOption[];
+    selectedCategories?: string[];
+    selectedColors?: string[];
+    selectedSizes?: string[];
+    priceRange?: PriceRange;
+    onToggleCategory?: (value: string) => void;
+    onToggleColor?: (value: string) => void;
+    onToggleSize?: (value: string) => void;
+    onPriceRangeChange?: (range: PriceRange) => void;
+    onClear?: () => void;
+}
+
+declare const OrderSummary: react.ForwardRefExoticComponent<OrderSummaryProps & react.RefAttributes<HTMLDivElement>>;
+
+interface OrderSummaryLine {
+    label: ReactNode;
+    value: ReactNode;
+}
+interface OrderSummaryItem {
+    id: string;
+    name: ReactNode;
+    price: ReactNode;
+    quantity?: number;
+    imageUrl?: string;
+    imageAlt?: string;
+    meta?: ReactNode;
+}
+interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    items?: OrderSummaryItem[];
+    itemsTitle?: string;
+    subtotal: ReactNode;
+    shipping?: ReactNode;
+    tax?: ReactNode;
+    discount?: ReactNode;
+    total: ReactNode;
+    lines?: OrderSummaryLine[];
+    ctaLabel?: string;
+    onCheckout?: () => void;
+}
+
+declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
+
+interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    items: FaqItemData[];
+    headingAlign?: SectionHeadingAlign;
+    maxWidth?: ContainerMaxWidth;
+    defaultOpenIndex?: number;
+}
+
+declare const FeatureGrid: react.ForwardRefExoticComponent<FeatureGridProps & react.RefAttributes<HTMLElement>>;
+declare const featureGridColumns: FeatureGridColumns[];
+
+type FeatureGridColumns = 2 | 3 | 4;
+interface FeatureGridProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    features: Feature[];
+    headingAlign?: SectionHeadingAlign;
+    columns?: FeatureGridColumns;
+    cardVariant?: CardVariant;
+    itemLayout?: FeatureItemProps['layout'];
+    maxWidth?: ContainerMaxWidth;
+}
+
+declare const LogoCloud: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
+declare const Partners: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
+declare const logoCloudColumns: LogoCloudColumns[];
+declare const logoCloudVariants: LogoCloudVariant[];
+
+type LogoCloudColumns = 3 | 4 | 5 | 6;
+type LogoCloudVariant = LogoTileVariant;
+interface LogoCloudProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    logos: LogoTileItem[];
+    headingAlign?: SectionHeadingAlign;
+    columns?: LogoCloudColumns;
+    variant?: LogoCloudVariant;
+    monochrome?: boolean;
+    logoHeight?: number | string;
+    maxWidth?: ContainerMaxWidth;
+}
+
+declare const NewsletterSection: react.ForwardRefExoticComponent<NewsletterSectionProps & react.RefAttributes<HTMLElement>>;
+
+type NewsletterLayout = 'centered' | 'split';
+interface NewsletterSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'onSubmit'> {
+    title?: string;
+    description?: string;
+    inputPlaceholder?: string;
+    submitLabel?: string;
+    successMessage?: string;
+    privacyNote?: string;
+    headingAlign?: SectionHeadingAlign;
+    layout?: NewsletterLayout;
+    cardVariant?: CardVariant;
+    maxWidth?: ContainerMaxWidth;
+    onSubmit?: (email: string, event: FormEvent<HTMLFormElement>) => void;
+}
+declare const newsletterLayouts: NewsletterLayout[];
+
+declare function PricingSection({ title, description, plans, ...props }: PricingSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PricingSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    plans: PricingCardProps[];
+}
+
+declare function ProcessSection({ title, description, steps, ...props }: ProcessSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ProcessSectionStep {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+}
+interface ProcessSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    steps: ProcessSectionStep[];
+}
+
+declare const StatsSection: react.ForwardRefExoticComponent<StatsSectionProps & react.RefAttributes<HTMLElement>>;
+declare const statsSectionColumns: StatsSectionColumns[];
+
+type StatsSectionColumns = 2 | 3 | 4;
+interface StatsSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    stats: StatItem[];
+    headingAlign?: SectionHeadingAlign;
+    columns?: StatsSectionColumns;
+    cardVariant?: CardVariant;
+    statAlign?: 'left' | 'center';
+    maxWidth?: ContainerMaxWidth;
+}
+
+declare const TeamSection: react.ForwardRefExoticComponent<TeamSectionProps & react.RefAttributes<HTMLElement>>;
+declare const teamSectionColumns: TeamSectionColumns[];
+
+type TeamSectionColumns = 2 | 3 | 4;
+interface TeamSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    members: TeamMember[];
+    headingAlign?: SectionHeadingAlign;
+    columns?: TeamSectionColumns;
+    cardVariant?: CardVariant;
+    maxWidth?: ContainerMaxWidth;
+}
+
+declare const TestimonialsSection: react.ForwardRefExoticComponent<TestimonialsSectionProps & react.RefAttributes<HTMLElement>>;
+declare const testimonialsSectionColumns: TestimonialsSectionColumns[];
+
+type TestimonialsSectionColumns = 1 | 2 | 3;
+interface TestimonialsSectionProps extends HTMLAttributes<HTMLElement> {
+    title?: string;
+    description?: string;
+    testimonials: Testimonial[];
+    headingAlign?: SectionHeadingAlign;
+    columns?: TestimonialsSectionColumns;
+    cardVariant?: CardVariant;
+    maxWidth?: ContainerMaxWidth;
+}
+
+declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
+
+interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    shortcut?: string[];
+    keywords?: string[];
+    group?: string;
+    onSelect?: () => void;
+}
+interface CommandGroup {
+    id: string;
+    label: string;
+    items: CommandItem[];
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    groups?: CommandGroup[];
+    placeholder?: string;
+    emptyLabel?: string;
+    onSelect?: (item: CommandItem) => void;
+}
+
+declare function CookieConsent({ open, title, description, categories, acceptAllLabel, rejectLabel, manageLabel, saveLabel, onAcceptAll, onRejectAll, onSave, privacyPolicyLabel, privacyPolicyHref, }: CookieConsentProps): react.ReactPortal | null;
+declare const defaultCookieCategories: CookieCategory[];
+
+interface CookieCategory {
+    id: string;
+    label: string;
+    description: string;
+    required?: boolean;
+    defaultEnabled?: boolean;
+}
+interface CookiePreferences {
+    [categoryId: string]: boolean;
+}
+interface CookieConsentProps {
+    open: boolean;
+    title?: string;
+    description?: string;
+    categories?: CookieCategory[];
+    acceptAllLabel?: string;
+    rejectLabel?: string;
+    manageLabel?: string;
+    saveLabel?: string;
+    onAcceptAll?: () => void;
+    onRejectAll?: () => void;
+    onSave?: (preferences: CookiePreferences) => void;
+    privacyPolicyLabel?: string;
+    privacyPolicyHref?: string;
+}
+
+declare function Footer({ logo, description, columns, socialLinks, copyright, }: FooterProps): react_jsx_runtime.JSX.Element;
+
+interface FooterLink {
+    label: string;
+    href: string;
+}
+interface FooterColumn {
+    title: string;
+    links: FooterLink[];
+}
+type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'youtube';
+interface SocialLink {
+    label: string;
+    href: string;
+    platform: SocialPlatform;
+}
+interface FooterProps {
+    logo?: ReactNode;
+    description?: string;
+    columns?: FooterColumn[];
+    socialLinks?: SocialLink[];
+    copyright?: string;
+}
+
+declare function Navbar({ logo, navItems, actions, sticky, variant, }: NavbarProps): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+interface NavbarProps {
+    logo?: ReactNode;
+    navItems?: NavItem[];
+    actions?: ReactNode;
+    sticky?: boolean;
+    variant?: 'filled' | 'transparent';
+}
+
 interface CreateMyThemeOptions {
     mode?: 'light' | 'dark' | 'highContrast';
     overrides?: ThemeOptions;
@@ -354,8 +1309,12 @@ declare module '@mui/material/styles' {
         [key: string]: unknown;
     }
 }
-declare const themeLight: _mui_material.Theme;
-declare const themeDark: _mui_material.Theme;
-declare const themeHighContrast: _mui_material.Theme;
+declare const themeLight: _mui_material_styles.Theme;
+declare const themeDark: _mui_material_styles.Theme;
+declare const themeHighContrast: _mui_material_styles.Theme;
+
+declare function EmotionRegistry({ children }: {
+    children: react.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-export { Article, type ArticleProps, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type Breakpoint, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Container, type ContainerMaxWidth, type ContainerProps, CountryFlag, type CountryFlagProps, type CreateMyThemeOptions, EmailInput, type EmailInputProps, FileInput, type FileInputProps, type GapValue, type GridValue, Main, type MainProps, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, NumberInput, type NumberInputProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, PaginationEllipsis, PasswordInput, type PasswordInputProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Prose, type ProseProps, type ResponsiveValue, SearchInput, type SearchInputProps, Section, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, createMyTheme, myTheme, themeDark, themeHighContrast, themeLight };
+export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, Article, type ArticleProps, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, BackToTop, type BackToTopPosition, type BackToTopProps, type BackToTopVariant, Badge, type BadgeProps, type BadgeVariant, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardRounded, type CardVariant, Carousel, type CarouselProps, type CarouselSlide, CartDrawer, type CartDrawerItem, type CartDrawerProps, CheckboxInput, type CheckboxInputProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, type CompareProduct, type CompareSpecValue, CompareTool, type CompareToolProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type CookieCategory, CookieConsent, type CookieConsentProps, type CookiePreferences, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, EmailInput, type EmailInputProps, EmotionRegistry, FaqItem, type FaqItemData, type FaqItemProps, FaqSection, type FaqSectionProps, type Feature, FeatureGrid, type FeatureGridColumns, type FeatureGridProps, FeatureItem, type FeatureItemProps, FileInput, type FileInputProps, type FilterOption, FilterSidebar, type FilterSidebarProps, Footer, type FooterColumn, type FooterLink, type FooterProps, type GapValue, type GridValue, Lightbox, type LightboxImage, type LightboxProps, List, type ListItemData, type ListProps, type ListSize, type ListVariant, LogoCloud, type LogoCloudColumns, type LogoTileItem as LogoCloudItem, type LogoCloudProps, type LogoCloudVariant, LogoTile, type LogoTileItem, type LogoTileProps, type LogoTileVariant, Main, type MainProps, Marquee, type MarqueeDirection, type MarqueeProps, type MarqueeSpeed, Modal, type ModalProps, type ModalSize, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, type NavItem, Navbar, type NavbarProps, type NewsletterLayout, NewsletterSection, type NewsletterSectionProps, NumberInput, type NumberInputProps, OrderSummary, type OrderSummaryItem, type OrderSummaryLine, type OrderSummaryProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, PaginationEllipsis, Partners, PasswordInput, type PasswordInputProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, PostCard, PostCardImage, type PostCardImageProps, PostCardMeta, type PostCardMetaProps, type PostCardProps, type PostCardVariant, Price, type PriceProps, type PriceRange, type PriceSize, PricingCard, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleVariant, PromoStrip, type PromoStripProps, type PromoStripVariant, Prose, type ProseProps, QuantitySelector, type QuantitySelectorProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, type ResponsiveValue, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type SpinnerVariant, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionColumns, type StatsSectionProps, StockStatus, type StockStatusProps, type StockStatusValue, type SwitchColor, SwitchInput, type SwitchInputProps, type TabItem, Tabs, type TabsProps, type TabsVariant, type TeamMember, TeamMemberCard, type TeamMemberCardProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionColumns, type TestimonialsSectionProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, Timeline, type TimelineAlign, type TimelineItem, type TimelineItemStatus, type TimelineProps, type TimelineVariant, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, accordionVariants, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants };