@szymonpiatek/designsystem 0.0.2 → 0.0.4

package/dist/index.d.cts

@@ -1,13 +1,16 @@
 import * as react from 'react';
-import { ReactNode, MouseEventHandler } from 'react';
+import { ReactNode, MouseEventHandler, AriaAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, FormEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ThemeOptions, Theme } from '@mui/material/styles';
 import * as _mui_material from '@mui/material';
 
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
 interface ButtonProps {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     disabled?: boolean;
     loading?: boolean;
     fullWidth?: boolean;
@@ -16,6 +19,1250 @@ interface ButtonProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     type?: 'button' | 'submit' | 'reset';
     children: ReactNode;
+    className?: string;
+    'aria-label'?: string;
+    'aria-current'?: AriaAttributes['aria-current'];
+}
+
+declare const BaseInput: react.ForwardRefExoticComponent<BaseInputProps & react.RefAttributes<HTMLInputElement>>;
+
+type InputSize = 'sm' | 'md' | 'lg';
+
+interface BaseInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    fullWidth?: boolean;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+}
+
+declare const CheckboxInput: react.ForwardRefExoticComponent<CheckboxInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    indeterminate?: boolean;
+}
+
+declare const FileInput: react.ForwardRefExoticComponent<FileInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'placeholder'> {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    fullWidth?: boolean;
+    variant?: 'compact' | 'dropzone';
+    /** Label on the Browse button (compact). */
+    browseLabel?: string;
+    /** Text shown when no file is selected (compact). */
+    noFileLabel?: string;
+    /** Content shown in the dropzone center when empty. Replaces the default "Drop or browse" line. */
+    dropzoneLabel?: React.ReactNode;
+    /** Secondary hint text shown below the main dropzone label. */
+    dropzoneSublabel?: string;
+    /** Text shown while dragging over the dropzone. */
+    dropToUploadLabel?: string;
+    /** Label for the "N files selected" summary in the compact wrapper. */
+    filesSelectedLabel?: (count: number) => string;
+    /** Text on the Remove button (single file). */
+    removeLabel?: string;
+    /** Text on the Remove all button (multiple files). */
+    removeAllLabel?: string;
+    /** Text on the Change button. */
+    changeLabel?: string;
+    /** aria-label on the compact clear (×) button. */
+    clearAriaLabel?: string;
+    /** aria-label on the per-file remove button; receives the file name. */
+    removeFileAriaLabel?: (fileName: string) => string;
+    /** aria-label on the Remove all button. */
+    removeAllAriaLabel?: string;
+    /** aria-label on the Change button. */
+    changeAriaLabel?: string;
+    /** aria-label on the dropzone browse button when no label prop is provided. */
+    chooseFileAriaLabel?: string;
+}
+
+declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & react.RefAttributes<HTMLInputElement>>;
+
+type EmailInputProps = Omit<BaseInputProps, 'type'>;
+
+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;
+};
+
+interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface BaseSelectInputProps {
+    options: SelectOption[];
+    value?: string;
+    placeholder?: string;
+    onSelect?: (option: SelectOption, close: () => void) => void;
+    /** Overrides the trigger button content. By default, shows the selected option label or placeholder. */
+    renderTrigger?: () => ReactNode;
+    /** Overrides the visual content of each option row. BaseSelectInput still handles the click. */
+    renderOption?: (option: SelectOption) => ReactNode;
+    /** Determines aria-selected for each option. Defaults to value === option.value. */
+    isSelected?: (option: SelectOption) => boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    id?: string;
+}
+
+declare const NumberInput: react.ForwardRefExoticComponent<NumberInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface NumberInputProps extends Omit<BaseInputProps, 'type'> {
+    min?: number;
+    max?: number;
+    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 PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface PasswordInputProps extends Omit<BaseInputProps, 'type' | 'endAdornment'> {
+    showPasswordLabel?: string;
+    hidePasswordLabel?: string;
+}
+
+declare const SearchInput: react.ForwardRefExoticComponent<SearchInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SearchInputProps extends Omit<BaseInputProps, 'type' | 'startAdornment' | 'endAdornment'> {
+    onClear?: () => void;
+    clearAriaLabel?: string;
+}
+
+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'> {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    fullWidth?: boolean;
+    rows?: number;
+}
+
+declare const PhoneInput: react.ForwardRefExoticComponent<PhoneInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface PhoneCountry {
+    flagCode: string;
+    country: string;
+    dialCode: string;
+    maxLength: number;
+    minLength: number;
+}
+interface PhoneInputMeta {
+    country: PhoneCountry;
+    dialCode: string;
+    fullNumber: string;
+}
+interface PhoneInputProps {
+    value?: string;
+    defaultValue?: string;
+    defaultCountry?: string;
+    onChange?: (value: string, meta: PhoneInputMeta) => void;
+    onCountryChange?: (country: PhoneCountry) => void;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    size?: InputSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    id?: string;
+    /** aria-label on the country trigger button. Receives current country name and dial code. */
+    countrySelectAriaLabel?: (country: string, dialCode: string) => string;
+    /** aria-label on the phone number input when no label prop is provided. */
+    phoneAriaLabel?: string;
+    /** aria-label on the country listbox dropdown. */
+    countryListAriaLabel?: string;
+    /** Placeholder inside the country search box. */
+    countrySearchPlaceholder?: string;
+    /** aria-label on the country search input. */
+    countrySearchAriaLabel?: string;
+    /** Suffix used in the auto-generated digit-count placeholder (e.g. 'cyfr'). */
+    digitsLabel?: string;
+}
+
+declare const TextInput: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface TextInputProps extends Omit<BaseInputProps, 'type'> {
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+}
+
+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;
+type ResponsiveValue<T> = T | {
+    [K in Breakpoint]?: T;
+};
+interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    direction?: ResponsiveValue<'row' | 'col'>;
+    wrap?: ResponsiveValue<'wrap' | 'nowrap'>;
+    gap?: ResponsiveValue<GapValue>;
+    cols?: ResponsiveValue<GridValue>;
+    rows?: ResponsiveValue<GridValue>;
+}
+
+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 Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+
+type SectionProps = HTMLAttributes<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 Article: react.ForwardRefExoticComponent<ArticleProps & react.RefAttributes<HTMLElement>>;
+
+type ArticleProps = HTMLAttributes<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 {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    showFirstLast?: boolean;
+    size?: PaginationBarSize;
+    disabled?: boolean;
+}
+
+declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type PaginationButtonSize = 'sm' | 'md' | 'lg';
+type PaginationButtonVariant = 'page' | 'nav';
+interface PaginationButtonProps {
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    isActive?: boolean;
+    disabled?: boolean;
+    size?: PaginationButtonSize;
+    variant?: PaginationButtonVariant;
+    'aria-label': string;
+    children: React.ReactNode;
+}
+
+interface Props {
+    size?: PaginationButtonSize;
+}
+declare const PaginationEllipsis: {
+    ({ size }: Props): react_jsx_runtime.JSX.Element;
+    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 {
@@ -66,4 +1313,4 @@ declare const themeLight: _mui_material.Theme;
 declare const themeDark: _mui_material.Theme;
 declare const themeHighContrast: _mui_material.Theme;
 
-export { Button, type ButtonProps, type CreateMyThemeOptions, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, 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, 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 };