/**
 * CTT Web Components React Wrappers
 *
 * React component wrappers for CTT Design System web components.
 * These components are properly typed and ready for use in React applications.
 *
 */
import { type EventName } from '@lit/react';
import { AccordionCtt as CttAccordionElement, BreadcrumbsCtt as CttBreadcrumbsElement, ButtonCtt as CttButtonElement, ButtonSwitchCtt as CttButtonSwitchElement, CardCtt as CttCardElement, CheckboxCtt as CttCheckboxElement, ChipCtt as CttChipElement, DropdownInputCtt as CttDropdownInputElement, IbanInputCtt as CttIbanInputElement, IconCtt as CttIconElement, InputCounterCtt as CttInputCounterElement, InputMoneyCtt as CttInputMoneyElement, InputTextCtt as CttInputTextElement, LoadingCtt as CttLoadingElement, ModalCtt as CttModalElement, PaginationCtt as CttPaginationElement, PhoneInputCtt as CttPhoneInputElement, RadioButtonCtt as CttRadioButtonElement, SidePanelCtt as CttSidePanelElement, SidePanelItemCtt as CttSidePanelItemElement, TagCtt as CttTagElement, TextareaInputCtt as CttTextareaInputElement, ToasterAlertCtt as CttToasterAlertElement, ToggleSwitchCtt as CttToggleSwitchElement, TooltipCtt as CttTooltipElement, ZipCodeInputCtt as CttZipCodeInputElement, ButtonDropdownCtt as CttButtonDropdownElement, TableCtt as CttTableElement, ErrorPageCtt as CttErrorPageElement, type CttIconName, type FormatType, type BreadcrumbItem, type ButtonSwitchItem, type DropdownOption, type DropdownPrimitiveValue, type TagType, type TagSize, type TagVariant, type TagIconPosition, type ErrorPageType } from '../core/components';
export type CttEvent<T> = CustomEvent<T>;
export interface InputTextChangeDetail {
    value: string;
    name: string;
}
export type InputTextChangeEvent = CttEvent<InputTextChangeDetail>;
export type InputTextFocusEvent = CttEvent<Event>;
export type InputTextBlurEvent = CttEvent<Event>;
export interface InputMoneyChangeDetail {
    value: number;
    displayValue: string;
}
export type InputMoneyChangeEvent = CttEvent<InputMoneyChangeDetail>;
export type InputMoneyFocusEvent = CttEvent<Event>;
export type InputMoneyBlurEvent = CttEvent<Event>;
export interface PhoneInputChangeDetail {
    previousCountry: string;
    newCountry: string;
    value: string;
    phoneNumber: string;
    country: string;
    countryCode: string;
    dialCode?: string;
    localNumber: string;
    e164Format: string;
    isValid: boolean;
    name: string;
}
export type PhoneInputChangeEvent = CttEvent<PhoneInputChangeDetail>;
export type PhoneInputCountryChangeEvent = CttEvent<PhoneInputChangeDetail>;
export interface ZipCodeInputChangeDetail {
    value?: string;
    zipCode: string;
    locality: string;
    country?: string;
    isValid?: boolean;
    validationMessage?: string;
    format?: unknown;
}
export type ZipCodeInputChangeEvent = CttEvent<ZipCodeInputChangeDetail>;
export type ZipCodeInputFocusEvent = CttEvent<Event>;
export type ZipCodeInputBlurEvent = CttEvent<Event>;
export interface TextareaInputChangeDetail {
    value: string;
    name: string;
}
export type TextareaInputChangeEvent = CttEvent<TextareaInputChangeDetail>;
export type TextareaInputInputEvent = CttEvent<TextareaInputChangeDetail>;
export type TextareaInputFocusEvent = CttEvent<TextareaInputChangeDetail>;
export type TextareaInputBlurEvent = CttEvent<TextareaInputChangeDetail>;
export interface DropdownInputChangeDetail<V extends DropdownPrimitiveValue = DropdownPrimitiveValue> {
    value: V | V[];
    option: any;
    name: string;
}
export type DropdownInputChangeEvent<V extends DropdownPrimitiveValue = DropdownPrimitiveValue> = CttEvent<DropdownInputChangeDetail<V>>;
export type DropdownInputSelectionChangeEvent = CttEvent<unknown>;
export interface IbanInputChangeDetail {
    value: string;
    countryCode: string;
    valueWithoutCountryCode: string;
    isValid: boolean;
}
export type IbanInputChangeEvent = CttEvent<IbanInputChangeDetail>;
export interface InputCounterChangeDetail {
    value: number;
    name: string;
}
export type InputCounterCttChangeEvent = CustomEvent<InputCounterChangeDetail>;
export type CheckboxCttChangeEvent = CustomEvent<{
    checked: boolean;
    value: string;
}>;
export type RadioButtonCttChangeEvent = CustomEvent<{
    checked: boolean;
    value: string;
    name: string;
}>;
export type ButtonSwitchCttChangeEvent = CustomEvent<{
    value: string;
}>;
export interface ToggleSwitchChangeDetail {
    checked: boolean;
    value?: string;
    name: string;
    originalEvent?: Event;
}
export type ToggleSwitchCttChangeEvent = CustomEvent<ToggleSwitchChangeDetail>;
export type ButtonDropdownCttChangeEvent = CustomEvent<{
    value: unknown;
    option: unknown;
    id: string | number;
}>;
export type AccordionCttToggleEvent = CustomEvent<{
    open: boolean;
}>;
export type BreadcrumbsCttNavigateEvent = CustomEvent<{
    item: unknown;
}>;
export type SidePanelCttToggleEvent = CustomEvent<{
    collapsed: boolean;
}>;
export type SidePanelItemCttToggleEvent = CustomEvent<{
    open: boolean;
}>;
export type PaginationCttPageChangeEvent = CustomEvent<{
    page: number;
    previousPage: number;
}>;
export type PaginationCttPageSizeChangeEvent = CustomEvent<{
    size: number;
}>;
export type ButtonCttClickEvent = CustomEvent<void>;
export type CardCttSelectEvent = CustomEvent<{
    selected: boolean;
    previousSelected: boolean;
    title: string;
    card: unknown;
    disabled: boolean;
    selectable: boolean;
}>;
export type CardCttBeforeSelectEvent = CustomEvent<{
    selected: boolean;
    previousSelected: boolean;
    title: string;
    card: unknown;
    disabled: boolean;
    selectable: boolean;
}>;
export type ChipCttToggleEvent = CustomEvent<{
    selected: boolean;
}>;
export type ChipCttRemoveEvent = CustomEvent<{
    chip: unknown;
}>;
export type TagCttDismissEvent = CustomEvent<void>;
export type ToasterAlertCttCloseEvent = CustomEvent<{
    toasterId: string;
}>;
export type ModalCttOpenEvent = CustomEvent<{
    modal: unknown;
}>;
export type ModalCttCloseEvent = CustomEvent<{
    modal: unknown;
}>;
export type ModalCttOverlayClickEvent = CustomEvent<{
    modal: unknown;
}>;
export type ModalCttDismissEvent = CustomEvent<{
    modal: unknown;
    reason: string;
}>;
export type TooltipCttVisibilityChangeEvent = CustomEvent<{
    visible: boolean;
    text: string;
    position: string;
    arrowPosition: string;
}>;
export type LoadingCttProgressStartEvent = CustomEvent<{
    duration: number;
}>;
export type LoadingCttProgressCompleteEvent = CustomEvent<{
    counter: number;
}>;
export type LoadingCttProgressResetEvent = CustomEvent<{
    counter: number;
}>;
export type TableCttSelectionChangeEvent = CustomEvent<{
    selectedIds: (string | number)[];
}>;
export type TableCttSortEvent = CustomEvent<{
    column: string;
    direction: 'asc' | 'desc';
}>;
export type TableCttPageChangeEvent = CustomEvent<{
    page: number;
}>;
export type TableCttPageSizeChangeEvent = CustomEvent<{
    size: number;
}>;
export type TableCttSearchEvent = CustomEvent<{
    term: string;
    columns: string[];
}>;
export type TableCttFilterEvent = CustomEvent<{
    filterId: string | null;
    value: unknown;
}>;
export type ErrorPageCttActionClickEvent = CustomEvent<void>;
export declare const AccordionCtt: import("@lit/react").ReactWebComponent<CttAccordionElement, {
    onToggle: EventName<AccordionCttToggleEvent>;
}>;
export declare const BreadcrumbsCtt: import("@lit/react").ReactWebComponent<CttBreadcrumbsElement, {
    onNavigate: EventName<BreadcrumbsCttNavigateEvent>;
}>;
export declare const ButtonCtt: import("@lit/react").ReactWebComponent<CttButtonElement, {
    onClick: EventName<ButtonCttClickEvent>;
}>;
export declare const ButtonSwitchCtt: import("@lit/react").ReactWebComponent<CttButtonSwitchElement, {
    onChange: EventName<ButtonSwitchCttChangeEvent>;
}>;
export declare const CardCtt: import("@lit/react").ReactWebComponent<CttCardElement, {
    onCardSelect: EventName<CardCttSelectEvent>;
    onCardBeforeSelect: EventName<CardCttBeforeSelectEvent>;
}>;
export declare const CheckboxCtt: import("@lit/react").ReactWebComponent<CttCheckboxElement, {
    onChange: EventName<CheckboxCttChangeEvent>;
}>;
export declare const ChipCtt: import("@lit/react").ReactWebComponent<CttChipElement, {
    onCttToggle: EventName<ChipCttToggleEvent>;
    onCttRemove: EventName<ChipCttRemoveEvent>;
}>;
export declare const DropdownInputCtt: import("@lit/react").ReactWebComponent<CttDropdownInputElement<DropdownPrimitiveValue, DropdownOption<DropdownPrimitiveValue>>, {
    onChange: EventName<DropdownInputChangeEvent>;
    onCttChange: EventName<DropdownInputChangeEvent>;
    onSelectionChange: EventName<DropdownInputSelectionChangeEvent>;
}>;
export declare const IconCtt: import("@lit/react").ReactWebComponent<CttIconElement, {}>;
export declare const InputCounterCtt: import("@lit/react").ReactWebComponent<CttInputCounterElement, {
    onValueChange: EventName<InputCounterCttChangeEvent>;
    onChange: EventName<InputCounterCttChangeEvent>;
    onCttChange: EventName<InputCounterCttChangeEvent>;
}>;
export declare const InputMoneyCtt: import("@lit/react").ReactWebComponent<CttInputMoneyElement, {
    onInput: EventName<InputMoneyChangeEvent>;
    onChange: EventName<InputMoneyChangeEvent>;
    onCttInput: EventName<InputMoneyChangeEvent>;
    onCttChange: EventName<InputMoneyChangeEvent>;
    onFocus: EventName<InputMoneyFocusEvent>;
    onBlur: EventName<InputMoneyBlurEvent>;
}>;
export declare const InputTextCtt: import("@lit/react").ReactWebComponent<CttInputTextElement, {
    onInput: EventName<InputTextChangeEvent>;
    onChange: EventName<InputTextChangeEvent>;
    onCttInput: EventName<InputTextChangeEvent>;
    onCttChange: EventName<InputTextChangeEvent>;
    onFocus: EventName<InputTextFocusEvent>;
    onBlur: EventName<InputTextBlurEvent>;
}>;
export declare const LoadingCtt: import("@lit/react").ReactWebComponent<CttLoadingElement, {
    onProgressStart: EventName<LoadingCttProgressStartEvent>;
    onProgressComplete: EventName<LoadingCttProgressCompleteEvent>;
    onProgressReset: EventName<LoadingCttProgressResetEvent>;
}>;
export declare const ModalCtt: import("@lit/react").ReactWebComponent<CttModalElement, {
    onCttModalOpen: EventName<ModalCttOpenEvent>;
    onCttModalClose: EventName<ModalCttCloseEvent>;
    onCttModalOverlayClick: EventName<ModalCttOverlayClickEvent>;
    onCttModalDismiss: EventName<ModalCttDismissEvent>;
}>;
export declare const PaginationCtt: import("@lit/react").ReactWebComponent<CttPaginationElement, {
    onPageChange: EventName<PaginationCttPageChangeEvent>;
    onPageSizeChange: EventName<PaginationCttPageSizeChangeEvent>;
}>;
export declare const PhoneInputCtt: import("@lit/react").ReactWebComponent<CttPhoneInputElement, {
    onChange: EventName<PhoneInputChangeEvent>;
    onInput: EventName<Event>;
    onCttInput: EventName<PhoneInputChangeEvent>;
    onCttChange: EventName<PhoneInputChangeEvent>;
    onCountryChange: EventName<PhoneInputCountryChangeEvent>;
}>;
export declare const RadioButtonCtt: import("@lit/react").ReactWebComponent<CttRadioButtonElement, {
    onChange: EventName<RadioButtonCttChangeEvent>;
}>;
export declare const SidePanelCtt: import("@lit/react").ReactWebComponent<CttSidePanelElement, {
    onToggle: EventName<SidePanelCttToggleEvent>;
}>;
export declare const SidePanelItemCtt: import("@lit/react").ReactWebComponent<CttSidePanelItemElement, {
    onToggle: EventName<SidePanelItemCttToggleEvent>;
}>;
export declare const TagCtt: import("@lit/react").ReactWebComponent<CttTagElement, {
    onCttDismiss: EventName<TagCttDismissEvent>;
}>;
export declare const TextareaInputCtt: import("@lit/react").ReactWebComponent<CttTextareaInputElement, {
    onChange: EventName<TextareaInputChangeEvent>;
    onInput: EventName<TextareaInputInputEvent>;
    onCttInput: EventName<TextareaInputInputEvent>;
    onCttChange: EventName<TextareaInputChangeEvent>;
    onFocus: EventName<TextareaInputFocusEvent>;
    onBlur: EventName<TextareaInputBlurEvent>;
}>;
export declare const ToasterAlertCtt: import("@lit/react").ReactWebComponent<CttToasterAlertElement, {
    onCttToasterClose: EventName<ToasterAlertCttCloseEvent>;
}>;
export declare const ToggleSwitchCtt: import("@lit/react").ReactWebComponent<CttToggleSwitchElement, {
    onToggleChange: EventName<ToggleSwitchCttChangeEvent>;
}>;
export declare const TooltipCtt: import("@lit/react").ReactWebComponent<CttTooltipElement, {
    onTooltipVisibilityChange: EventName<TooltipCttVisibilityChangeEvent>;
}>;
export declare const ZipCodeInputCtt: import("@lit/react").ReactWebComponent<CttZipCodeInputElement, {
    onChange: EventName<ZipCodeInputChangeEvent>;
    onInput: EventName<ZipCodeInputChangeEvent>;
    onCttInput: EventName<ZipCodeInputChangeEvent>;
    onCttChange: EventName<ZipCodeInputChangeEvent>;
    onFocus: EventName<ZipCodeInputFocusEvent>;
    onBlur: EventName<ZipCodeInputBlurEvent>;
}>;
export declare const IbanInputCtt: import("@lit/react").ReactWebComponent<CttIbanInputElement, {
    onInput: EventName<IbanInputChangeEvent>;
    onChange: EventName<IbanInputChangeEvent>;
    onCttInput: EventName<IbanInputChangeEvent>;
    onCttChange: EventName<IbanInputChangeEvent>;
    onFocus: EventName<IbanInputChangeEvent>;
    onBlur: EventName<IbanInputChangeEvent>;
}>;
export declare const ButtonDropdownCtt: import("@lit/react").ReactWebComponent<CttButtonDropdownElement<import("../components/ButtonDropdown/ButtonDropdown").DropdownOption>, {
    onChange: EventName<ButtonDropdownCttChangeEvent>;
}>;
export declare const TableCtt: import("@lit/react").ReactWebComponent<CttTableElement, {
    onTableSelectionChange: EventName<TableCttSelectionChangeEvent>;
    onTableSort: EventName<TableCttSortEvent>;
    onTablePageChange: EventName<TableCttPageChangeEvent>;
    onTablePageSizeChange: EventName<TableCttPageSizeChangeEvent>;
    onTableSearch: EventName<TableCttSearchEvent>;
    onTableFilter: EventName<TableCttFilterEvent>;
}>;
export declare const ErrorPageCtt: import("@lit/react").ReactWebComponent<CttErrorPageElement, {
    onActionClick: EventName<ErrorPageCttActionClickEvent>;
}>;
export type { CttIconName, FormatType, BreadcrumbItem, ButtonSwitchItem, DropdownOption, DropdownPrimitiveValue, TagType, TagSize, TagVariant, TagIconPosition, ErrorPageType };
export { formatNumber, getLocaleSeparators, parseFormattedNumber } from '../utils/index';