koval-ui 0.12.19

package/dist/index.d.ts

@@ -0,0 +1,1646 @@
+import { AriaAttributes } from 'react';
+import { AriaRole } from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { ChangeEvent } from 'react';
+import { ComponentProps } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { FieldsetHTMLAttributes } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
+import { FormHTMLAttributes } from 'react';
+import { ForwardedRef } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } 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 { Placement } from '@floating-ui/react-dom';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SelectHTMLAttributes } from 'react';
+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>>;
+
+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_6 | [Props_6, Props_6])[] | 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"
+}
+
+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 '...' after first breadcrumb item */
+showEllipsis?: boolean | 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 CallbackProps = {
+    onSubmit?: (event: SyntheticEvent<HTMLFormElement>, formState: FormState) => void;
+    onInvalid?: (event: InvalidEvent<HTMLFormElement>, formState: FormState) => void;
+    onReset?: (event: ChangeEvent<HTMLFormElement>, formState: FormState) => void;
+    onChange?: (event: ChangeEvent<HTMLFormElement>, formState: FormState) => void;
+};
+
+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
+     * @see https://naspersclassifieds.atlassian.net/wiki/spaces/NDS/pages/57169350329/RFC+Nexus+Input+API#Uncontrolled-input
+     */
+    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
+     * @see https://naspersclassifieds.atlassian.net/wiki/spaces/NDS/pages/57169350329/RFC+Nexus+Input+API#Controllable-state
+     */
+    checked?: InputHTMLAttributes<HTMLInputElement>['checked'];
+    /**
+     * Disable input.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
+     */
+    disabled?: InputHTMLAttributes<HTMLInputElement>['disabled'];
+    /**
+     * 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
+     * @see https://naspersclassifieds.atlassian.net/wiki/spaces/NDS/pages/57169350329/RFC+Nexus+Input+API#Controllable-state
+     */
+    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
+     * @see https://naspersclassifieds.atlassian.net/wiki/spaces/NDS/pages/57169350329/RFC+Nexus+Input+API#Uncontrolled-input
+     */
+    defaultValue?: InputHTMLAttributes<TElement>['defaultValue'];
+    /**
+     * Disable input.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
+     */
+    disabled?: InputHTMLAttributes<TElement>['disabled'];
+    /**
+     * 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?: (Props_6 | [Props_6, Props_6])[] | 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>>;
+
+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>>;
+
+export declare const Content: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+children?: ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+
+declare type DataAttributeKey = `data-${string}`;
+
+declare type DataAttributes = Record<DataAttributeKey, string>;
+
+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?: (Props_6 | [Props_6, Props_6])[] | undefined;
+/** Set a title of dialog */
+dialogTitle?: string | undefined;
+/** Provide a localized value for close button */
+closeLabel?: string | undefined;
+/** Enable focus trap for Dialog */
+trapFocus?: boolean | undefined;
+} & RefAttributes<HTMLDialogElement>>;
+
+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>>;
+
+export declare const Em: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+children?: ReactNode;
+} & RefAttributes<HTMLElement>>;
+
+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>>;
+
+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 const Form: ForwardRefExoticComponent<Omit<DataAttributes & NativeProps & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & CallbackProps & {
+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;
+label: string;
+hint?: string | 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 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 InputCheckbox: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & NativePropsInteractive & CallbackPropsInteractive & ValidationProps & {
+label?: string | undefined;
+} & RefAttributes<HTMLInputElement>>;
+
+export declare const InputColor: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & NativePropsInteractive & CallbackPropsTextual & Omit<ValidationProps, "validatorFn"> & {
+/**
+* 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 InputFile: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & Omit<NativePropsTextual, "pattern" | "inputMode" | "maxLength" | "minLength" | "readOnly"> & 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;
+} & {
+validation?: "error" | "valid" | "inProgress" | undefined;
+label?: string | undefined;
+children: ReactElement<ChildProps & unknown>[];
+name: string;
+/**
+* Disable input.
+* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
+*/
+disabled?: FieldsetHTMLAttributes<HTMLFieldSetElement>['disabled'];
+required?: boolean | undefined;
+hint?: string | undefined;
+} & RefAttributes<HTMLFieldSetElement>>;
+
+export declare const InputNumber: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & Omit<NativePropsTextual, "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 InputRadio: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & NativePropsInteractive & 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;
+} & RefAttributes<HTMLInputElement>>;
+
+export declare const InputText: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & NativePropsTextual & CallbackPropsTextual & ValidationProps & {
+/**
+* Define a type of TextInput. Allows developer to optionally set one from supported
+* text-like input types instead of default 'text'.
+* Non-text types such as `number` or `week` are not 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'];
+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 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'];
+};
+
+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 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 first element when open and trap focus */
+trapFocus?: boolean | undefined;
+/** Align Menu width with reference element */
+alignWidth?: boolean | undefined;
+/** Set design of Menu */
+variant?: "bordered" | "plain" | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare const MenuActions: FC<Props_8>;
+
+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>>;
+
+declare type NativeProps = {
+    name?: FormHTMLAttributes<HTMLFormElement>['name'];
+    autoCapitalize?: FormHTMLAttributes<HTMLFormElement>['autoCapitalize'];
+    autoComplete?: FormHTMLAttributes<HTMLFormElement>['autoComplete'];
+    noValidate?: FormHTMLAttributes<HTMLFormElement>['noValidate'];
+};
+
+declare type NativePropsInteractive = Omit<NativePropsTextual, 'inputMode' | 'pattern' | 'readOnly' | 'minLength' | 'maxLength' | 'autoComplete' | 'placeholder' | 'size'>;
+
+declare type NativePropsNumeric = Omit<NativePropsTextual, 'inputMode' | 'pattern' | 'maxLength' | 'minLength'> & {
+    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 = {
+    /**
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
+     */
+    name?: InputHTMLAttributes<HTMLInputElement>['name'];
+    /** Set input id attribute. */
+    id?: string;
+    /**
+     * 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 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'];
+    /**
+     * 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'];
+    /** Set native HTML `form` attribute. */
+    form?: InputHTMLAttributes<HTMLInputElement>['form'];
+    /**
+     * Set native ARIA role attribute
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role
+     */
+    role?: InputHTMLAttributes<HTMLInputElement>['role'];
+    /**
+     * 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'];
+    /**
+     * 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'];
+    /**
+     * 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 NavList: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+children?: ReactNode;
+layout?: "horizontal" | "vertical" | undefined;
+collapsible?: boolean | undefined;
+collapsibleLabel?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare const NavPanel: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+name?: string | undefined;
+children?: ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+
+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;
+};
+
+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 & 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 total amount of pages */
+totalPages: number;
+/** Callback to run on page change */
+onPageSelect: (pageNumber: number) => void;
+/** Set selected page externally */
+selectedPage: number;
+/** Show navigation block on the right */
+showNavigation?: boolean | undefined;
+/** Show page number buttons on the left */
+showPageButtons?: boolean | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+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 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 & {
+    validation?: keyof typeof ValidationState;
+    label?: string;
+    children: ReactElement<ChildProps & unknown>[];
+    name: string;
+    /**
+     * Disable input.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
+     */
+    disabled?: FieldsetHTMLAttributes<HTMLFieldSetElement>['disabled'];
+    required?: boolean;
+    hint?: string;
+};
+
+declare type Props_5 = DataAttributes & LibraryProps & {
+    children?: ReactNode;
+};
+
+declare type Props_6 = {
+    title?: string;
+    icon?: FC<HTMLAttributes<HTMLOrSVGElement> & unknown>;
+    type?: keyof typeof ActionTypes;
+    onClick?: (name: MouseEvent_2<HTMLButtonElement>) => void;
+    className?: string;
+};
+
+declare type Props_7 = {
+    name: string;
+    children: ReactNode;
+    icon?: FC<HTMLAttributes<HTMLOrSVGElement> & unknown>;
+};
+
+declare type Props_8 = Omit<Props_9, 'content' | 'alignWidth'> & {
+    actions?: ComponentProps<typeof Actions>['actions'];
+};
+
+declare type Props_9 = DataAttributes & LibraryProps & {
+    children: ReactNode;
+    /** Control visibility of 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 first element when open and trap focus */
+    trapFocus?: boolean;
+    /** Align Menu width with reference element */
+    alignWidth?: boolean;
+    /** Set design of Menu */
+    variant?: keyof typeof Variants;
+};
+
+export declare const Provider: FC<Props>;
+
+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 declare const S: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+children?: ReactNode;
+} & RefAttributes<HTMLElement>>;
+
+export declare const Select: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & NativePropsInteractive & 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 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>>;
+
+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;
+});
+
+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_7>;
+
+export declare const Table: ForwardRefExoticComponent<DataAttributes & AriaAttributes & {
+id?: string | undefined;
+role?: AriaRole | undefined;
+className?: string | undefined;
+} & {
+children: ReactNode;
+} & RefAttributes<HTMLTableElement>>;
+
+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_7> | ReactElement<Props_7>[];
+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;
+    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;
+    timeSM: string;
+    timeMD: string;
+    timeLG: string;
+    timeXL: string;
+};
+
+export declare const themeDnipro: 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>;
+
+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_6 | [Props_6, Props_6])[] | undefined;
+/**
+* Provide Icon component to show instead default one
+*/
+icon?: FC | undefined;
+/** Select 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';
+
+export declare const useDialogState: (id: string) => {
+    openDialog: () => void;
+    closeDialog: () => void;
+    isOpen: boolean;
+};
+
+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 = {
+    validatorFn?: (value: unknown, validityState: ValidityState, formState: FormState_2) => string | Promise<string>;
+};
+
+declare enum ValidationState {
+    error = "error",
+    valid = "valid",
+    inProgress = "inProgress"
+}
+
+declare enum Variants {
+    bordered = "bordered",
+    plain = "plain"
+}
+
+export { }