import { AccessorFn as AccessorFn_2 } from '@tanstack/react-table';
import { ActionProps } from '../../internal/Actions';
import { AriaAttributes } from 'react';
import { AriaRole } from 'react';
import { ButtonHTMLAttributes } from 'react';
import { CellContext } from '@tanstack/react-table';
import { ChangeEvent } from 'react';
import { ColumnFiltersState } from '@tanstack/react-table';
import { ColumnPinningState } from '@tanstack/react-table';
import { ComponentProps } from 'react';
import { DataAttributes as DataAttributes_2 } from '../../internal/LibraryAPI/LibraryTypes.tsx';
import { DetailedHTMLProps } from 'react';
import { ElementType } from 'react';
import { FC } from 'react';
import { FieldsetHTMLAttributes } from 'react';
import { FilterFnOption } from '@tanstack/react-table';
import { FocusEvent as FocusEvent_2 } from 'react';
import { FormHTMLAttributes } from 'react';
import { ForwardedRef } from 'react';
import { ForwardRefExoticComponent } from 'react';
import { HeaderContext } from '@tanstack/react-table';
import { HTMLAttributeReferrerPolicy } from 'react';
import { HTMLAttributes } from 'react';
import { HTMLInputAutoCompleteAttribute } from 'react';
import { IframeHTMLAttributes } from 'react';
import { ImgHTMLAttributes } from 'react';
import { InputHTMLAttributes } from 'react';
import { InvalidEvent } from 'react';
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
import { MouseEvent as MouseEvent_2 } from 'react';
import { MutableRefObject } from 'react';
import { NativeProps } from '../../internal/inputs/NativeProps';
import { NativeProps as NativeProps_3 } from '../../internal/inputs/NativeProps.ts';
import { NativePropsTextual as NativePropsTextual_2 } from '../../internal/inputs';
import { PaginationState } from '@tanstack/react-table';
import { Placement } from '@floating-ui/react-dom';
import { ReactElement } from 'react';
import { ReactNode } from 'react';
import { RefAttributes } from 'react';
import { RowSelectionState } from '@tanstack/react-table';
import { SelectHTMLAttributes } from 'react';
import { SortingFn as SortingFn_2 } from '@tanstack/react-table';
import { SortingState } from '@tanstack/react-table';
import { SVGProps } from 'react';
import { SyntheticEvent } from 'react';
import { TextareaHTMLAttributes } from 'react';

export declare const A: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & {
href?: string | undefined;
} & RefAttributes<HTMLAnchorElement>>;

export declare type AccessorFn = AccessorFn_2<TableData, TableRow | TableValue>;

declare const Actions: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Provide an array of actions with callbacks */
actions?: (Props_9 | [Props_9, Props_9])[] | undefined;
/** Set design of Actions block */
variant?: "primary" | "inverted" | undefined;
/** Provide CSS class name for action button */
classNameAction?: string | undefined;
/** Provide CSS class name for action button row container */
classNameRow?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

declare enum ActionTypes {
    default = "default",
    success = "success",
    link = "link",
    danger = "danger"
}

declare const Audio_2: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* A URL for an image to be shown left to audio controls.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#poster
*/
poster?: string | undefined;
/**
* Set a callback to run when the audio is buffered enough to play on the user side
*/
onReady?: ((event: SyntheticEvent<Element_2>) => void) | undefined;
/**
* Set a callback to capture audio errors
*/
onError?: ((event: SyntheticEvent<Element_2>) => void) | undefined;
/**
* Set a callback to run when the user plays the audio
*/
onPlay?: ((event: SyntheticEvent<Element_2>) => void) | undefined;
/**
* Set a callback to run when the user pauses the audio
*/
onPause?: ((event: SyntheticEvent<Element_2>) => void) | undefined;
/**
* Provide audio file url
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
*/
src?: string | undefined;
/**
* Provide audio sources configs array. An advanced alternative to `src` prop
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
*/
sources?: Source_2[] | undefined;
/**
* Provide a title for the audio
*/
title?: string | undefined;
children?: ReactNode;
} & RefAttributes<HTMLAudioElement>>;
export { Audio_2 as Audio }

export declare const B: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const BlockQuote: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLQuoteElement>>;

export declare const Breadcrumbs: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Provide a list of items to render inside breadcrumbs */
items: Item[];
/** Enable to show ellipsis (...) after the first breadcrumb item */
showEllipsis?: boolean | undefined;
/**
* Provide a link component to render as a breadcrumb. Can be used with Next.js
* @example
* import Link from 'next/link'
* <Breadcrumbs linkComponent={Link} />
*/
linkComponent?: FC<LinkProps> | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const Button: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
onClick?: ((event: MouseEvent_2<HTMLButtonElement>) => void) | undefined;
type?: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>['type'];
disabled?: boolean | undefined;
variant?: "link" | "success" | "danger" | "primary" | "action" | "alternative" | undefined;
size?: "small" | "medium" | "large" | undefined;
prefix?: FC<HTMLAttributes<HTMLOrSVGElement>> | undefined;
suffix?: FC<HTMLAttributes<HTMLOrSVGElement>> | undefined;
} & RefAttributes<HTMLButtonElement>>;

export declare const ButtonGroup: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
layout?: "horizontal" | "vertical" | undefined;
} & RefAttributes<HTMLDivElement>>;

declare type CallbackPropsInteractive = {
    /**
     * Provide value CheckboxInput.
     * NB! This prop is unlike TextInput and doesn't influence a state of input! Use `checked` prop for that.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#additional_attributes
     */
    value?: InputHTMLAttributes<HTMLInputElement>['value'];
    /**
     * Provide default checked state for non-controlled CheckboxInput.
     * Setting this prop enables non-controlled mode.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#additional_attributes
     */
    defaultChecked?: InputHTMLAttributes<HTMLInputElement>['checked'];
    /**
     * Provide checked state for controlled CheckboxInput.
     * Setting this prop enables controlled mode.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#additional_attributes
     */
    checked?: InputHTMLAttributes<HTMLInputElement>['checked'];
    /**
     * Set on change callback to get Event object.
     * @see https://reactjs.org/docs/events.html#form-events
     */
    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
    /**
     * Set on focus callback to get Event object.
     * @see https://reactjs.org/docs/events.html#onfocus
     */
    onFocus?: (event: FocusEvent_2<HTMLInputElement>) => void;
    /**
     * Set on blur callback to get Event object.
     * @see https://reactjs.org/docs/events.html#onblur
     */
    onBlur?: (event: FocusEvent_2<HTMLInputElement>) => void;
    /**
     * Set on key down callback to get Event object.
     * @see https://reactjs.org/docs/events.html#keyboard-events
     */
    onKeyDown?: (event: KeyboardEvent_2<HTMLInputElement>) => void;
    /**
     * Set on key up callback to get Event object.
     * @see https://reactjs.org/docs/events.html#keyboard-events
     */
    onKeyUp?: (event: KeyboardEvent_2<HTMLInputElement>) => void;
};

declare type CallbackPropsTextual<TElement = HTMLInputElement> = {
    /**
     * Provide value for controlled TextInput.
     * Setting this prop enables controlled mode.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
     */
    value?: InputHTMLAttributes<TElement>['value'];
    /**
     * Provide value for non-controlled TextInput.
     * Setting this prop enables non-controlled mode.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
     */
    defaultValue?: InputHTMLAttributes<TElement>['defaultValue'];
    /**
     * Makes the element not mutable, meaning the user can not edit the control
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
     */
    readOnly?: InputHTMLAttributes<HTMLInputElement>['readOnly'];
    /**
     * Set on change callback to get Event object.
     * @see https://reactjs.org/docs/events.html#form-events
     */
    onChange?: (event: ChangeEvent<TElement>) => void;
    /**
     * Set on focus callback to get Event object.
     * @see https://reactjs.org/docs/events.html#onfocus
     */
    onFocus?: (event: FocusEvent_2<TElement>) => void;
    /**
     * Set on blur callback to get Event object.
     * @see https://reactjs.org/docs/events.html#onblur
     */
    onBlur?: (event: FocusEvent_2<TElement>) => void;
    /**
     * Set on key down callback to get Event object.
     * @see https://reactjs.org/docs/events.html#keyboard-events
     */
    onKeyDown?: (event: KeyboardEvent_2<TElement>) => void;
    /**
     * Set on key up callback to get Event object.
     * @see https://reactjs.org/docs/events.html#keyboard-events
     */
    onKeyUp?: (event: KeyboardEvent_2<TElement>) => void;
};

export declare const Card: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Provide an url for header image */
headerImageUrl?: string | undefined;
/** Provide an array of actions with callbacks */
actions?: (ActionProps | [ActionProps, ActionProps])[] | undefined;
/** Set vertical or horizontal layout for the card */
variant?: "horizontal" | "vertical" | undefined;
/** Provide width of the card. Applied in vertical mode */
width?: number | undefined;
/** Provide height of the card. Applied in horizontal mode */
height?: number | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const Carousel: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
width: number;
height: number;
children?: ReactNode;
defaultVisible?: number | undefined;
showDots?: boolean | undefined;
showArrows?: boolean | undefined;
/** Provide time interval in seconds to auto rotate Carousel */
autoRotate?: number | undefined;
/** Callback when user clicks navigation arrows */
onRotate?: ((index: number) => void) | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare type CellComponent = FC<unknown & {
    value?: TableValue;
    cellContext: CellContext<TableData, TableRow | TableValue>;
}>;

declare type ChildProps = {
    name?: Props_4['name'];
    disabled?: Props_4['disabled'];
    required?: Props_4['required'];
    id?: Props_4['id'];
};

export declare const Code: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const Col: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Partial<SizesConfig> & Partial<OffsetConfig> & {
/** Select an HTML element to render as a container */
as?: string | undefined;
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

/**
 * Table column config
 */
export declare type Column = {
    /**
     * Provide a unique id for the column
     */
    id: string;
    /**
     * Provide a human-readable title for the column
     */
    name: string;
    /**
     * Define a type of column data
     * @see ColumnTypes
     */
    columnType?: keyof typeof ColumnTypes;
    /**
     * Provide a custom React component to render column cells
     * @see CellComponent
     */
    columnCell?: CellComponent;
    /**
     * Set the width of the columns. Defaults to 166
     */
    size?: number;
    /**
     * Enable to allow user editing of the column
     */
    editable?: boolean;
    /**
     * Enable to allow user filtering of the column
     */
    filterable?: boolean;
    /**
     * Enable to make a column able to sort in ascending or descending order
     */
    sortable?: boolean;
    /**
     * Enable to make a column able to pin the left or right side
     */
    pinnable?: boolean;
    /**
     * Define a type of sorting to be used for the column. Can be one of supported modes or custom function
     * @see SortingModes
     * @see SortingFn
     */
    sortingFn?: keyof typeof SortingModes | SortingFn;
    /**
     * Define a type of filtering to be used for the column. Can be one of supported modes or custom function
     * @see FilterFnOption
     * @see CustomFilterFns
     */
    filterFn?: FilterFnOption<TableData> | keyof typeof CustomFilterFns;
    /**
     * Set props for each table cell. Useful for formatting dates, currencies, etc.
     * @see ColumnFormatOptions
     */
    cellProps?: ColumnFormatOptions;
    /**
     * Provide a custom React component to render the column header
     * @see HeaderCell
     */
    headerCell?: HeaderCell;
    /**
     * Provide a custom React component to render the column footer
     * @see FooterCell
     */
    footerCell?: FooterCell;
    /**
     * Provide a custom React component to render the column filter input
     * @see FilterInput
     */
    filterInput?: FilterInput;
} & ({
    /**
     * Provide an accessor key to get column cell value from table data
     * @example
     * {
     *     accessorKey: "foo.bar[6].bazz"
     * }
     */
    accessorKey: string;
    /**
     * Provide an accessor function to get column cell value from table data
     */
    accessorFn?: never;
} | {
    /**
     * Provide an accessor key to get column cell value from table data
     * @example
     * {
     *     accessorKey: "foo.bar[6].bazz"
     * }
     */
    accessorKey?: never;
    /**
     * Provide an accessor function to get column cell value from table data
     */
    accessorFn: AccessorFn;
});

export { ColumnFiltersState }

export declare type ColumnFormatOptions = NumberProps | DateFormatOptions | Record<string, unknown>;

export { ColumnPinningState }

export declare enum ColumnTypes {
    text = "text",
    decimal = "decimal",
    percentage = "percentage",
    currency = "currency",
    unit = "unit",
    date = "date",
    select = "select"
}

declare enum CompactDisplayModes {
    short = "short",
    long = "long"
}

export declare const Content: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLDivElement>>;

declare enum CountryCodes {
    AF = "Afghanistan",
    AX = "AlandIslands",
    AL = "Albania",
    DZ = "Algeria",
    AS = "American Samoa",
    AD = "Andorra",
    AO = "Angola",
    AI = "Anguilla",
    AQ = "Antarctica",
    AG = "Antigua and Barbuda",
    AR = "Argentina",
    AM = "Armenia",
    AW = "Aruba",
    AU = "Australia",
    AT = "Austria",
    AZ = "Azerbaijan",
    BS = "Bahamas",
    BH = "Bahrain",
    BD = "Bangladesh",
    BB = "Barbados",
    BY = "Belarus",
    BE = "Belgium",
    BZ = "Belize",
    BJ = "Benin",
    BM = "Bermuda",
    BT = "Bhutan",
    BO = "Bolivia",
    BA = "Bosnia and Herzegovina",
    BW = "Botswana",
    BV = "Bouvet Island",
    BR = "Brazil",
    IO = "British Indian Ocean Territory",
    BN = "Brunei Darussalam",
    BG = "Bulgaria",
    BF = "Burkina Faso",
    BI = "Burundi",
    KH = "Cambodia",
    CM = "Cameroon",
    CA = "Canada",
    CV = "Cape Verde",
    KY = "Cayman Islands",
    CF = "Central African Republic",
    TD = "Chad",
    CL = "Chile",
    CN = "China",
    CX = "Christmas Island",
    CC = "Cocos Keeling Islands",
    CO = "Colombia",
    KM = "Comoros",
    CG = "Congo",
    CD = "Congo Democratic Republic",
    CK = "Cook Islands",
    CR = "Costa Rica",
    CI = "CoteDIvoire",
    HR = "Croatia",
    CU = "Cuba",
    CW = "Cura\u00E7ao",
    CY = "Cyprus",
    CZ = "CzechRepublic",
    DK = "Denmark",
    DJ = "Djibouti",
    DM = "Dominica",
    DO = "Dominican Republic",
    EC = "Ecuador",
    EG = "Egypt",
    SV = "El Salvador",
    GQ = "Equatorial Guinea",
    ER = "Eritrea",
    EE = "Estonia",
    ET = "Ethiopia",
    FK = "Falkland Islands",
    FO = "Faroe Islands",
    FJ = "Fiji",
    FI = "Finland",
    FR = "France",
    GF = "French Guiana",
    PF = "French Polynesia",
    TF = "French Southern Territories",
    GA = "Gabon",
    GM = "Gambia",
    GE = "Georgia",
    DE = "Germany",
    GH = "Ghana",
    GI = "Gibraltar",
    GR = "Greece",
    GL = "Greenland",
    GD = "Grenada",
    GP = "Guadeloupe",
    GU = "Guam",
    GT = "Guatemala",
    GG = "Guernsey",
    GN = "Guinea",
    GW = "Guinea Bissau",
    GY = "Guyana",
    HT = "Haiti",
    HM = "Heard Island Mcdonald Islands",
    VA = "Holy See Vatican City State",
    HN = "Honduras",
    HK = "HongKong",
    HU = "Hungary",
    IS = "Iceland",
    IN = "India",
    ID = "Indonesia",
    IR = "Iran",
    IQ = "Iraq",
    IE = "Ireland",
    IM = "Isle Of Man",
    IL = "Israel",
    IT = "Italy",
    JM = "Jamaica",
    JP = "Japan",
    JE = "Jersey",
    JO = "Jordan",
    KZ = "Kazakhstan",
    KE = "Kenya",
    KI = "Kiribati",
    KR = "Korea, Republic of",
    KP = "Korea, Democratic People's Republic of",
    KW = "Kuwait",
    KG = "Kyrgyzstan",
    LA = "Lao Peoples Democratic Republic",
    LV = "Latvia",
    LB = "Lebanon",
    LS = "Lesotho",
    LR = "Liberia",
    LY = "Libyan Arab Jamahiriya",
    LI = "Liechtenstein",
    LT = "Lithuania",
    LU = "Luxembourg",
    MO = "Macao",
    MG = "Madagascar",
    MW = "Malawi",
    MY = "Malaysia",
    MV = "Maldives",
    ML = "Mali",
    MT = "Malta",
    MH = "Marshall Islands",
    MQ = "Martinique",
    MR = "Mauritania",
    MU = "Mauritius",
    YT = "Mayotte",
    MX = "Mexico",
    FM = "Micronesia",
    MD = "Moldova",
    MC = "Monaco",
    MN = "Mongolia",
    ME = "Montenegro",
    MS = "Montserrat",
    MA = "Morocco",
    MZ = "Mozambique",
    MM = "Myanmar",
    NA = "Namibia",
    NR = "Nauru",
    NP = "Nepal",
    NL = "Netherlands",
    NC = "New Caledonia",
    NZ = "New Zealand",
    NI = "Nicaragua",
    NE = "Niger",
    NG = "Nigeria",
    NU = "Niue",
    NF = "Norfolk Island",
    MP = "Northern Mariana Islands",
    NO = "Norway",
    OM = "Oman",
    PK = "Pakistan",
    PW = "Palau",
    PS = "Palestinian Territory",
    PA = "Panama",
    PG = "Papua New Guinea",
    PY = "Paraguay",
    PE = "Peru",
    PH = "Philippines",
    PN = "Pitcairn",
    PL = "Poland",
    PT = "Portugal",
    PR = "Puerto Rico",
    QA = "Qatar",
    RE = "Reunion",
    MK = "Republic of North Macedonia",
    RO = "Romania",
    RU = "Russian Federation",
    RW = "Rwanda",
    BL = "Saint Barthelemy",
    SH = "Saint Helena",
    KN = "Saint Kitts And Nevis",
    LC = "Saint Lucia",
    MF = "Saint Martin",
    PM = "Saint Pierre And Miquelon",
    VC = "Saint Vincent And Grenadines",
    WS = "Samoa",
    SM = "San Marino",
    ST = "Sao Tome And Principe",
    SA = "Saudi Arabia",
    SN = "Senegal",
    RS = "Serbia",
    SC = "Seychelles",
    SL = "Sierra Leone",
    SG = "Singapore",
    SK = "Slovakia",
    SI = "Slovenia",
    SB = "Solomon Islands",
    SO = "Somalia",
    ZA = "South Africa",
    GS = "South Georgia And Sandwich Island",
    ES = "Spain",
    LK = "Sri Lanka",
    SD = "Sudan",
    SS = "South Sudan",
    SR = "Suriname",
    SJ = "Svalbard And Jan Mayen",
    SZ = "Swaziland",
    SE = "Sweden",
    CH = "Switzerland",
    SX = "Sint Maarten (Dutch part)",
    SY = "Syrian Arab Republic",
    TW = "Taiwan",
    TJ = "Tajikistan",
    TZ = "Tanzania",
    TH = "Thailand",
    TL = "TimorLeste",
    TG = "Togo",
    TK = "Tokelau",
    TO = "Tonga",
    TT = "Trinidad And Tobago",
    TN = "Tunisia",
    TR = "Turkey",
    TM = "Turkmenistan",
    TC = "Turks And Caicos Islands",
    TV = "Tuvalu",
    UG = "Uganda",
    UA = "Ukraine",
    AE = "United Arab Emirates",
    GB = "United Kingdom",
    US = "United States",
    UM = "United States Outlying Islands",
    UY = "Uruguay",
    UZ = "Uzbekistan",
    VU = "Vanuatu",
    VE = "Venezuela",
    VN = "Vietnam",
    VG = "Virgin Islands British",
    VI = "Virgin Islands US",
    WF = "Wallis And Futuna",
    EH = "Western Sahara",
    YE = "Yemen",
    ZM = "Zambia",
    ZW = "Zimbabwe"
}

/**
 * List of available currency codes. ISO 4217
 * @see https://www.iso.org/iso-4217-currency-codes.html
 */
declare enum CurrencyCodes {
    USD = "USD",
    CAD = "CAD",
    EUR = "EUR",
    AED = "AED",
    AFN = "AFN",
    ALL = "ALL",
    AMD = "AMD",
    ARS = "ARS",
    AUD = "AUD",
    AZN = "AZN",
    BAM = "BAM",
    BDT = "BDT",
    BGN = "BGN",
    BHD = "BHD",
    BIF = "BIF",
    BND = "BND",
    BOB = "BOB",
    BRL = "BRL",
    BWP = "BWP",
    BYN = "BYN",
    BZD = "BZD",
    CDF = "CDF",
    CHF = "CHF",
    CLP = "CLP",
    CNY = "CNY",
    COP = "COP",
    CRC = "CRC",
    CVE = "CVE",
    CZK = "CZK",
    DJF = "DJF",
    DKK = "DKK",
    DOP = "DOP",
    DZD = "DZD",
    EEK = "EEK",
    EGP = "EGP",
    ERN = "ERN",
    ETB = "ETB",
    GBP = "GBP",
    GEL = "GEL",
    GHS = "GHS",
    GNF = "GNF",
    GTQ = "GTQ",
    HKD = "HKD",
    HNL = "HNL",
    HRK = "HRK",
    HUF = "HUF",
    IDR = "IDR",
    ILS = "ILS",
    INR = "INR",
    IQD = "IQD",
    IRR = "IRR",
    ISK = "ISK",
    JMD = "JMD",
    JOD = "JOD",
    JPY = "JPY",
    KES = "KES",
    KHR = "KHR",
    KMF = "KMF",
    KRW = "KRW",
    KWD = "KWD",
    KZT = "KZT",
    LBP = "LBP",
    LKR = "LKR",
    LTL = "LTL",
    LVL = "LVL",
    LYD = "LYD",
    MAD = "MAD",
    MDL = "MDL",
    MGA = "MGA",
    MKD = "MKD",
    MMK = "MMK",
    MOP = "MOP",
    MUR = "MUR",
    MXN = "MXN",
    MYR = "MYR",
    MZN = "MZN",
    NAD = "NAD",
    NGN = "NGN",
    NIO = "NIO",
    NOK = "NOK",
    NPR = "NPR",
    NZD = "NZD",
    OMR = "OMR",
    PAB = "PAB",
    PEN = "PEN",
    PHP = "PHP",
    PKR = "PKR",
    PLN = "PLN",
    PYG = "PYG",
    QAR = "QAR",
    RON = "RON",
    RSD = "RSD",
    RUB = "RUB",
    RWF = "RWF",
    SAR = "SAR",
    SDG = "SDG",
    SEK = "SEK",
    SGD = "SGD",
    SOS = "SOS",
    SYP = "SYP",
    THB = "THB",
    TND = "TND",
    TOP = "TOP",
    TRY = "TRY",
    TTD = "TTD",
    TWD = "TWD",
    TZS = "TZS",
    UAH = "UAH",
    UGX = "UGX",
    UYU = "UYU",
    UZS = "UZS",
    VEF = "VEF",
    VND = "VND",
    XAF = "XAF",
    XOF = "XOF",
    YER = "YER",
    ZAR = "ZAR",
    ZMK = "ZMK",
    ZWL = "ZWL"
}

declare enum CurrencyDisplayTypes {
    code = "code",
    symbol = "symbol",
    narrowSymbol = "narrowSymbol",
    name = "name"
}

declare enum CurrencySignModes {
    standard = "standard",
    accounting = "accounting"
}

declare enum CustomFilterFns {
    isInDateRange = "isInDateRange",
    isInPercentRange = "isInPercentRange"
}

declare type DataAttributeKey = `data-${string}`;

declare type DataAttributes = Record<DataAttributeKey, string>;

export declare const DataTable: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/**
* Provide table columns configuration
* @see Column
*/
columns: Column[];
/**
* Provide data for the table
* @see TableData
*/
tableData: TableData;
/**
* Provide a callback to capture table data changes
* @see EditState
*/
onEdit?: ((editState: EditState) => void) | undefined;
/**
* Control column pinning state externally
* @see ColumnPinningState
*/
columnPinning?: ColumnPinningState | undefined;
/**
* Control pagination state externally
* @see PaginationState
*/
pagination?: PaginationState | undefined;
/**
* Provide a callback to capture pagination changes
* @see PaginationState
*/
onPaginationChange?: ((paginationState: PaginationState) => void) | undefined;
/**
* Manage column filters externally
* @see ColumnFiltersState
*/
columnFilters?: ColumnFiltersState | undefined;
/**
* Provide a callback to capture column filters changes
* @see ColumnFiltersState
*/
onFiltersChange?: ((filterState: ColumnFiltersState) => void) | undefined;
/**
* Manage row selection externally
* @see RowSelectionState
*/
rowSelection?: RowSelectionState | undefined;
/**
* Provide a callback to capture row selection changes
* @see RowSelectionState
*/
onRowSelect?: ((selectionState: RowSelectionState) => void) | undefined;
/**
* Control table data sorting externally
* @see SortingState
*/
sorting?: SortingState | undefined;
/**
* Provide a callback to capture table data sorting changes
* @see SortingState
*/
onSortingChange?: ((sortingState: SortingState) => void) | undefined;
/**
* Configure how table data is processed inside or outside the component
* @see ProcessingModes
*/
processingMode?: "external" | "internal" | undefined;
/**
* Select which type of table to render
* @see RenderModes
*/
renderMode?: "virtual" | "paginated" | undefined;
/**
* Set a controlled page count number for pagination. Required for renderMode="paginated-controlled"
* @see https://morewings.github.io/koval-ui/?path=/story/components-datatable--paginated-controlled&args=tableData:rows100
*/
pageCount?: number | undefined;
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers.
* Used to format dates, numbers, and units.
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#locales
* @see Locale
*/
locale?: Locale | undefined;
/**
* Enable column selection
*/
selectable?: boolean | undefined;
/**
* Set a height constrain to the data table. 'full' sets to 100% of viewport height
*/
tableHeight?: number | "full" | undefined;
/**
* Set a caption text to render below the table
*/
caption?: string | undefined;
} & RefAttributes<HTMLTableElement>>;

declare type DateFormatOptions = {
    /**
     * The representation of the weekday
     * @example
     * 'long' // => Thursday
     * 'short' // => Thu
     * 'narrow' // => T
     */
    weekday?: keyof typeof TimeNamedUnit;
    /**
     * The representation of the era
     * @example
     * 'long' // => Anno Domini
     * 'short' // => AD
     * 'narrow' // => A
     */
    era?: keyof typeof TimeNamedUnit;
    /**
     * The representation of the year
     * @example
     * 'numeric' // => 2008
     * '2-digit' // => 08
     */
    year?: keyof typeof TimeNumericUnit;
    /**
     * The representation of the month
     * @example
     * 'long' // => March
     * 'short' // => Mar
     * 'narrow' // => M
     * 'numeric' // => 3
     * '2-digit' // => 03
     */
    month?: keyof typeof TimeNumericUnit | keyof typeof TimeNamedUnit;
    /**
     * The representation of the day
     * @example
     * 'numeric' // => 6
     * '2-digit' // => 06
     */
    day?: keyof typeof TimeNumericUnit;
    /**
     * The representation of the hour
     * @example
     * 'numeric' // => 6
     * '2-digit' // => 06
     */
    hour?: keyof typeof TimeNumericUnit;
    /**
     * The representation of the minute
     * @example
     * 'numeric' // => 6
     * '2-digit' // => 06
     */
    minute?: keyof typeof TimeNumericUnit;
    /**
     * The representation of the second
     * @example
     * 'numeric' // => 6
     * '2-digit' // => 06
     */
    second?: keyof typeof TimeNumericUnit;
    /**
     * The localized representation of the time zone name
     * @example
     * 'long' // => Long localized form (Pacific Standard Time, Nordamerikanische Westküsten-Normalzeit)
     * 'short' // => Short localized form (PST, GMT-8)
     * 'shortOffset' // => Short localized GMT format (GMT-8)
     * 'longOffset' // => Long localized GMT format (GMT-08:00)
     * 'shortGeneric' // => Short generic non-location format (PT, Los Angeles Zeit).
     * 'longGeneric' // => Long generic non-location format (Pacific Time, Nordamerikanische Westküstenzeit)
     */
    timeZoneName?: keyof typeof TimeZoneName;
    /**
     * Whether to use 12-hour time (as opposed to 24-hour time)
     */
    hour12?: boolean;
    /**
     * The time zone to use
     * @see https://www.iana.org/time-zones
     */
    timeZone?: string;
};

declare type DateRangeFilterValue = string[];

export declare const DateTime: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* String representing the date in a simplified format based on ISO 8601.
* Is always 24 or 27 characters long.
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format
* @see https://en.wikipedia.org/wiki/ISO_8601
*/
value?: string | undefined;
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers. Defaults to user setting
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#locales
*/
locale?: Locale | undefined;
/**
* Prevents line wrapping of formatted dates and times
*/
enableNoWrap?: boolean | undefined;
} & DateFormatOptions & RefAttributes<HTMLSpanElement>>;

export declare const Del: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLModElement>>;

declare type DensityDescriptor = `${number}x`;

export declare const Dialog: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/** Provide unique id for Dialog */
id: NonNullable<LibraryProps['id']>;
children?: ReactNode;
/** Configure outside click behavior */
closeOnClickOutside?: boolean | undefined;
/** Callback triggered when Dialog toggles */
onToggle?: ((open: boolean) => void) | undefined;
/** Display close icon at the right top corner */
showCloseButton?: boolean | undefined;
/** Provide an array of actions with callbacks */
actions?: (ActionProps | [ActionProps, ActionProps])[] | undefined;
/** Set a title of Dialog */
dialogTitle?: string | undefined;
/** Provide a localized value for close button */
closeLabel?: string | undefined;
/** Enable a focus trap for Dialog */
trapFocus?: boolean | undefined;
/** Select Dialog animation style */
animation?: "slide-top" | "scale-in" | undefined;
} & RefAttributes<HTMLDialogElement>>;

/** Dialog parameters */
declare type DialogParams = Record<string, unknown>;

declare type DigitsConfig = {
    integer?: {
        /**
         * The minimum number of integer digits to use
         * @example
         * // minimumIntegerDigits=3
         * <Number value={3} /> // => 003
         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumintegerdigits
         */
        minimum?: Range_2<1, 22>;
    };
    fraction?: {
        /**
         * The minimum number of fraction digits to use
         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits
         */
        minimum?: Range_2<0, 101>;
        /**
         * The maximum number of fraction digits to use
         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#maximumfractiondigits
         */
        maximum?: Range_2<0, 101>;
    };
    significant?: {
        /**
         * The minimum number of significant digits to use
         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumsignificantdigits
         */
        minimum?: Range_2<1, 22>;
        /**
         * The maximum number of significant digits to use
         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#maximumsignificantdigits
         */
        maximum?: Range_2<1, 22>;
    };
};

export declare const Dl: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLDListElement>>;

export declare const Drawer: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Choose side to attach Drawer */
placement?: "left" | "right" | undefined;
/** Provide unique id for Drawer */
id: string;
} & RefAttributes<HTMLDivElement>>;

/**
 * Record which represents table change requested by the user. Key is equal to row index
 */
export declare type EditState = Record<number, TableRow>;

declare type Element_2 = HTMLAudioElement;

export declare const Em: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

declare type Enumerate<TNumber extends number, TAccumulator extends number[] = []> = TAccumulator['length'] extends TNumber ? TAccumulator[number] : Enumerate<TNumber, [...TAccumulator, TAccumulator['length']]>;

export declare const Figure: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children: ReactElement;
caption?: string | undefined;
position?: "center" | "left" | "right" | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare type FilterInput = FC<unknown & {
    value: FilterValue;
    onChange: (value: FilterValue) => void;
}>;

declare type FilterValue = DateRangeFilterValue | RangeFilterValue | string;

export declare const Flag: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a two-letter ISO 3166 region code
* @see https://www.iso.org/iso-3166-country-codes.html
*/
countryCode: keyof typeof CountryCodes;
/**
* Set the size of the flag icon in pixels. Applied to both width and height
*/
size?: number | undefined;
} & RefAttributes<HTMLDivElement>>;

declare type FluidUnit = 'fluid';

export declare const Footer: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLDivElement>>;

export declare type FooterCell = FC<unknown & {
    cellContext: HeaderContext<TableData, TableRow | TableValue>;
}>;

export declare const Form: ForwardRefExoticComponent<Omit<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Set the name of the HTMLFormElement.
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/name
*/
name?: FormHTMLAttributes<HTMLFormElement>['name'];
/**
* Define whether inputted text is automatically capitalized and, if so, in what manner.
* Relevant for mobile devices with virtual keyboards or voice input
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
*/
autoCapitalize?: FormHTMLAttributes<HTMLFormElement>['autoCapitalize'];
/**
* Control autocomplete behavior
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
*/
autoComplete?: FormHTMLAttributes<HTMLFormElement>['autoComplete'];
/**
* Disable validation
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#novalidate
*/
noValidate?: FormHTMLAttributes<HTMLFormElement>['noValidate'];
/**
* Callback when the form was submitted. Gets form state as a second parameter
*/
onSubmit?: ((event: SyntheticEvent<HTMLFormElement>, formState: FormState) => void) | undefined;
/**
* Callback when the form has failed validation. Gets form state as a second parameter
*/
onInvalid?: ((event: InvalidEvent<HTMLFormElement>, formState: FormState) => void) | undefined;
/**
* Callback when the form was reset. Gets form state as a second parameter
*/
onReset?: ((event: ChangeEvent<HTMLFormElement>, formState: FormState) => void) | undefined;
/**
* Callback when the form content was change. Gets form state as a second parameter
*/
onChange?: ((event: ChangeEvent<HTMLFormElement>, formState: FormState) => void) | undefined;
children: ReactNode;
} & RefAttributes<HTMLFormElement>, "ref"> & RefAttributes<HTMLFormElement>>;

export declare const FormField: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children: ReactElement;
/** Set text label */
label: string;
/** Set hint text to be displayed below the input */
hint?: string | undefined;
/**
* Renders * character after label indicating required input status.
* Also, set automatically when required input is provided.
*/
required?: boolean | undefined;
} & RefAttributes<HTMLDivElement>>;

declare type FormState = Record<string, FormDataEntryValue>;

declare type FormState_2 = Record<string, FormDataEntryValue>;

export declare const Grid: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/** Set Container width in pixels as a number or set to `fluid` to make it 100% */
width?: number | "fluid" | undefined;
/** Set amount of columns to place in container */
base?: number | undefined;
/** Set a gap between columns in pixels */
gap?: number | undefined;
/** Select HTML element to render as a container */
as?: string | undefined;
children: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const H1: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const H2: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const H3: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const H4: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const H5: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const H6: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLHeadingElement>>;

export declare const Header: FC<Props_3>;

export declare type HeaderCell = FC<unknown & {
    title?: string;
    headerContext: HeaderContext<TableData, TableValue | TableRow>;
}>;

export declare const I: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

/** Dialog ID type */
declare type Id = string;

export declare const Iframe: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Provide an url of the embedded page */
src?: string | undefined;
/**
* Provide custom HTML for the iframe.
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/srcdoc
*/
srcDoc?: string | undefined;
/**
* Set the width of the iframe in pixels.
* Responsive
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/width
*/
width: number;
/**
* Set the height of the iframe in pixels.
* Responsive
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/height
*/
height: number;
/**
* Define which referrer is sent when fetching the resource.
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/referrerPolicy
*/
referrerPolicy?: HTMLAttributeReferrerPolicy | undefined;
/**
* Allow the iframe's contents to use requestFullscreen().
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/allowFullscreen
*/
allowFullScreen?: boolean | undefined;
/**
* Provide a unique name for the iframe.
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/name
* @example
* <iframe id="el" name="example"></iframe>
* const el = document.getElementById("el");
* console.log(el.name); // Output: "example"
*/
name?: string | undefined;
/**
* Provide a title for accessibility
*/
title?: string | undefined;
/**
* Set iframe loading behavior
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/loading
*/
loading?: IframeHTMLAttributes<unknown>['loading'];
/**
* Provide a SandboxConfig object.
* @see SandboxConfig
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/sandbox
*/
sandboxConfig?: SandboxConfig | undefined;
/**
* Provide a callback to capture iframe loaded event.
*/
onLoad?: ((event: SyntheticEvent<HTMLIFrameElement>) => void) | undefined;
/**
* Provide a PermissionsConfig object.
* @see PermissionsConfig
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/allow
*/
permissionsConfig?: PermissionsConfig | undefined;
} & RefAttributes<HTMLIFrameElement>>;

export declare const InputCheckbox: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps & CallbackPropsInteractive & ValidationProps & {
/** Set a text for the checkbox label */
label?: string | undefined;
/**
* Set an indeterminate state for the checkbox
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
*/
indeterminate?: boolean | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputColor: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps_3 & CallbackPropsTextual & ValidationProps & {
/**
* Set text for placeholder.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
*/
placeholder?: InputHTMLAttributes<HTMLInputElement>['placeholder'];
/**
* Provide a list if predefined colors to show in a browser-provided interface. Colors have to be in HEX format #000000.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist#color_type
*/
predefinedColors?: string[] | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputDate: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "pattern" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & CallbackPropsTextual & ValidationProps & {
min?: string | undefined;
max?: string | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputDateTime: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "pattern" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & Omit<CallbackPropsTextual, "defaultValue"> & ValidationProps & {
prefix?: FC | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputFile: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "pattern" | "inputMode" | "maxLength" | "minLength" | "readOnly"> & ValidationProps & CallbackPropsTextual & {
accept?: InputHTMLAttributes<HTMLInputElement>['accept'];
multiple?: InputHTMLAttributes<HTMLInputElement>['multiple'];
} & RefAttributes<HTMLInputElement>>;

export declare const InputGroup: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Set a label text for the group
*/
label?: string | undefined;
children: ReactElement<ChildProps & unknown>[];
/**
* Provide a name for each input control in the group
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
*/
name: string;
/**
* Disable all inputs in the group
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
*/
disabled?: FieldsetHTMLAttributes<HTMLFieldSetElement>['disabled'];
/**
* Make all inputs in the group required
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
*/
required?: boolean | undefined;
/**
* Set a text for the hint displayed below the group
*/
hint?: string | undefined;
} & RefAttributes<HTMLFieldSetElement>>;

export declare const InputNumber: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual_2, "pattern" | "inputMode" | "maxLength" | "minLength"> & {
min?: string | number | undefined;
max?: string | number | undefined;
step?: string | number | undefined;
} & CallbackPropsTextual & ValidationProps & {
/**
* Define the width of the input in characters
*/
size?: InputHTMLAttributes<HTMLInputElement>['size'];
} & RefAttributes<HTMLInputElement>>;

export declare const InputNumeric: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "pattern" | "inputMode" | "autoComplete"> & CallbackPropsTextual & ValidationProps & {
/**
* Specify the amount of increment/decrement applied to the value when the user presses arrow keys
*/
step?: number | undefined;
/**
* Define the width of the input in characters
*/
size?: InputHTMLAttributes<HTMLInputElement>['size'];
/** Select a mode of numeric input. `scientific` mode disables arrow stepper */
mode?: "natural" | "integer" | "floating" | "scientific" | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputPassword: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps & {
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
placeholder?: string | undefined;
autoComplete?: HTMLInputAutoCompleteAttribute | undefined;
maxLength?: number | undefined;
minLength?: number | undefined;
pattern?: string | undefined;
size?: number | undefined;
} & CallbackPropsTextual & ValidationProps & RefAttributes<HTMLInputElement>>;

export declare const InputRadio: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps & CallbackPropsInteractive & Omit<ValidationProps, "validatorFn"> & {
label?: string | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputRange: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsNumeric, "size"> & CallbackPropsTextual & ValidationProps & {
prefix?: FC<{
className?: string | undefined;
} & SVGProps<SVGSVGElement>> | undefined;
bars?: number | undefined;
scaleUnit?: string | undefined;
/**
* Enable to display scale below input
*/
displayScale?: boolean | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputText: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps & {
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
placeholder?: string | undefined;
autoComplete?: HTMLInputAutoCompleteAttribute | undefined;
maxLength?: number | undefined;
minLength?: number | undefined;
pattern?: string | undefined;
size?: number | undefined;
} & CallbackPropsTextual & ValidationProps & {
/**
* Define a type of TextInput. Allows a developer to optionally set one from supported
* text-like input types instead of default 'text'.
* Non-text types such as `number` or `week` aren't allowed.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
*/
type?: "search" | "text" | "tel" | "url" | "email" | "password" | undefined;
/**
* Define the width of the input in characters
*/
size?: InputHTMLAttributes<HTMLInputElement>['size'];
/**
* Provide an icon to prepend to the input
*/
prefix?: FC | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const InputTime: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "inputMode" | "size" | "autoComplete" | "maxLength" | "minLength"> & Omit<CallbackPropsTextual, "onChange"> & ValidationProps & {
onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
min?: string | undefined;
max?: string | undefined;
} & RefAttributes<HTMLInputElement>>;

export declare const Ins: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLModElement>>;

declare type IntrinsicWidth = `${number}w`;

declare type Item = {
    name: string;
    url: string;
    icon?: FC<HTMLAttributes<HTMLOrSVGElement> & unknown>;
};

export declare const Kbd: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

declare enum LanguageCodes {
    aa = "Afar",
    ab = "Abkhaz",
    ae = "Avestan",
    af = "Afrikaans",
    ak = "Akan",
    am = "Amharic",
    an = "Aragonese",
    ar = "Arabic",
    as = "Assamese",
    av = "Avaric",
    ay = "Aymara",
    az = "Azerbaijani",
    ba = "Bashkir",
    be = "Belarusian",
    bg = "Bulgarian",
    bh = "Bihari",
    bi = "Bislama",
    bm = "Bambara",
    bn = "Bengali",
    bo = "Tibetan Standard",
    br = "Breton",
    bs = "Bosnian",
    ca = "Catalan",
    ce = "Chechen",
    ch = "Chamorro",
    co = "Corsican",
    cr = "Cree",
    cs = "Czech",
    cu = "Old Church Slavonic",
    cv = "Chuvash",
    cy = "Welsh",
    da = "Danish",
    de = "German",
    dv = "Divehi",
    dz = "Dzongkha",
    ee = "Ewe",
    el = "Greek",
    en = "English",
    eo = "Esperanto",
    es = "Spanish",
    et = "Estonian",
    eu = "Basque",
    fa = "Persian",
    ff = "Fula",
    fi = "Finnish",
    fj = "Fijian",
    fo = "Faroese",
    fr = "French",
    fy = "Western Frisian",
    ga = "Irish",
    gd = "Scottish Gaelic",
    gl = "Galician",
    gn = "Guaran\u00ED",
    gu = "Gujarati",
    gv = "Manx",
    ha = "Hausa",
    he = "Hebrew",
    hi = "Hindi",
    ho = "Hiri Motu",
    hr = "Croatian",
    ht = "Haitian",
    hu = "Hungarian",
    hy = "Armenian",
    hz = "Herero",
    ia = "Interlingua",
    id = "Indonesian",
    ie = "Interlingue",
    ig = "Igbo",
    ii = "Nuosu",
    ik = "Inupiaq",
    io = "Ido",
    is = "Icelandic",
    it = "Italian",
    iu = "Inuktitut",
    ja = "Japanese",
    jv = "Javanese",
    ka = "Georgian",
    kg = "Kongo",
    ki = "Kikuyu",
    kj = "Kwanyama",
    kk = "Kazakh",
    kl = "Kalaallisut",
    km = "Khmer",
    kn = "Kannada",
    ko = "Korean",
    kr = "Kanuri",
    ks = "Kashmiri",
    ku = "Kurdish",
    kv = "Komi",
    kw = "Cornish",
    ky = "Kyrgyz",
    la = "Latin",
    lb = "Luxembourgish",
    lg = "Ganda",
    li = "Limburgish",
    ln = "Lingala",
    lo = "Lao",
    lt = "Lithuanian",
    lu = "Luba-Katanga",
    lv = "Latvian",
    mg = "Malagasy",
    mh = "Marshallese",
    mi = "M\u0101ori",
    mk = "Macedonian",
    ml = "Malayalam",
    mn = "Mongolian",
    mr = "Marathi",
    ms = "Malay",
    mt = "Maltese",
    my = "Burmese",
    na = "Nauru",
    nb = "Norwegian Bokm\u00E5l",
    nd = "Northern Ndebele",
    ne = "Nepali",
    ng = "Ndonga",
    nl = "Dutch",
    nn = "Norwegian Nynorsk",
    no = "Norwegian",
    nr = "Southern Ndebele",
    nv = "Navajo",
    ny = "Chichewa",
    oc = "Occitan",
    oj = "Ojibwe",
    om = "Oromo",
    or = "Oriya",
    os = "Ossetian",
    pa = "Panjabi",
    pi = "P\u0101li",
    pl = "Polish",
    ps = "Pashto",
    pt = "Portuguese",
    qu = "Quechua",
    rm = "Romansh",
    rn = "Kirundi",
    ro = "Romanian",
    ru = "Russian",
    rw = "Kinyarwanda",
    sa = "Sanskrit",
    sc = "Sardinian",
    sd = "Sindhi",
    se = "Northern Sami",
    sg = "Sango",
    si = "Sinhala",
    sk = "Slovak",
    sl = "Slovene",
    sm = "Samoan",
    sn = "Shona",
    so = "Somali",
    sq = "Albanian",
    sr = "Serbian",
    ss = "Swati",
    st = "Southern Sotho",
    su = "Sundanese",
    sv = "Swedish",
    sw = "Swahili",
    ta = "Tamil",
    te = "Telugu",
    tg = "Tajik",
    th = "Thai",
    ti = "Tigrinya",
    tk = "Turkmen",
    tl = "Tagalog",
    tn = "Tswana",
    to = "Tonga",
    tr = "Turkish",
    ts = "Tsonga",
    tt = "Tatar",
    tw = "Twi",
    ty = "Tahitian",
    ug = "Uyghur",
    uk = "Ukrainian",
    ur = "Urdu",
    uz = "Uzbek",
    ve = "Venda",
    vi = "Vietnamese",
    vo = "Volap\u00FCk",
    wa = "Walloon",
    wo = "Wolof",
    xh = "Xhosa",
    yi = "Yiddish",
    yo = "Yoruba",
    za = "Zhuang",
    zh = "Chinese",
    zu = "Zulu"
}

declare type LibraryProps<TElement = HTMLDivElement> = AriaAttributes & {
    id?: string;
    /**
     * Set native ARIA role attribute
     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
     */
    role?: HTMLAttributes<TElement>['role'];
    /**
     * Specify additional CSS class. This allows you to use styled(Component)
     * or the css prop in styled-components or emotion.
     */
    className?: HTMLAttributes<TElement>['className'];
};

declare type LinkProps = {
    href: string;
    title?: string;
    className?: string;
    children?: ReactNode;
};

declare type Locale = string | string[];

declare enum LocaleMatchers {
    lookup = "lookup",
    'best fit' = "best fit"
}

export declare const Main: FC<Props_2>;

export declare const Mark: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const Menu: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children: ReactNode;
/** Control visibility of the Menu */
isOpen?: boolean | undefined;
/**
* Provide Tooltip content
* @example
* <Menu content={<div>Foo<div>} //... />
*/
content: ReactNode;
/** Set class name of reference component wrapper */
referenceClassName?: string | undefined;
/** Provide callback for open/close events */
onToggle?: ((openState: boolean) => void) | undefined;
/** Focus on the first element when open and trap focus */
trapFocus?: boolean | undefined;
/** Align Menu width with a reference element */
alignWidth?: boolean | undefined;
/** Set design of Menu */
variant?: "bordered" | "plain" | undefined;
/**
* Define which relative positions Menu can be placed in
*/
allowedPlacements?: Placement[] | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const MenuActions: FC<Props_7>;

export declare const Meter: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
max: number;
min: number;
value: number;
low?: number | undefined;
high?: number | undefined;
optimum?: number | undefined;
} & RefAttributes<HTMLMeterElement>>;

export declare const NameCurrency: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers. Defaults to user setting
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#locales
*/
locale?: Locale | undefined;
/**
* Select the formatting style to use.
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#style
*/
style?: "short" | "narrow" | "long" | undefined;
/**
* Provide a three-letter ISO 4217 currency code
* @see https://www.iso.org/iso-4217-currency-codes.html
*/
currencyCode: keyof typeof CurrencyCodes;
} & RefAttributes<HTMLDivElement>>;

export declare const NameLanguage: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers. Defaults to user setting
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#locales
*/
locale?: Locale | undefined;
/**
* Provide a two-letter ISO 639-1 language code
* @see https://www.iso.org/iso-639-language-code
*/
languageCode: keyof typeof LanguageCodes;
} & RefAttributes<HTMLDivElement>>;

export declare const NameRegion: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers. Defaults to user setting
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#locales
*/
locale?: Locale | undefined;
/**
* Provide a two-letter ISO 3166 region code
* @see https://www.iso.org/iso-3166-country-codes.html
*/
countryCode: keyof typeof CountryCodes;
} & RefAttributes<HTMLDivElement>>;

export declare const NameTime: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a string with a BCP 47 language tag or an Intl.Locale instance,
* or an array of such locale identifiers. Defaults to user setting
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#locales
*/
locale?: Locale | undefined;
/**
* Select the formatting style to use.
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#style
*/
style?: "short" | "narrow" | "long" | undefined;
/**
* Define a time period name to localize
*/
timePeriod: keyof typeof TimePeriods;
} & RefAttributes<HTMLDivElement>>;

declare type NativeProps_2 = {
    /**
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
     */
    name?: InputHTMLAttributes<HTMLInputElement>['name'];
    /**
     * Set native HTML `required` attribute.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
     */
    required?: InputHTMLAttributes<HTMLInputElement>['required'];
    /**
     * Provides substitute for native autofocus functionality.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
     * @see https://github.com/facebook/react/issues/11851#issuecomment-351672131
     */
    autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
    /**
     * Disable input.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
     */
    disabled?: InputHTMLAttributes<HTMLInputElement>['disabled'];
    /** Set native HTML `form` attribute. */
    form?: InputHTMLAttributes<HTMLInputElement>['form'];
};

declare type NativePropsNumeric = Omit<NativePropsTextual, 'inputMode' | 'pattern' | 'maxLength' | 'minLength'> & {
    /**
     * Define the minimum value that is acceptable and valid for the input
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min
     */
    min?: InputHTMLAttributes<HTMLInputElement>['min'];
    /**
     * Define the maximum value that is acceptable and valid for the input
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max
     */
    max?: InputHTMLAttributes<HTMLInputElement>['max'];
    /**
     * Specify the granularity that the value must adhere to
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step
     */
    step?: InputHTMLAttributes<HTMLInputElement>['step'];
};

declare type NativePropsTextual = NativeProps_2 & {
    /**
     * Provides a hint about the type of data that might be entered by the user while
     * editing the element or its contents. This allows the browser to display an
     * appropriate virtual keyboard.
     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode
     */
    inputMode?: InputHTMLAttributes<HTMLInputElement>['inputMode'];
    /**
     * Set text for placeholder.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
     */
    placeholder?: InputHTMLAttributes<HTMLInputElement>['placeholder'];
    /**
     * Set native HTML `autocomplete` attribute.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
     */
    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
    /**
     * Defines the maximum number of characters (as UTF-16 code units) the user can enter.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength
     */
    maxLength?: InputHTMLAttributes<HTMLInputElement>['maxLength'];
    /**
     * Defines the minimum number of characters (as UTF-16 code units) the user can enter.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength
     */
    minLength?: InputHTMLAttributes<HTMLInputElement>['minLength'];
    /**
     * Pattern attribute specifies a regular expression the form control's value should match.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern
     */
    pattern?: InputHTMLAttributes<HTMLInputElement>['pattern'];
    /**
     * Define the width of the input in characters
     */
    size?: InputHTMLAttributes<HTMLInputElement>['size'];
};

export declare const NavBrand: FC<Props_11>;

export declare const NavLink: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
title: string;
href: string;
as?: ElementType<AriaAttributes & DataAttributes & {
href: string;
className?: string | undefined;
title?: string | undefined;
children?: ReactNode;
ref?: ForwardedRef<HTMLElement> | undefined;
}> | undefined;
icon?: FC<HTMLAttributes<HTMLOrSVGElement>> | undefined;
shift?: boolean | undefined;
isCurrent?: boolean | undefined;
} & RefAttributes<HTMLElement>>;

export declare const NavPanel: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide a site/app name to render inside the panel on the left
*/
name?: string | undefined;
children?: ReactNode;
/**
* Enable to make the panel sticky
*/
sticky?: boolean | undefined;
} & RefAttributes<HTMLDivElement>>;

declare enum Notations {
    standard = "standard",
    'scientific' = "scientific",
    'engineering' = "engineering",
    'compact' = "compact"
}

declare const Notification_2: FC<Props_10>;
export { Notification_2 as Notification }

declare type NotificationProps = {
    /**
     * Defines a title for the notification, which is shown at the top of the notification window
     * @see https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification#title
     */
    title: string;
    /**
     * URL of an image to be displayed in the notification
     * @see https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification#icon
     */
    icon?: string;
    /**
     * Body text of the notification, which is displayed below the title
     * @see https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification#body
     */
    body?: string;
    /**
     * Indicates that a notification should remain active until the user clicks or dismisses it, rather than closing automatically.
     * @see https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification#requireinteraction
     */
    requireInteraction?: boolean;
};

export declare const NumberCurrency: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NumberProps, "unitDisplay" | "unit" | "notation" | "compactDisplay"> & RefAttributes<HTMLSpanElement>>;

export declare const NumberDecimal: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NumberProps, "unitDisplay" | "unit" | "currency" | "currencyDisplay" | "currencySign"> & RefAttributes<HTMLSpanElement>>;

export declare const NumberPercent: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NumberProps, "unitDisplay" | "unit" | "currency" | "currencyDisplay" | "currencySign" | "notation" | "compactDisplay"> & RefAttributes<HTMLSpanElement>>;

declare type NumberProps = {
    /** Provide a value to be formatted */
    value?: number;
    /**
     * Provide a string with a BCP 47 language tag or an Intl.Locale instance,
     * or an array of such locale identifiers. Defaults to user setting
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#locales
     */
    locale?: Locale;
    /**
     * The locale matching algorithm to use
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#localematcher
     */
    localeMatcher?: keyof typeof LocaleMatchers;
    /**
     * Provide a `digits` property config as an object
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumintegerdigits
     */
    digitsConfig?: DigitsConfig;
    /**
     * The formatting that should be displayed for the number (not %, currency) (decimal, unit)
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#notation
     */
    notation?: keyof typeof Notations;
    /**
     * Only used when `notation` is `compact` (not %, currency) (decimal, unit)
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#compactdisplay
     */
    compactDisplay?: keyof typeof CompactDisplayModes;
    /**
     * Whether to use grouping separators, such as thousands' separators (not %) (decimal, unit, currency)
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#usegrouping
     */
    grouping?: boolean;
    /**
     * Display the sign for the number (all)
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#signdisplay
     */
    signDisplay?: keyof typeof SignDisplayModes;
    /**
     * Provide a unit for the number
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#unit_2
     */
    unit?: keyof typeof Units;
    /**
     * The unit formatting style to use in unit formatting
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#unitdisplay
     */
    unitDisplay?: keyof typeof UnitDisplayModes;
    /**
     * Provide ISO 4217 currency code
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currency_2
     */
    currency: keyof typeof CurrencyCodes;
    /**
     * How to display the currency in currency formatting
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
     */
    currencyDisplay?: keyof typeof CurrencyDisplayTypes;
    /**
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencysign
     */
    currencySign?: keyof typeof CurrencySignModes;
};

export declare const NumberUnit: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NumberProps, "currency" | "currencyDisplay" | "currencySign"> & RefAttributes<HTMLSpanElement>>;

declare type OffsetConfig = {
    /** The number of columns to off set this item from left side on extremely small devices (≥360px) */
    [Offsets.xs]: SizeUnit;
    /** The number of columns to off set this item from left side on small devices (≥640px) */
    [Offsets.sm]: SizeUnit;
    /** The number of columns to off set this item from left side on medium devices (≥768px) */
    [Offsets.md]: SizeUnit;
    /** The number of columns to off set this item from left side on large devices (≥1366px) */
    [Offsets.lg]: SizeUnit;
    /** The number of columns to off set this item from left side on extremely large devices (≥1920px) */
    [Offsets.xl]: SizeUnit;
};

declare enum Offsets {
    xs = "shiftXS",
    sm = "shiftSM",
    md = "shiftMD",
    lg = "shiftLG",
    xl = "shiftXL"
}

export declare const Ol: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLOListElement>>;

export declare const P: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLParagraphElement>>;

export declare const Page: ForwardRefExoticComponent<DataAttributes_2 & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
width?: number | "fluid" | undefined;
base?: number | undefined;
gap?: number | undefined;
as?: string | undefined;
children: ReactNode;
} & RefAttributes<HTMLDivElement>>;

export declare const Pagination: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
/** Set the total number of pages */
totalPages: number;
/** Callback to run on page change */
onPageSelect: (pageNumber: number) => void;
/** Set the selected page externally */
selectedPage: number;
/** Show the navigation block on the right */
showNavigation?: boolean | undefined;
/** Show page number buttons on the left */
showPageButtons?: boolean | undefined;
} & RefAttributes<HTMLDivElement>>;

export { PaginationState }

declare type Permission = `https://${string}` | 'self' | '*' | 'src' | 'none' | boolean;

export declare type PermissionsConfig = {
    /**
     * Controls whether the iframe is allowed
     * to gather information about the acceleration of the device through the Accelerometer interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/accelerometer
     */
    accelerometer?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to gather information about the amount of light in the environment around the device through the AmbientLightSensor interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/ambient-light-sensor
     */
    'ambient-light-sensor'?: Permission | Permission[];
    /**
     * Responsible for the Attribution Reporting API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/attribution-reporting
     */
    'attribution-reporting'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to autoplay media requested through the HTMLMediaElement interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/autoplay
     */
    autoplay?: Permission | Permission[];
    /**
     * Controls whether the use of the Web Bluetooth API is allowed.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/bluetooth
     */
    bluetooth?: Permission | Permission[];
    /**
     * Controls access to the Topics API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/browsing-topics
     */
    'browsing-topics'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed to use video input devices.
     * @see Controls whether the iframe is allowed to use video input devices.
     */
    camera?: Permission | Permission[];
    'clipboard-write'?: Permission | Permission[];
    /**
     * Controls access to the Compute Pressure API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/compute-pressure
     */
    'compute-pressure'?: Permission | Permission[];
    /**
     * Controls whether the iframe is permitted to use the getDisplayMedia()
     * method to capture screen contents.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/display-capture
     */
    'display-capture'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed to set document.domain.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/document-domain
     */
    'document-domain'?: Permission | Permission[];
    /**
     * Responsible for the Encrypted Media Extensions API (EME).
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/encrypted-media
     */
    'encrypted-media'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed to use Element.requestFullscreen().
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/fullscreen
     */
    fullscreen?: Permission | Permission[];
    /**
     * Responsible for the Gamepad API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/gamepad
     */
    gamepad?: Permission | Permission[];
    /**
     * Responsible for the Geolocation Interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/geolocation
     */
    geolocation?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to gather information about the orientation of the device through the Gyroscope interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/gyroscope
     */
    gyroscope?: Permission | Permission[];
    /**
     * Responsible for the WebHID API
     * to connect to uncommon or exotic human interface devices such as alternative keyboards or gamepads.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/hid
     */
    hid?: Permission | Permission[];
    /**
     * Responsible for the Federated Credential Management API (FedCM),
     * and more specifically, the navigator.credentials.get() method with an identity option.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/identity-credentials-get
     */
    'identity-credentials-get'?: Permission | Permission[];
    /**
     * Responsible for the Idle Detection API to detect when users are interacting with their devices,
     * for example, to report "available"/"away" status in chat applications.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/idle-detection
     */
    'idle-detection'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to gather data on the user's locally installed fonts via the Window.queryLocalFonts()
     * method (see also the Local Font Access API).
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/local-fonts
     */
    'local-fonts'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to gather information about the orientation of the device through the Magnetometer interface.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/magnetometer
     */
    magnetometer?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed to use audio input devices.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/microphone
     */
    microphone?: Permission | Permission[];
    /**
     * Responsible for the Web MIDI API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/midi
     */
    midi?: Permission | Permission[];
    /**
     * Responsible for the WebOTP API to request a one-time password
     * (OTP) from a specially formatted SMS message sent by the app's server
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/otp-credentials
     */
    'otp-credentials'?: Permission | Permission[];
    /**
     * Responsible for the Payment Request API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/payment
     */
    payment?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to play a video in a Picture-in-Picture mode via the corresponding API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/picture-in-picture
     */
    'picture-in-picture'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to use the Web Authentication API to create new asymmetric key credentials
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-create
     */
    'publickey-credentials-create'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to use the Web Authentication API to retrieve already stored public-key credentials
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-get
     */
    'publickey-credentials-get'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to use Screen Wake Lock API to indicate that a device shouldn't turn off or dim the screen.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/screen-wake-lock
     */
    'screen-wake-lock'?: Permission | Permission[];
    /**
     * Responsible for the Web Serial API to communicate with serial devices,
     * either directly connected via a serial port, or via USB or Bluetooth devices emulating a serial port.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/serial
     */
    serial?: Permission | Permission[];
    /**
     * Responsible for the Audio Output Devices API to list and select speakers.
     * @see Responsible for the Audio Output Devices API to list and select speakers.
     */
    'speaker-selection'?: Permission | Permission[];
    /**
     * Controls whether an iframe is allowed to use the Storage Access API to request access to unpartitioned cookies.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/storage-access
     */
    'storage-access'?: Permission | Permission[];
    /**
     * Responsible for the WebUSB API.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/usb
     */
    usb?: Permission | Permission[];
    /**
     * Responsible for the Navigator.share() of Web Share API
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/web-share
     */
    'web-share'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to use the Window Management API to manage windows on multiple displays.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/window-management
     */
    'window-management'?: Permission | Permission[];
    /**
     * Controls whether the iframe is allowed
     * to use the WebXR Device API to interact with a WebXR session.
     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/xr-spatial-tracking
     */
    'xr-spatial-tracking'?: Permission | Permission[];
};

export declare const Picture: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide default image url
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src
*/
src: string;
/**
* Set default image width
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width
*/
width?: number | undefined;
/**
* Set default image height
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height
*/
height?: number | undefined;
/**
* Provide alternate text to display when the image is not loaded or for use by assistive devices
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt
*/
alt?: string | undefined;
/**
* Provide alternative sources configs array
* @see SourceDensity
* @see SourceWidth
*/
sources?: Source[] | undefined;
/**
* Set image loading behavior
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading
*/
loading?: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>['loading'];
} & RefAttributes<HTMLDivElement>>;

export declare const Pre: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
contentEditable?: HTMLAttributes<HTMLPreElement>['contentEditable'];
} & RefAttributes<HTMLPreElement>>;

export declare enum ProcessingModes {
    /**
     * Data processed by the table. Semi-controlled mode, prop changes overwrite the state
     */
    internal = "internal",
    /**
     * Data processed by the developer. Full controlled mode
     */
    external = "external"
}

export declare const Progress: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide maximum for progress scale
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#max
*/
max?: number | undefined;
/**
* Provide value for progress scale
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#value
*/
value?: number | undefined;
/**
* Choose appearance of progress bar
*/
variant?: "plain" | "dashed" | undefined;
/**
* Provide an optional label to display on the left side
*/
label?: string | undefined;
} & RefAttributes<HTMLProgressElement>>;

declare type Props = {
    children?: ReactNode;
    /** Provide an object with theme colors and sizes parameters */
    theme?: ThemeType;
};

declare type Props_10 = NotificationProps & {
    /** Unique id of notification */
    id: Id;
    /** Callback triggered when Notification toggles */
    onToggle?: (isOpen: boolean) => void;
    onDenied?: () => void;
};

declare type Props_11 = DataAttributes & LibraryProps & {
    children: ReactNode;
    className?: string;
};

declare type Props_2 = DataAttributes & LibraryProps & Partial<SizesConfig> & {
    children?: ReactNode;
};

declare type Props_3 = DataAttributes & LibraryProps & {
    children?: ReactNode;
    /** Attach header to the page top */
    sticky?: boolean;
};

declare type Props_4 = DataAttributes & LibraryProps & {
    /**
     * Set a label text for the group
     */
    label?: string;
    children: ReactElement<ChildProps & unknown>[];
    /**
     * Provide a name for each input control in the group
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
     */
    name: string;
    /**
     * Disable all inputs in the group
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
     */
    disabled?: FieldsetHTMLAttributes<HTMLFieldSetElement>['disabled'];
    /**
     * Make all inputs in the group required
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
     */
    required?: boolean;
    /**
     * Set a text for the hint displayed below the group
     */
    hint?: string;
};

declare type Props_5 = DataAttributes & LibraryProps & {
    children?: ReactNode;
};

declare type Props_6 = {
    name: string;
    children: ReactNode;
    icon?: FC<HTMLAttributes<HTMLOrSVGElement> & unknown>;
};

declare type Props_7 = Omit<Props_8, 'content' | 'alignWidth'> & {
    actions?: ComponentProps<typeof Actions>['actions'];
};

declare type Props_8 = DataAttributes & LibraryProps & {
    children: ReactNode;
    /** Control visibility of the Menu */
    isOpen?: boolean;
    /**
     * Provide Tooltip content
     * @example
     * <Menu content={<div>Foo<div>} //... />
     */
    content: ReactNode;
    /** Set class name of reference component wrapper */
    referenceClassName?: string;
    /** Provide callback for open/close events */
    onToggle?: (openState: boolean) => void;
    /** Focus on the first element when open and trap focus */
    trapFocus?: boolean;
    /** Align Menu width with a reference element */
    alignWidth?: boolean;
    /** Set design of Menu */
    variant?: keyof typeof Variants;
    /**
     * Define which relative positions Menu can be placed in
     */
    allowedPlacements?: Placement[];
};

declare type Props_9 = {
    title?: string;
    icon?: FC<HTMLAttributes<HTMLOrSVGElement> & unknown>;
    type?: keyof typeof ActionTypes;
    onClick?: (name: MouseEvent_2<HTMLButtonElement>) => void;
    className?: string;
    disabled?: boolean;
};

export declare const Provider: FC<Props>;

declare type Range_2<TStart extends number, TFinish extends number> = Exclude<Enumerate<TFinish>, Enumerate<TStart>>;

declare type RangeFilterValue = number[];

export declare enum RenderModes {
    /**
     * Table renders as a virtualized list containing all cells
     */
    virtual = "virtual",
    /**
     * Table renders as multiple pages of a certain size
     */
    paginated = "paginated"
}

export declare const Row: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/** Select an HTML element to render as a container */
as?: string | undefined;
children: ReactNode;
} & RefAttributes<HTMLElement>>;

export { RowSelectionState }

export declare const S: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare type SandboxConfig = {
    /**
     * Allows downloading files through an <a> or <area> element with the download attribute,
     * as well as through the navigation that leads to a download of a file.
     * This works regardless of whether the user clicked on the link,
     * or JS code initiated it without user interaction.
     */
    'allow-downloads'?: boolean;
    /**
     * Allows for downloads to occur without a gesture from the user.
     */
    'allow-downloads-without-user-activation'?: boolean;
    /**
     * Allows the page to submit forms.
     * If this keyword is not used, the form will be displayed as normal,
     * but submitting it will not trigger input validation,
     * sending data to a web server or closing a dialog.
     */
    'allow-forms'?: boolean;
    /**
     * Allows the page to open modal windows by Window.alert(),
     * Window.confirm(), Window.print() and Window.prompt(),
     * while opening a <dialog> is allowed regardless of this keyword.
     * It also allows the page to receive BeforeUnloadEvent event.
     */
    'allow-modals'?: boolean;
    /**
     * Lets the resource lock the screen orientation.
     */
    'allow-orientation-lock'?: boolean;
    /**
     * Allows the page to use the Pointer Lock API.
     */
    'allow-pointer-lock'?: boolean;
    /**
     * Allows popups (like from Window.open(), target="_blank", Window.showModalDialog()).
     * If this keyword is not used, that functionality will silently fail.
     */
    'allow-popups'?: boolean;
    /**
     * Allows a sandboxed document
     * to open a new browsing context without forcing the sandboxing flags upon it.
     * This will allow, for example, a third-party advertisement
     * to be safely sandboxed without forcing the same restrictions upon the page the ad links to.
     * If this flag is not included, a redirected page, popup window,
     * or new tab will be subject to the same sandbox restrictions as the originating <iframe>.
     */
    'allow-popups-to-escape-sandbox'?: boolean;
    /**
     * Allows embedders to have control over whether an iframe can start a presentation session.
     */
    'allow-presentation'?: boolean;
    /**
     * If this token is not used,
     * the resource is treated as being from a special origin that always fails the same-origin policy
     * (potentially preventing access to data storage/cookies and some JavaScript APIs).
     */
    'allow-same-origin'?: boolean;
    /**
     * Allows the page to run scripts (but not create pop-up windows).
     * If this keyword is not used, this operation is not allowed.
     */
    'allow-scripts'?: boolean;
    /**
     * Allows a document loaded in the <iframe>
     * to use the Storage Access API to request access to unpartitioned cookies.
     */
    'allow-storage-access-by-user-activation'?: boolean;
    /**
     * Lets the resource navigate the top-level browsing context (the one named _top).
     */
    'allow-top-navigation'?: boolean;
    /**
     * Lets the resource navigate the top-level browsing context, but only if initiated by a user gesture.
     */
    'allow-top-navigation-by-user-activation'?: boolean;
    /**
     * Allows navigations to non-http protocols built into a browser or registered by a website.
     * This feature is also activated by allow-popups or allow-top-navigation keyword.
     */
    'allow-top-navigation-to-custom-protocols'?: boolean;
};

export declare const Select: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & NativeProps & Omit<CallbackPropsTextual<HTMLSelectElement>, "defaultValue"> & ValidationProps & {
children?: ReactNode;
prefix?: FC | undefined;
multiple?: SelectHTMLAttributes<HTMLSelectElement>['multiple'];
/**
* Define the width of the input in characters
*/
size?: SelectHTMLAttributes<HTMLSelectElement>['size'];
} & RefAttributes<HTMLSelectElement>>;

export declare const Sidebar: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Partial<SizesConfig> & {
children?: ReactNode;
} & RefAttributes<HTMLDivElement>>;

declare enum SignDisplayModes {
    auto = "auto",
    always = "always",
    exceptZero = "exceptZero",
    never = "never"
}

declare enum Sizes {
    xs = "xs",
    sm = "sm",
    md = "md",
    lg = "lg",
    xl = "xl"
}

declare type SizesConfig = {
    /** The number of columns to span on tiny devices (≥360px) */
    [Sizes.xs]: SizeUnit | FluidUnit;
    /** The number of columns to span on small devices (≥640px) */
    [Sizes.sm]: SizeUnit | FluidUnit;
    /** The number of columns to span on medium devices (≥992px) */
    [Sizes.md]: SizeUnit | FluidUnit;
    /** The number of columns to span on large devices (≥1366px) */
    [Sizes.lg]: SizeUnit | FluidUnit;
    /** The number of columns to span on extremely large devices (≥1920px) */
    [Sizes.xl]: SizeUnit | FluidUnit;
};

declare type SizeUnit = number;

export declare const SkeletonAction: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & SkeletonProps & {
children?: ReactNode;
double?: boolean | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const SkeletonFrame: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & SkeletonProps & {
borderRadius?: number | undefined;
children?: ReactNode;
} & RefAttributes<HTMLDivElement>>;

declare type SkeletonProps = {
    width?: Unit;
    height?: Unit;
    marginY?: number;
    marginX?: number;
};

export declare const SkeletonShape: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & SkeletonProps & {
borderRadius?: number | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const SkeletonText: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & SkeletonProps & {
lines?: number | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const Small: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare type SortingFn = SortingFn_2<TableData>;

export declare enum SortingModes {
    auto = "auto",
    alphanumeric = "alphanumeric",
    alphanumericCaseSensitive = "alphanumericCaseSensitive",
    text = "text",
    textCaseSensitive = "textCaseSensitive",
    datetime = "datetime",
    basic = "basic"
}

export { SortingState }

declare type Source = {
    /**
     * Provide the source image url
     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src
     * @see https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
     */
    src: string;
    /**
     * Provide the source image MIME type
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#type
     */
    type?: string;
    /**
     * Provide media condition for the source image
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#media
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries
     */
    mediaCondition?: string;
    /**
     * Provide width of the slot the image will fill when the media condition is true
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#sizes
     */
    slotWidth?: string;
    /**
     * Provide the source image display height in pixels
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#height
     */
    width?: number;
    /**
     * Provide the source image display width in pixels
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#width
     */
    height?: number;
} & ({
    /**
     * Provide the source image width descriptor. Has to be a positive integer directly followed by w. E.g. 480w
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#srcset
     * @see https://developer.mozilla.org/en-US/docs/Glossary/Intrinsic_Size
     */
    intrinsicWidth?: IntrinsicWidth;
    density?: never;
} | {
    intrinsicWidth?: never;
    /**
     * Provide the source image pixel density descriptor. Has to be a positive floating point number directly followed by x. E.g. 2x
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#srcset
     * @see https://developer.mozilla.org/en-US/docs/Glossary/Intrinsic_Size
     */
    density?: DensityDescriptor;
});

declare type Source_2 = {
    src: string;
    /**
     * Provide the source video MIME type
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#type
     */
    type?: string;
    /**
     * Provide media condition for the source video
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#media
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries
     */
    mediaCondition?: string;
};

export declare const Strong: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const Sub: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const Sup: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLElement>>;

export declare const Tab: FC<Props_6>;

export declare const Table: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children: ReactNode;
wrapperRef?: MutableRefObject<HTMLDivElement | null> | undefined;
wrapperClassName?: string | undefined;
} & RefAttributes<HTMLTableElement>>;

/**
 * Very liberal table data definition
 */
export declare type TableData = TableRow[];

declare type TableRow = {
    [property: string]: TableRow | TableValue;
};

declare type TableValue = string | number;

export declare const Tabs: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
selected?: string | undefined;
width?: number | undefined;
height?: number | undefined;
children: ReactElement<Props_6> | ReactElement<Props_6>[];
onToggle?: ((tabName: string) => void) | undefined;
} & RefAttributes<HTMLDivElement>>;

declare const Text_2: FC<Props_5>;
export { Text_2 as Text }

export declare const Textarea: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & Omit<NativePropsTextual, "pattern" | "inputMode" | "size"> & CallbackPropsTextual<HTMLTextAreaElement> & ValidationProps & {
prefix?: FC | undefined;
/**
* The visible width of the text control, in average character widths.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#cols
*/
cols?: TextareaHTMLAttributes<HTMLTextAreaElement>['cols'];
/**
* The number of visible text lines for the control.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#rows
*/
rows?: TextareaHTMLAttributes<HTMLTextAreaElement>['rows'];
/**
* Specifies whether the Textarea is subject to spell checking by the underlying browser/OS.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#spellcheck
*/
spellCheck?: TextareaHTMLAttributes<HTMLTextAreaElement>['spellCheck'];
/**
* Indicates how the control should wrap the value for form submission.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
*/
wrap?: TextareaHTMLAttributes<HTMLTextAreaElement>['wrap'];
/**
* Set Textarea resizing behavior.
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/resize
*/
resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
} & RefAttributes<HTMLTextAreaElement>>;

declare const theme: {
    fontFamily: string;
    fontFamilyMonospace: string;
    sizeUnit: string;
    inputWidth: string;
    inputHeight: string;
    fontSizeH1: string;
    fontSizeH2: string;
    fontSizeH3: string;
    fontSizeH4: string;
    fontSizeH5: string;
    fontSizeH6: string;
    fontSizeText: string;
    fontSizeMedium: string;
    fontSizeLarge: string;
    fontSizeSmall: string;
    fontSizeExtraSmall: string;
    fontWeightLighter: number;
    fontWeightNormal: number;
    fontWeightBolder: number;
    fontWeightBold: number;
    textColor: string;
    background000: string;
    background100: string;
    background200: string;
    background300: string;
    background400: string;
    background500: string;
    background600: string;
    colorDo: string;
    colorRe: string;
    colorMi: string;
    colorFa: string;
    colorSol: string;
    colorLa: string;
    colorError: string;
    colorWarning: string;
    colorSuccess: string;
    colorAction: string;
    shadowColor: string;
    shadow050: string;
    shadow100: string;
    shadow200: string;
    textShadow: string;
    borderRadius100: string;
    borderRadius200: string;
    borderRadius300: string;
    borderRadius400: string;
    borderRadius500: string;
    borderWidth100: string;
    borderWidth200: string;
    borderWidth300: string;
    timeXS: string;
    timeSM: string;
    timeMD: string;
    timeLG: string;
    timeXL: string;
};

export declare const themeDnipro: ThemeType;

export declare const themeDovzhenko: ThemeType;

export declare const themePodil: ThemeType;

export declare type ThemeType = {
    /**
     * Main font used by most components of library
     */
    fontFamily?: ThemeType_2['fontFamily'];
    /**
     * Monospaced font used by <code> and <pre>
     */
    fontFamilyMonospace?: ThemeType_2['fontFamilyMonospace'];
    /**
     * Font size for H1 element
     */
    fontSizeH1?: ThemeType_2['fontSizeH1'];
    /**
     * Font size for H2 element
     */
    fontSizeH2?: ThemeType_2['fontSizeH2'];
    /**
     * Font size for H3 element
     */
    fontSizeH3?: ThemeType_2['fontSizeH3'];
    /**
     * Font size for H4 element
     */
    fontSizeH4?: ThemeType_2['fontSizeH4'];
    /**
     * Font size for H5 element
     */
    fontSizeH5?: ThemeType_2['fontSizeH5'];
    /**
     * Font size for H6 element
     */
    fontSizeH6?: ThemeType_2['fontSizeH6'];
    /**
     * Arbitrary text font size. Used by P element. Expected to be most readable
     */
    fontSizeText?: ThemeType_2['fontSizeText'];
    /**
     * Medium font size
     */
    fontSizeMedium?: ThemeType_2['fontSizeMedium'];
    /**
     * Large font size
     */
    fontSizeLarge?: ThemeType_2['fontSizeLarge'];
    /**
     * Small font size
     */
    fontSizeSmall?: ThemeType_2['fontSizeSmall'];
    /**
     * Default font weight. Expected to be most readable
     */
    fontWeightNormal?: ThemeType_2['fontWeightNormal'];
    /**
     * Bolder font weight. Expected to look outstanding comparing to normal
     */
    fontWeightBolder?: ThemeType_2['fontWeightBolder'];
    /**
     * Bold font weight. Expected to look outstanding comparing to bolder
     */
    fontWeightBold?: ThemeType_2['fontWeightBold'];
    /**
     * Default text color. Expected to be most readable
     */
    textColor?: ThemeType_2['textColor'];
    /**
     * Lowest background level. E.g. paper color
     */
    background000?: ThemeType_2['background000'];
    /**
     * 100 background level. Good for delicate borders
     */
    background100?: ThemeType_2['background100'];
    background200?: ThemeType_2['background200'];
    background300?: ThemeType_2['background300'];
    background400?: ThemeType_2['background400'];
    /**
     * 500 background level. Good for strong headers
     */
    background500?: ThemeType_2['background500'];
    /**
     * Highest background level. E.g. text color
     */
    background600?: ThemeType_2['background600'];
    /**
     * First brand color. It is most visible in the theme.
     * Has to make a good contrast with background000 and background600
     */
    colorDo?: ThemeType_2['colorDo'];
    /**
     * Second brand color. Darkest one. Has to make a good contrast with background000 and colorDo
     */
    colorRe?: ThemeType_2['colorRe'];
    /**
     * Third brand color. Lightest one. Has to make a good contrast with background600 and colorDo
     */
    colorMi?: ThemeType_2['colorMi'];
    /**
     * First alternative brand color. Used when needed to create an accented contrast with colorDo.
     * Has to make a good contrast with background000 and background600
     */
    colorFa?: ThemeType_2['colorFa'];
    /**
     * Second alternative brand color. Darkest one.
     * Has to make a good contrast with background000 and colorFa
     */
    colorSol?: ThemeType_2['colorSol'];
    /**
     * Third alternative brand color. Lightest one.
     * Has to make a good contrast with background600 and colorFa
     */
    colorLa?: ThemeType_2['colorLa'];
    /**
     * Error/danger/failure indication color. Has to make a good contrast with background600 and background000
     */
    colorError?: ThemeType_2['colorError'];
    /**
     * Warning indication color. Has to make a good contrast with background600 and background000
     */
    colorWarning?: ThemeType_2['colorWarning'];
    /**
     * Success/approve/agree indication color. Has to make a good contrast with background600 and background000
     */
    colorSuccess?: ThemeType_2['colorSuccess'];
    /**
     * Action/link indication color. Has to make a good contrast with background600 and background000
     */
    colorAction?: ThemeType_2['colorAction'];
};

declare type ThemeType_2 = Partial<typeof theme>;

declare enum TimeNamedUnit {
    long = "long",
    short = "short",
    narrow = "narrow"
}

declare enum TimeNumericUnit {
    numeric = "numeric",
    '2-digit' = "2-digit"
}

declare enum TimePeriods {
    era = "era",
    year = "year",
    quarter = "quarter",
    month = "month",
    weekOfYear = "weekOfYear",
    weekday = "weekday",
    day = "day",
    dayPeriod = "dayPeriod",
    hour = "hour",
    minute = "minute",
    second = "second",
    timeZoneName = "timeZoneName"
}

declare enum TimeZoneName {
    short = "short",
    long = "long",
    shortOffset = "shortOffset",
    longOffset = "longOffset",
    shortGeneric = "shortGeneric",
    longGeneric = "longGeneric"
}

export declare const Toast: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/** Provide unique id to the Toast */
id: NonNullable<LibraryProps['id']>;
children?: ReactNode;
/** Provide an array of actions with callbacks */
actions?: (Props_9 | [Props_9, Props_9])[] | undefined;
/**
* Provide an Icon component to show instead default one
*/
icon?: FC | undefined;
/** Select a design variant of Toast to show */
variant?: "error" | "default" | "success" | "warning" | undefined;
/** Provide a main text to display inside Toast */
title: string;
/** Provide an additional text to display inside Toast */
body?: string | undefined;
/** Callback triggered when user click closes Toast */
onToggle?: ((isOpen: boolean) => void) | undefined;
/** Set time in seconds to auto close Toast */
autoClose?: number | undefined;
/** Provide custom label for close Toast action */
closeLabel?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const Tooltip: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children: ReactNode;
/** Control visibility of Tooltip */
isOpen?: boolean | undefined;
/**
* Provide Tooltip content
* @example
* <Tooltip content={<div>Foo<div>} //... />
*/
content: ReactNode;
/** Set class name of reference component wrapper */
referenceClassName?: string | undefined;
/** Provide callback for open/close events */
onToggle?: ((openState: boolean) => void) | undefined;
/** Make user interactions with Tooltip possible */
interactive?: boolean | undefined;
/** Define recommended placement for Tooltip content, applied when possible */
placement?: Placement | undefined;
} & RefAttributes<HTMLDivElement>>;

export declare const Ul: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
children?: ReactNode;
} & RefAttributes<HTMLUListElement>>;

declare type Unit = number | 'fluid';

declare enum UnitDisplayModes {
    short = "short",
    narrow = "narrow",
    long = "long"
}

/**
 * List of available units
 * @see https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers
 * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#unit_2
 */
declare enum Units {
    acre = "acre",
    bit = "bit",
    byte = "byte",
    celsius = "celsius",
    centimeter = "centimeter",
    day = "day",
    degree = "degree",
    fahrenheit = "fahrenheit",
    'fluid-ounce' = "fluid-ounce",
    foot = "foot",
    gallon = "gallon",
    gigabit = "gigabit",
    gigabyte = "gigabyte",
    gram = "gram",
    hectare = "hectare",
    hour = "hour",
    inch = "inch",
    kilobit = "kilobit",
    kilobyte = "kilobyte",
    kilogram = "kilogram",
    kilometer = "kilometer",
    liter = "liter",
    megabit = "megabit",
    megabyte = "megabyte",
    meter = "meter",
    microsecond = "microsecond",
    mile = "mile",
    'mile-scandinavian' = "mile-scandinavian",
    milliliter = "milliliter",
    millimeter = "millimeter",
    millisecond = "millisecond",
    minute = "minute",
    month = "month",
    nanosecond = "nanosecond",
    ounce = "ounce",
    percent = "percent",
    petabyte = "petabyte",
    pound = "pound",
    second = "second",
    stone = "stone",
    terabit = "terabit",
    terabyte = "terabyte",
    week = "week",
    yard = "yard",
    year = "year"
}

export declare const useDialogState: (id: string) => {
    openDialog: (params?: DialogParams) => void;
    closeDialog: () => void;
    isOpen: boolean;
    dialogParams: DialogParams | undefined;
};

export declare const useDrawerState: (id: string) => {
    openDrawer: () => void;
    closeDrawer: () => void;
    isOpen: boolean;
};

export declare const useFormActions: () => {
    markAsPristine: () => void;
    markAsDirty: () => void;
};

export declare const useFormSelectors: () => {
    pristine: boolean;
};

export declare const useNotificationState: (id: string) => {
    /**
     * Show notification to the user.
     * Warning! Will not work from component scope. Needs to be run as an effect
     * @example
     * const {openNotificaton} = useNotificationState(id);
     * const handleClick = useCallback(() => {
     *     openNotification();
     * }, [openNotification]);
     */
    openNotification: () => void;
    /**
     * Hide notification.
     * Warning! Will not work from component scope. Needs to be run as an effect
     * @example
     * const {openNotificaton} = useNotificationState(id);
     * const handleClick = useCallback(() => {
     *     openNotification();
     * }, [openNotification]);
     */
    closeNotification: () => void;
    /** Current visibility of notification */
    isOpen: boolean;
    /**
     * Indicates the current permission granted by the user for the current origin to display web notifications
     * @see https://developer.mozilla.org/en-US/docs/Web/API/Notification/permission_static
     */
    permission: NotificationPermission | undefined;
};

export declare const useToastState: (id: string) => {
    openToast: () => void;
    closeToast: () => void;
    isOpen: boolean;
};

declare type ValidationProps = {
    /** Enable to re-run validation when any field in the form changes */
    revalidateOnFormChange?: boolean;
    /**
     * Provide custom message for external validation errors. Applies only to errors reported by
     * validationState prop.
     * @see validationState
     */
    errorMessage?: string;
    /**
     * Set external validation state for input. Can be a string or a validator function
     * @see ValidationState
     * @see ValidatorFn
     * @see https://koval.support/inputs/input-validation
     */
    validation?: keyof typeof ValidationState | ValidatorFn;
    /**
     * Enable to display validation icon on the right side of the input.
     * Empty space is reserved for validation icon.
     */
    displayIcon?: boolean;
};

declare enum ValidationState {
    error = "error",
    valid = "valid",
    inProgress = "inProgress",
    pristine = "pristine"
}

declare type ValidatorFn = (value: unknown, validityState: ValidityState, formState: FormState_2) => string | Promise<string>;

declare enum Variants {
    bordered = "bordered",
    plain = "plain"
}

export declare const VirtualList: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
id?: string | undefined;
role?: AriaRole | undefined;
className?: string | undefined;
} & {
/**
* Provide average item height in pixels.
*/
averageItemHeight: number;
/** Set the total height of the list in pixels */
height: number;
/** Set the total width of the list in pixels */
width: number;
/**
* Enable to support items with different heights.
* The actual height of each item is checked during the render, so items never cut.
*/
variableItemSize?: boolean | undefined;
children: ReactNode[];
} & RefAttributes<HTMLDivElement>>;

export { }