## API Report File for "@salutejs/sdds-finportal"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts
/// <reference types="react" />

import { AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
import { addFocus } from '@salutejs/plasma-new-hope/styled-components';
import { addNotification } from '@salutejs/plasma-new-hope/styled-components';
import { AlignProp } from '@salutejs/plasma-new-hope/types/components/Cell/Cell.types';
import { AnchorHTMLAttributes } from 'react';
import { AsProps } from '@salutejs/plasma-new-hope/styled-components';
import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components';
import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components';
import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
import { BaseAttachProps } from '@salutejs/plasma-new-hope/types/components/Attach/Attach.types';
import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
import { BaseTabItemProps } from '@salutejs/plasma-new-hope/styled-components';
import { BaseTabsProps } from '@salutejs/plasma-new-hope/styled-components';
import { bodyL } from '@salutejs/sdds-themes/tokens';
import { bodyLBold } from '@salutejs/sdds-themes/tokens';
import { bodyM } from '@salutejs/sdds-themes/tokens';
import { bodyMBold } from '@salutejs/sdds-themes/tokens';
import { bodyS } from '@salutejs/sdds-themes/tokens';
import { bodySBold } from '@salutejs/sdds-themes/tokens';
import { bodyXS } from '@salutejs/sdds-themes/tokens';
import { bodyXSBold } from '@salutejs/sdds-themes/tokens';
import { bodyXXS } from '@salutejs/sdds-themes/tokens';
import { bodyXXSBold } from '@salutejs/sdds-themes/tokens';
import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
import { BreadcrumbsItem } from '@salutejs/plasma-new-hope/types/components/Breadcrumbs/Breadcrumbs.types';
import { BreadcrumbsProps } from '@salutejs/plasma-new-hope/styled-components';
import { ButtonBase } from '@salutejs/plasma-new-hope/styled-components';
import { ButtonGroupProps } from '@salutejs/plasma-new-hope/styled-components';
import { ButtonHTMLAttributes } from 'react';
import { Calendar as Calendar_2 } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
import { CalendarBaseProps } from '@salutejs/plasma-new-hope/styled-components';
import { CalendarConfigProps } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
import { CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components';
import { CalendarProps } from '@salutejs/plasma-new-hope/styled-components';
import { CalendarRange } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
import { CalendarStateType } from '@salutejs/plasma-new-hope/styled-components';
import { CardContent } from '@salutejs/plasma-new-hope/styled-components';
import { CardInnerContent } from '@salutejs/plasma-new-hope/styled-components';
import { CardProps } from '@salutejs/plasma-new-hope/styled-components';
import { CellProps } from '@salutejs/plasma-new-hope/styled-components';
import { CellTextbox } from '@salutejs/plasma-new-hope/styled-components';
import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
import { closeNotification } from '@salutejs/plasma-new-hope/styled-components';
import { ClosePlacementType } from '@salutejs/plasma-new-hope/styled-components';
import { Col } from '@salutejs/plasma-new-hope/styled-components';
import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
import { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';
import type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
import { ComponentProps } from 'react';
import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
import { CSSProperties } from 'react';
import { CustomCounterProps } from '@salutejs/plasma-new-hope/types/components/Counter/Counter.types';
import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
import type { CustomNumberFormatProps } from '@salutejs/plasma-new-hope';
import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
import { DatePickerProps } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerRangePlacementBasic } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components';
import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
import { DatePickerVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
import type { DistributiveOmit } from '@salutejs/plasma-new-hope';
import type { DistributivePick } from '@salutejs/plasma-new-hope';
import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
import { DragEvent as DragEvent_2 } from 'react';
import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components';
import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
import { DropdownItemOption } from '@salutejs/plasma-new-hope';
import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
import { dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
import { dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
import { dsplL } from '@salutejs/sdds-themes/tokens';
import { dsplLBold } from '@salutejs/sdds-themes/tokens';
import { dsplM } from '@salutejs/sdds-themes/tokens';
import { dsplMBold } from '@salutejs/sdds-themes/tokens';
import { dsplS } from '@salutejs/sdds-themes/tokens';
import { dsplSBold } from '@salutejs/sdds-themes/tokens';
import { FC } from 'react';
import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
import { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
import { FocusEvent as FocusEvent_2 } from 'react';
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
import { ForwardRefExoticComponent } from 'react';
import { FunctionComponent } from 'react';
import { GridProps } from '@salutejs/plasma-new-hope/styled-components';
import { h1 } from '@salutejs/sdds-themes/tokens';
import { h1Bold } from '@salutejs/sdds-themes/tokens';
import { h2 } from '@salutejs/sdds-themes/tokens';
import { h2Bold } from '@salutejs/sdds-themes/tokens';
import { h3 } from '@salutejs/sdds-themes/tokens';
import { h3Bold } from '@salutejs/sdds-themes/tokens';
import { h4 } from '@salutejs/sdds-themes/tokens';
import { h4Bold } from '@salutejs/sdds-themes/tokens';
import { h5 } from '@salutejs/sdds-themes/tokens';
import { h5Bold } from '@salutejs/sdds-themes/tokens';
import { HTMLAttributes } from 'react';
import { HTMLAttributesWithoutOnChange } from '@salutejs/plasma-new-hope/types/engines/types';
import { HTMLAttributesWithoutOnChangeAndDefaultValue } from '@salutejs/plasma-new-hope/types/engines/types';
import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
import { ImgHTMLAttributes } from 'react';
import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
import { JSXElementConstructor } from 'react';
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
import { MouseEvent as MouseEvent_2 } from 'react';
import { noteClasses } from '@salutejs/plasma-new-hope/styled-components';
import { noteTokens } from '@salutejs/plasma-new-hope/styled-components';
import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components';
import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel';
import { Placement } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components';
import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components';
import { popupClasses } from '@salutejs/plasma-new-hope/styled-components';
import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components';
import { PopupPlacement } from '@salutejs/plasma-new-hope/styled-components';
import { PopupProps } from '@salutejs/plasma-new-hope/styled-components';
import { PopupProvider } from '@salutejs/plasma-new-hope/styled-components';
import { Portal } from '@salutejs/plasma-new-hope/styled-components';
import { PortalProps } from '@salutejs/plasma-new-hope/styled-components';
import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
import { Property } from 'csstype';
import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components';
import { RangeProps } from '@salutejs/plasma-new-hope/styled-components';
import { rangeTokens } from '@salutejs/plasma-new-hope/styled-components';
import { Ratio } from '@salutejs/plasma-new-hope/styled-components';
import { default as React_2 } from 'react';
import { ReactElement } from 'react';
import { ReactNode } from 'react';
import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components';
import { RefAttributes } from 'react';
import { RefObject } from 'react';
import { RequiredProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
import { Row } from '@salutejs/plasma-new-hope/styled-components';
import { ScreenConfig } from '@salutejs/plasma-new-hope/styled-components';
import { ScreenMap } from '@salutejs/plasma-new-hope/styled-components';
import { ScreenVariant } from '@salutejs/plasma-new-hope/styled-components';
import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
import { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
import { SkeletonGradientProps } from '@salutejs/plasma-new-hope/styled-components';
import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components';
import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types';
import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
import { StyledComponent } from 'styled-components';
import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
import { SyntheticEvent } from 'react';
import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
import { TextFieldGroupProps } from '@salutejs/plasma-new-hope/styled-components';
import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
import { TextFieldProps } from '@salutejs/plasma-new-hope/styled-components';
import { textFieldTokens } from '@salutejs/plasma-new-hope/styled-components';
import { textL } from '@salutejs/sdds-themes/tokens';
import { textLBold } from '@salutejs/sdds-themes/tokens';
import { textM } from '@salutejs/sdds-themes/tokens';
import { textMBold } from '@salutejs/sdds-themes/tokens';
import { textS } from '@salutejs/sdds-themes/tokens';
import { textSBold } from '@salutejs/sdds-themes/tokens';
import { TextSkeletonBaseProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/TextSkeleton/TextSkeleton.types';
import { textXS } from '@salutejs/sdds-themes/tokens';
import { textXSBold } from '@salutejs/sdds-themes/tokens';
import { ToastPosition } from '@salutejs/plasma-new-hope/styled-components';
import { ToastProps } from '@salutejs/plasma-new-hope/styled-components';
import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
import { TreeItem } from '@salutejs/plasma-new-hope';
import { TreeProps } from '@salutejs/plasma-new-hope';
import { TreeProps as TreeProps_2 } from '@salutejs/plasma-new-hope/styled-components';
import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
import { useToast } from '@salutejs/plasma-new-hope/styled-components';
import { ValidatorReturnType } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
import { ViewContainerCustomProps } from '@salutejs/plasma-new-hope/types/components/ViewContainer/ViewContainer';
import { withSkeleton } from '@salutejs/plasma-new-hope/styled-components';

// @public (undocumented)
export const Accordion: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
            h2: PolymorphicClassName;
            h3: PolymorphicClassName;
            h4: PolymorphicClassName;
            h5: PolymorphicClassName;
        };
    }> & {
        view?: string | undefined;
        size?: string | undefined;
        singleActive?: boolean | undefined;
        defaultActiveEventKey?: number[] | undefined;
        disabled?: boolean | undefined;
        stretching?: 'fixed' | 'filled' | undefined;
        onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
        children?: ReactNode;
        className?: string | undefined;
    } & RefAttributes<HTMLDivElement>
>;

export { AccordionItem };

export { addFocus };

export { addNotification };

// @public (undocumented)
export const applyPaper: ({
    backgroundColor,
    shadow,
    borderRadius,
    styles,
}: {
    backgroundColor?:
        | (
              | 'textPrimaryHover'
              | 'textPrimaryActive'
              | 'textSecondaryHover'
              | 'textSecondaryActive'
              | 'textTertiaryHover'
              | 'textTertiaryActive'
              | 'textParagraphHover'
              | 'textParagraphActive'
              | 'textAccentHover'
              | 'textAccentActive'
              | 'textAccentMinorHover'
              | 'textAccentMinorActive'
              | 'textPositiveHover'
              | 'textPositiveActive'
              | 'textWarningHover'
              | 'textWarningActive'
              | 'textNegativeHover'
              | 'textNegativeActive'
              | 'textInfoHover'
              | 'textInfoActive'
              | 'textPositiveMinorHover'
              | 'textPositiveMinorActive'
              | 'textWarningMinorHover'
              | 'textWarningMinorActive'
              | 'textNegativeMinorHover'
              | 'textNegativeMinorActive'
              | 'textInfoMinorHover'
              | 'textInfoMinorActive'
              | 'textPrimary'
              | 'textPrimaryBrightness'
              | 'textSecondary'
              | 'textTertiary'
              | 'textParagraph'
              | 'textAccent'
              | 'textAccentMinor'
              | 'textPositive'
              | 'textWarning'
              | 'textNegative'
              | 'textInfo'
              | 'textPositiveMinor'
              | 'textWarningMinor'
              | 'textNegativeMinor'
              | 'textInfoMinor'
              | 'onDarkTextPrimaryHover'
              | 'onDarkTextPrimaryActive'
              | 'onDarkTextSecondaryHover'
              | 'onDarkTextSecondaryActive'
              | 'onDarkTextTertiaryHover'
              | 'onDarkTextTertiaryActive'
              | 'onDarkTextParagraphHover'
              | 'onDarkTextParagraphActive'
              | 'onDarkTextAccentHover'
              | 'onDarkTextAccentActive'
              | 'onDarkTextAccentMinorHover'
              | 'onDarkTextAccentMinorActive'
              | 'onDarkTextPositiveHover'
              | 'onDarkTextPositiveActive'
              | 'onDarkTextWarningHover'
              | 'onDarkTextWarningActive'
              | 'onDarkTextNegativeHover'
              | 'onDarkTextNegativeActive'
              | 'onDarkTextInfoHover'
              | 'onDarkTextInfoActive'
              | 'onDarkTextPositiveMinorHover'
              | 'onDarkTextPositiveMinorActive'
              | 'onDarkTextWarningMinorHover'
              | 'onDarkTextWarningMinorActive'
              | 'onDarkTextNegativeMinorHover'
              | 'onDarkTextNegativeMinorActive'
              | 'onDarkTextInfoMinorHover'
              | 'onDarkTextInfoMinorActive'
              | 'onDarkTextPrimary'
              | 'onDarkTextPrimaryBrightness'
              | 'onDarkTextSecondary'
              | 'onDarkTextTertiary'
              | 'onDarkTextParagraph'
              | 'onDarkTextAccent'
              | 'onDarkTextAccentMinor'
              | 'onDarkTextPositive'
              | 'onDarkTextWarning'
              | 'onDarkTextNegative'
              | 'onDarkTextInfo'
              | 'onDarkTextPositiveMinor'
              | 'onDarkTextWarningMinor'
              | 'onDarkTextNegativeMinor'
              | 'onDarkTextInfoMinor'
              | 'onLightTextPrimaryHover'
              | 'onLightTextPrimaryActive'
              | 'onLightTextSecondaryHover'
              | 'onLightTextSecondaryActive'
              | 'onLightTextTertiaryHover'
              | 'onLightTextTertiaryActive'
              | 'onLightTextParagraphHover'
              | 'onLightTextParagraphActive'
              | 'onLightTextAccentHover'
              | 'onLightTextAccentActive'
              | 'onLightTextAccentMinorHover'
              | 'onLightTextAccentMinorActive'
              | 'onLightTextPositiveHover'
              | 'onLightTextPositiveActive'
              | 'onLightTextWarningHover'
              | 'onLightTextWarningActive'
              | 'onLightTextNegativeHover'
              | 'onLightTextNegativeActive'
              | 'onLightTextInfoHover'
              | 'onLightTextInfoActive'
              | 'onLightTextPositiveMinorHover'
              | 'onLightTextPositiveMinorActive'
              | 'onLightTextWarningMinorHover'
              | 'onLightTextWarningMinorActive'
              | 'onLightTextNegativeMinorHover'
              | 'onLightTextNegativeMinorActive'
              | 'onLightTextInfoMinorHover'
              | 'onLightTextInfoMinorActive'
              | 'onLightTextPrimary'
              | 'onLightTextPrimaryBrightness'
              | 'onLightTextSecondary'
              | 'onLightTextTertiary'
              | 'onLightTextParagraph'
              | 'onLightTextAccent'
              | 'onLightTextAccentMinor'
              | 'onLightTextPositive'
              | 'onLightTextWarning'
              | 'onLightTextNegative'
              | 'onLightTextInfo'
              | 'onLightTextPositiveMinor'
              | 'onLightTextWarningMinor'
              | 'onLightTextNegativeMinor'
              | 'onLightTextInfoMinor'
              | 'inverseTextPrimaryHover'
              | 'inverseTextPrimaryActive'
              | 'inverseTextSecondaryHover'
              | 'inverseTextSecondaryActive'
              | 'inverseTextTertiaryHover'
              | 'inverseTextTertiaryActive'
              | 'inverseTextParagraphHover'
              | 'inverseTextParagraphActive'
              | 'inverseTextAccentHover'
              | 'inverseTextAccentActive'
              | 'inverseTextAccentMinorHover'
              | 'inverseTextAccentMinorActive'
              | 'inverseTextPositiveHover'
              | 'inverseTextPositiveActive'
              | 'inverseTextWarningHover'
              | 'inverseTextWarningActive'
              | 'inverseTextNegativeHover'
              | 'inverseTextNegativeActive'
              | 'inverseTextInfoHover'
              | 'inverseTextInfoActive'
              | 'inverseTextPositiveMinorHover'
              | 'inverseTextPositiveMinorActive'
              | 'inverseTextWarningMinorHover'
              | 'inverseTextWarningMinorActive'
              | 'inverseTextNegativeMinorHover'
              | 'inverseTextNegativeMinorActive'
              | 'inverseTextInfoMinorHover'
              | 'inverseTextInfoMinorActive'
              | 'inverseTextPrimary'
              | 'inverseTextPrimaryBrightness'
              | 'inverseTextSecondary'
              | 'inverseTextTertiary'
              | 'inverseTextParagraph'
              | 'inverseTextAccent'
              | 'inverseTextAccentMinor'
              | 'inverseTextPositive'
              | 'inverseTextWarning'
              | 'inverseTextNegative'
              | 'inverseTextInfo'
              | 'inverseTextPositiveMinor'
              | 'inverseTextWarningMinor'
              | 'inverseTextNegativeMinor'
              | 'inverseTextInfoMinor'
              | 'surfaceSolidPrimaryHover'
              | 'surfaceSolidPrimaryActive'
              | 'surfaceSolidSecondaryHover'
              | 'surfaceSolidSecondaryActive'
              | 'surfaceSolidTertiaryHover'
              | 'surfaceSolidTertiaryActive'
              | 'surfaceSolidCardHover'
              | 'surfaceSolidCardActive'
              | 'surfaceSolidDefaultHover'
              | 'surfaceSolidDefaultActive'
              | 'surfaceTransparentPrimaryHover'
              | 'surfaceTransparentPrimaryActive'
              | 'surfaceTransparentSecondaryHover'
              | 'surfaceTransparentSecondaryActive'
              | 'surfaceTransparentTertiaryHover'
              | 'surfaceTransparentTertiaryActive'
              | 'surfaceTransparentDeepHover'
              | 'surfaceTransparentDeepActive'
              | 'surfaceTransparentCardHover'
              | 'surfaceTransparentCardActive'
              | 'surfaceClearHover'
              | 'surfaceClearActive'
              | 'surfaceAccentHover'
              | 'surfaceAccentActive'
              | 'surfaceAccentMinorHover'
              | 'surfaceAccentMinorActive'
              | 'surfaceTransparentAccentHover'
              | 'surfaceTransparentAccentActive'
              | 'surfacePositiveHover'
              | 'surfacePositiveActive'
              | 'surfaceWarningHover'
              | 'surfaceWarningActive'
              | 'surfaceNegativeHover'
              | 'surfaceNegativeActive'
              | 'surfaceInfoHover'
              | 'surfaceInfoActive'
              | 'surfacePositiveMinorHover'
              | 'surfacePositiveMinorActive'
              | 'surfaceWarningMinorHover'
              | 'surfaceWarningMinorActive'
              | 'surfaceNegativeMinorHover'
              | 'surfaceNegativeMinorActive'
              | 'surfaceInfoMinorHover'
              | 'surfaceInfoMinorActive'
              | 'surfaceTransparentPositiveHover'
              | 'surfaceTransparentPositiveActive'
              | 'surfaceTransparentWarningHover'
              | 'surfaceTransparentWarningActive'
              | 'surfaceTransparentNegativeHover'
              | 'surfaceTransparentNegativeActive'
              | 'surfaceTransparentInfoHover'
              | 'surfaceTransparentInfoActive'
              | 'surfaceSolidCard'
              | 'surfaceSolidCardBrightness'
              | 'surfaceSolidPrimary'
              | 'surfaceSolidPrimaryBrightness'
              | 'surfaceSolidSecondary'
              | 'surfaceSolidTertiary'
              | 'surfaceSolidDefault'
              | 'surfaceTransparentCard'
              | 'surfaceTransparentCardBrightness'
              | 'surfaceTransparentPrimary'
              | 'surfaceTransparentSecondary'
              | 'surfaceTransparentTertiary'
              | 'surfaceTransparentDeep'
              | 'surfaceClear'
              | 'surfaceAccent'
              | 'surfaceAccentMinor'
              | 'surfaceTransparentAccent'
              | 'surfacePositive'
              | 'surfaceWarning'
              | 'surfaceNegative'
              | 'surfaceInfo'
              | 'surfacePositiveMinor'
              | 'surfaceWarningMinor'
              | 'surfaceNegativeMinor'
              | 'surfaceInfoMinor'
              | 'surfaceTransparentPositive'
              | 'surfaceTransparentWarning'
              | 'surfaceTransparentNegative'
              | 'surfaceTransparentInfo'
              | 'onDarkSurfaceSolidPrimaryHover'
              | 'onDarkSurfaceSolidPrimaryActive'
              | 'onDarkSurfaceSolidSecondaryHover'
              | 'onDarkSurfaceSolidSecondaryActive'
              | 'onDarkSurfaceSolidTertiaryHover'
              | 'onDarkSurfaceSolidTertiaryActive'
              | 'onDarkSurfaceSolidCardHover'
              | 'onDarkSurfaceSolidCardActive'
              | 'onDarkSurfaceSolidDefaultHover'
              | 'onDarkSurfaceSolidDefaultActive'
              | 'onDarkSurfaceTransparentPrimaryHover'
              | 'onDarkSurfaceTransparentPrimaryActive'
              | 'onDarkSurfaceTransparentSecondaryHover'
              | 'onDarkSurfaceTransparentSecondaryActive'
              | 'onDarkSurfaceTransparentTertiaryHover'
              | 'onDarkSurfaceTransparentTertiaryActive'
              | 'onDarkSurfaceTransparentDeepHover'
              | 'onDarkSurfaceTransparentDeepActive'
              | 'onDarkSurfaceTransparentCardHover'
              | 'onDarkSurfaceTransparentCardActive'
              | 'onDarkSurfaceClearHover'
              | 'onDarkSurfaceClearActive'
              | 'onDarkSurfaceAccentHover'
              | 'onDarkSurfaceAccentActive'
              | 'onDarkSurfaceAccentMinor'
              | 'onDarkSurfaceAccentMinorHover'
              | 'onDarkSurfaceAccentMinorActive'
              | 'onDarkSurfaceTransparentAccent'
              | 'onDarkSurfaceTransparentAccentHover'
              | 'onDarkSurfaceTransparentAccentActive'
              | 'onDarkSurfacePositive'
              | 'onDarkSurfacePositiveHover'
              | 'onDarkSurfacePositiveActive'
              | 'onDarkSurfaceWarning'
              | 'onDarkSurfaceWarningHover'
              | 'onDarkSurfaceWarningActive'
              | 'onDarkSurfaceNegative'
              | 'onDarkSurfaceNegativeHover'
              | 'onDarkSurfaceNegativeActive'
              | 'onDarkSurfaceInfo'
              | 'onDarkSurfaceInfoHover'
              | 'onDarkSurfaceInfoActive'
              | 'onDarkSurfacePositiveMinor'
              | 'onDarkSurfacePositiveMinorHover'
              | 'onDarkSurfacePositiveMinorActive'
              | 'onDarkSurfaceWarningMinor'
              | 'onDarkSurfaceWarningMinorHover'
              | 'onDarkSurfaceWarningMinorActive'
              | 'onDarkSurfaceNegativeMinor'
              | 'onDarkSurfaceNegativeMinorHover'
              | 'onDarkSurfaceNegativeMinorActive'
              | 'onDarkSurfaceInfoMinor'
              | 'onDarkSurfaceInfoMinorHover'
              | 'onDarkSurfaceInfoMinorActive'
              | 'onDarkSurfaceTransparentPositive'
              | 'onDarkSurfaceTransparentPositiveHover'
              | 'onDarkSurfaceTransparentPositiveActive'
              | 'onDarkSurfaceTransparentWarning'
              | 'onDarkSurfaceTransparentWarningHover'
              | 'onDarkSurfaceTransparentWarningActive'
              | 'onDarkSurfaceTransparentNegative'
              | 'onDarkSurfaceTransparentNegativeHover'
              | 'onDarkSurfaceTransparentNegativeActive'
              | 'onDarkSurfaceTransparentInfo'
              | 'onDarkSurfaceTransparentInfoHover'
              | 'onDarkSurfaceTransparentInfoActive'
              | 'onDarkSurfaceSolidPrimary'
              | 'onDarkSurfaceSolidPrimaryBrightness'
              | 'onDarkSurfaceSolidSecondary'
              | 'onDarkSurfaceSolidTertiary'
              | 'onDarkSurfaceSolidCard'
              | 'onDarkSurfaceSolidCardBrightness'
              | 'onDarkSurfaceSolidDefault'
              | 'onDarkSurfaceTransparentPrimary'
              | 'onDarkSurfaceTransparentSecondary'
              | 'onDarkSurfaceTransparentTertiary'
              | 'onDarkSurfaceTransparentDeep'
              | 'onDarkSurfaceTransparentCard'
              | 'onDarkSurfaceTransparentCardBrightness'
              | 'onDarkSurfaceAccent'
              | 'onDarkSurfaceClear'
              | 'onLightSurfaceSolidPrimaryHover'
              | 'onLightSurfaceSolidPrimaryActive'
              | 'onLightSurfaceSolidSecondaryHover'
              | 'onLightSurfaceSolidSecondaryActive'
              | 'onLightSurfaceSolidTertiaryHover'
              | 'onLightSurfaceSolidTertiaryActive'
              | 'onLightSurfaceSolidCardHover'
              | 'onLightSurfaceSolidCardActive'
              | 'onLightSurfaceSolidDefaultHover'
              | 'onLightSurfaceSolidDefaultActive'
              | 'onLightSurfaceTransparentPrimaryHover'
              | 'onLightSurfaceTransparentPrimaryActive'
              | 'onLightSurfaceTransparentSecondaryHover'
              | 'onLightSurfaceTransparentSecondaryActive'
              | 'onLightSurfaceTransparentTertiaryHover'
              | 'onLightSurfaceTransparentTertiaryActive'
              | 'onLightSurfaceTransparentDeepHover'
              | 'onLightSurfaceTransparentDeepActive'
              | 'onLightSurfaceTransparentCardHover'
              | 'onLightSurfaceTransparentCardActive'
              | 'onLightSurfaceClear'
              | 'onLightSurfaceClearHover'
              | 'onLightSurfaceClearActive'
              | 'onLightSurfaceAccentHover'
              | 'onLightSurfaceAccentActive'
              | 'onLightSurfaceAccentMinorHover'
              | 'onLightSurfaceAccentMinorActive'
              | 'onLightSurfaceTransparentAccentHover'
              | 'onLightSurfaceTransparentAccentActive'
              | 'onLightSurfacePositiveHover'
              | 'onLightSurfacePositiveActive'
              | 'onLightSurfaceWarningHover'
              | 'onLightSurfaceWarningActive'
              | 'onLightSurfaceNegativeHover'
              | 'onLightSurfaceNegativeActive'
              | 'onLightSurfaceInfoHover'
              | 'onLightSurfaceInfoActive'
              | 'onLightSurfacePositiveMinorHover'
              | 'onLightSurfacePositiveMinorActive'
              | 'onLightSurfaceWarningMinorHover'
              | 'onLightSurfaceWarningMinorActive'
              | 'onLightSurfaceNegativeMinorHover'
              | 'onLightSurfaceNegativeMinorActive'
              | 'onLightSurfaceInfoMinorHover'
              | 'onLightSurfaceInfoMinorActive'
              | 'onLightSurfaceTransparentPositiveHover'
              | 'onLightSurfaceTransparentPositiveActive'
              | 'onLightSurfaceTransparentWarningHover'
              | 'onLightSurfaceTransparentWarningActive'
              | 'onLightSurfaceTransparentNegativeHover'
              | 'onLightSurfaceTransparentNegativeActive'
              | 'onLightSurfaceTransparentInfoHover'
              | 'onLightSurfaceTransparentInfoActive'
              | 'onLightSurfaceSolidPrimary'
              | 'onLightSurfaceSolidPrimaryBrightness'
              | 'onLightSurfaceSolidSecondary'
              | 'onLightSurfaceSolidTertiary'
              | 'onLightSurfaceSolidCard'
              | 'onLightSurfaceSolidCardBrightness'
              | 'onLightSurfaceSolidDefault'
              | 'onLightSurfaceTransparentPrimary'
              | 'onLightSurfaceTransparentSecondary'
              | 'onLightSurfaceTransparentTertiary'
              | 'onLightSurfaceTransparentDeep'
              | 'onLightSurfaceTransparentCard'
              | 'onLightSurfaceTransparentCardBrightness'
              | 'onLightSurfaceAccent'
              | 'onLightSurfaceAccentMinor'
              | 'onLightSurfaceTransparentAccent'
              | 'onLightSurfacePositive'
              | 'onLightSurfaceWarning'
              | 'onLightSurfaceNegative'
              | 'onLightSurfaceInfo'
              | 'onLightSurfacePositiveMinor'
              | 'onLightSurfaceWarningMinor'
              | 'onLightSurfaceNegativeMinor'
              | 'onLightSurfaceInfoMinor'
              | 'onLightSurfaceTransparentPositive'
              | 'onLightSurfaceTransparentWarning'
              | 'onLightSurfaceTransparentNegative'
              | 'onLightSurfaceTransparentInfo'
              | 'inverseSurfaceSolidPrimaryHover'
              | 'inverseSurfaceSolidPrimaryActive'
              | 'inverseSurfaceSolidSecondaryHover'
              | 'inverseSurfaceSolidSecondaryActive'
              | 'inverseSurfaceSolidTertiaryHover'
              | 'inverseSurfaceSolidTertiaryActive'
              | 'inverseSurfaceSolidCardHover'
              | 'inverseSurfaceSolidCardActive'
              | 'inverseSurfaceSolidDefaultHover'
              | 'inverseSurfaceSolidDefaultActive'
              | 'inverseSurfaceTransparentPrimaryHover'
              | 'inverseSurfaceTransparentPrimaryActive'
              | 'inverseSurfaceTransparentSecondaryHover'
              | 'inverseSurfaceTransparentSecondaryActive'
              | 'inverseSurfaceTransparentTertiaryHover'
              | 'inverseSurfaceTransparentTertiaryActive'
              | 'inverseSurfaceTransparentDeepHover'
              | 'inverseSurfaceTransparentDeepActive'
              | 'inverseSurfaceTransparentCardHover'
              | 'inverseSurfaceTransparentCardActive'
              | 'inverseSurfaceClear'
              | 'inverseSurfaceClearHover'
              | 'inverseSurfaceClearActive'
              | 'inverseSurfaceAccentHover'
              | 'inverseSurfaceAccentActive'
              | 'inverseSurfaceAccentMinorHover'
              | 'inverseSurfaceAccentMinorActive'
              | 'inverseSurfaceTransparentAccentHover'
              | 'inverseSurfaceTransparentAccentActive'
              | 'inverseSurfacePositiveHover'
              | 'inverseSurfacePositiveActive'
              | 'inverseSurfaceWarningHover'
              | 'inverseSurfaceWarningActive'
              | 'inverseSurfaceNegativeHover'
              | 'inverseSurfaceNegativeActive'
              | 'inverseSurfaceInfoHover'
              | 'inverseSurfaceInfoActive'
              | 'inverseSurfacePositiveMinorHover'
              | 'inverseSurfacePositiveMinorActive'
              | 'inverseSurfaceWarningMinorHover'
              | 'inverseSurfaceWarningMinorActive'
              | 'inverseSurfaceNegativeMinorHover'
              | 'inverseSurfaceNegativeMinorActive'
              | 'inverseSurfaceInfoMinorHover'
              | 'inverseSurfaceInfoMinorActive'
              | 'inverseSurfaceTransparentPositiveHover'
              | 'inverseSurfaceTransparentPositiveActive'
              | 'inverseSurfaceTransparentWarningHover'
              | 'inverseSurfaceTransparentWarningActive'
              | 'inverseSurfaceTransparentNegativeHover'
              | 'inverseSurfaceTransparentNegativeActive'
              | 'inverseSurfaceTransparentInfoHover'
              | 'inverseSurfaceTransparentInfoActive'
              | 'inverseSurfaceSolidPrimary'
              | 'inverseSurfaceSolidPrimaryBrightness'
              | 'inverseSurfaceSolidSecondary'
              | 'inverseSurfaceSolidTertiary'
              | 'inverseSurfaceSolidDefault'
              | 'inverseSurfaceSolidCard'
              | 'inverseSurfaceSolidCardBrightness'
              | 'inverseSurfaceTransparentCard'
              | 'inverseSurfaceTransparentCardBrightness'
              | 'inverseSurfaceTransparentPrimary'
              | 'inverseSurfaceTransparentSecondary'
              | 'inverseSurfaceTransparentTertiary'
              | 'inverseSurfaceTransparentDeep'
              | 'inverseSurfaceAccent'
              | 'inverseSurfaceAccentMinor'
              | 'inverseSurfaceTransparentAccent'
              | 'inverseSurfacePositive'
              | 'inverseSurfaceWarning'
              | 'inverseSurfaceNegative'
              | 'inverseSurfaceInfo'
              | 'inverseSurfacePositiveMinor'
              | 'inverseSurfaceWarningMinor'
              | 'inverseSurfaceNegativeMinor'
              | 'inverseSurfaceInfoMinor'
              | 'inverseSurfaceTransparentPositive'
              | 'inverseSurfaceTransparentWarning'
              | 'inverseSurfaceTransparentNegative'
              | 'inverseSurfaceTransparentInfo'
              | 'backgroundPrimary'
              | 'backgroundPrimaryBrightness'
              | 'darkBackgroundPrimary'
              | 'lightBackgroundPrimary'
              | 'inverseBackgroundPrimary'
              | 'inverseBackgroundPrimaryBrightness'
              | 'overlayHard'
              | 'overlaySoft'
              | 'overlayBlur'
              | 'onDarkOverlayHard'
              | 'onDarkOverlaySoft'
              | 'onDarkOverlayBlur'
              | 'onLightOverlayHard'
              | 'onLightOverlaySoft'
              | 'onLightOverlayBlur'
              | 'inverseOverlayHard'
              | 'inverseOverlaySoft'
              | 'inverseOverlayBlur'
              | 'outlineSolidPrimaryHover'
              | 'outlineSolidPrimaryActive'
              | 'outlineSolidSecondaryHover'
              | 'outlineSolidSecondaryActive'
              | 'outlineSolidTertiaryHover'
              | 'outlineSolidTertiaryActive'
              | 'outlineTransparentDefaultHover'
              | 'outlineTransparentDefaultActive'
              | 'outlineTransparentPrimary'
              | 'outlineTransparentPrimaryHover'
              | 'outlineTransparentPrimaryActive'
              | 'outlineTransparentSecondary'
              | 'outlineTransparentSecondaryHover'
              | 'outlineTransparentSecondaryActive'
              | 'outlineTransparentTertiary'
              | 'outlineTransparentTertiaryHover'
              | 'outlineTransparentTertiaryActive'
              | 'outlineClear'
              | 'outlineClearHover'
              | 'outlineClearActive'
              | 'outlineAccentHover'
              | 'outlineAccentActive'
              | 'outlineAccentMinorHover'
              | 'outlineAccentMinorActive'
              | 'outlineTransparentAccentHover'
              | 'outlineTransparentAccentActive'
              | 'outlinePositiveHover'
              | 'outlinePositiveActive'
              | 'outlineWarningHover'
              | 'outlineWarningActive'
              | 'outlineNegativeHover'
              | 'outlineNegativeActive'
              | 'outlineInfoHover'
              | 'outlineInfoActive'
              | 'outlinePositiveMinorHover'
              | 'outlinePositiveMinorActive'
              | 'outlineWarningMinorHover'
              | 'outlineWarningMinorActive'
              | 'outlineNegativeMinorHover'
              | 'outlineNegativeMinorActive'
              | 'outlineInfoMinorHover'
              | 'outlineInfoMinorActive'
              | 'outlineTransparentPositiveHover'
              | 'outlineTransparentPositiveActive'
              | 'outlineTransparentWarningHover'
              | 'outlineTransparentWarningActive'
              | 'outlineTransparentNegativeHover'
              | 'outlineTransparentNegativeActive'
              | 'outlineTransparentInfoHover'
              | 'outlineTransparentInfoActive'
              | 'outlineSolidPrimary'
              | 'outlineSolidSecondary'
              | 'outlineSolidTertiary'
              | 'outlineTransparentDefault'
              | 'outlineAccent'
              | 'outlineAccentMinor'
              | 'outlineTransparentAccent'
              | 'outlinePositive'
              | 'outlineWarning'
              | 'outlineNegative'
              | 'outlineInfo'
              | 'outlinePositiveMinor'
              | 'outlineWarningMinor'
              | 'outlineNegativeMinor'
              | 'outlineInfoMinor'
              | 'outlineTransparentPositive'
              | 'outlineTransparentWarning'
              | 'outlineTransparentNegative'
              | 'outlineTransparentInfo'
              | 'onDarkOutlineSolidPrimaryHover'
              | 'onDarkOutlineSolidPrimaryActive'
              | 'onDarkOutlineSolidSecondaryHover'
              | 'onDarkOutlineSolidSecondaryActive'
              | 'onDarkOutlineSolidTertiaryHover'
              | 'onDarkOutlineSolidTertiaryActive'
              | 'onDarkOutlineTransparentDefaultHover'
              | 'onDarkOutlineTransparentDefaultActive'
              | 'onDarkOutlineTransparentPrimary'
              | 'onDarkOutlineTransparentPrimaryHover'
              | 'onDarkOutlineTransparentPrimaryActive'
              | 'onDarkOutlineTransparentSecondary'
              | 'onDarkOutlineTransparentSecondaryHover'
              | 'onDarkOutlineTransparentSecondaryActive'
              | 'onDarkOutlineTransparentTertiary'
              | 'onDarkOutlineTransparentTertiaryHover'
              | 'onDarkOutlineTransparentTertiaryActive'
              | 'onDarkOutlineClear'
              | 'onDarkOutlineClearHover'
              | 'onDarkOutlineClearActive'
              | 'onDarkOutlineAccentHover'
              | 'onDarkOutlineAccentActive'
              | 'onDarkOutlineAccentMinorHover'
              | 'onDarkOutlineAccentMinorActive'
              | 'onDarkOutlineTransparentAccentHover'
              | 'onDarkOutlineTransparentAccentActive'
              | 'onDarkOutlinePositiveHover'
              | 'onDarkOutlinePositiveActive'
              | 'onDarkOutlineWarningHover'
              | 'onDarkOutlineWarningActive'
              | 'onDarkOutlineNegativeHover'
              | 'onDarkOutlineNegativeActive'
              | 'onDarkOutlineInfoHover'
              | 'onDarkOutlineInfoActive'
              | 'onDarkOutlinePositiveMinorHover'
              | 'onDarkOutlinePositiveMinorActive'
              | 'onDarkOutlineWarningMinorHover'
              | 'onDarkOutlineWarningMinorActive'
              | 'onDarkOutlineNegativeMinorHover'
              | 'onDarkOutlineNegativeMinorActive'
              | 'onDarkOutlineInfoMinorHover'
              | 'onDarkOutlineInfoMinorActive'
              | 'onDarkOutlineTransparentPositiveHover'
              | 'onDarkOutlineTransparentPositiveActive'
              | 'onDarkOutlineTransparentWarningHover'
              | 'onDarkOutlineTransparentWarningActive'
              | 'onDarkOutlineTransparentNegativeHover'
              | 'onDarkOutlineTransparentNegativeActive'
              | 'onDarkOutlineTransparentInfoHover'
              | 'onDarkOutlineTransparentInfoActive'
              | 'onDarkOutlineSolidPrimary'
              | 'onDarkOutlineSolidSecondary'
              | 'onDarkOutlineSolidTertiary'
              | 'onDarkOutlineTransparentDefault'
              | 'onDarkOutlineAccent'
              | 'onDarkOutlineTransparentAccent'
              | 'onDarkOutlineAccentMinor'
              | 'onDarkOutlinePositive'
              | 'onDarkOutlineWarning'
              | 'onDarkOutlineNegative'
              | 'onDarkOutlineInfo'
              | 'onDarkOutlinePositiveMinor'
              | 'onDarkOutlineWarningMinor'
              | 'onDarkOutlineNegativeMinor'
              | 'onDarkOutlineInfoMinor'
              | 'onDarkOutlineTransparentPositive'
              | 'onDarkOutlineTransparentWarning'
              | 'onDarkOutlineTransparentNegative'
              | 'onDarkOutlineTransparentInfo'
              | 'onLightOutlineSolidPrimaryHover'
              | 'onLightOutlineSolidPrimaryActive'
              | 'onLightOutlineSolidSecondaryHover'
              | 'onLightOutlineSolidSecondaryActive'
              | 'onLightOutlineSolidTertiaryHover'
              | 'onLightOutlineSolidTertiaryActive'
              | 'onLightOutlineTransparentDefaultHover'
              | 'onLightOutlineTransparentDefaultActive'
              | 'onLightOutlineTransparentPrimary'
              | 'onLightOutlineTransparentPrimaryHover'
              | 'onLightOutlineTransparentPrimaryActive'
              | 'onLightOutlineTransparentSecondary'
              | 'onLightOutlineTransparentSecondaryHover'
              | 'onLightOutlineTransparentSecondaryActive'
              | 'onLightOutlineTransparentTertiary'
              | 'onLightOutlineTransparentTertiaryHover'
              | 'onLightOutlineTransparentTertiaryActive'
              | 'onLightOutlineClear'
              | 'onLightOutlineClearHover'
              | 'onLightOutlineClearActive'
              | 'onLightOutlineAccentHover'
              | 'onLightOutlineAccentActive'
              | 'onLightOutlineAccentMinorHover'
              | 'onLightOutlineAccentMinorActive'
              | 'onLightOutlineTransparentAccentHover'
              | 'onLightOutlineTransparentAccentActive'
              | 'onLightOutlinePositiveHover'
              | 'onLightOutlinePositiveActive'
              | 'onLightOutlineWarningHover'
              | 'onLightOutlineWarningActive'
              | 'onLightOutlineNegativeHover'
              | 'onLightOutlineNegativeActive'
              | 'onLightOutlineInfoHover'
              | 'onLightOutlineInfoActive'
              | 'onLightOutlinePositiveMinorHover'
              | 'onLightOutlinePositiveMinorActive'
              | 'onLightOutlineWarningMinorHover'
              | 'onLightOutlineWarningMinorActive'
              | 'onLightOutlineNegativeMinorHover'
              | 'onLightOutlineNegativeMinorActive'
              | 'onLightOutlineInfoMinorHover'
              | 'onLightOutlineInfoMinorActive'
              | 'onLightOutlineTransparentPositiveHover'
              | 'onLightOutlineTransparentPositiveActive'
              | 'onLightOutlineTransparentWarningHover'
              | 'onLightOutlineTransparentWarningActive'
              | 'onLightOutlineTransparentNegativeHover'
              | 'onLightOutlineTransparentNegativeActive'
              | 'onLightOutlineTransparentInfoHover'
              | 'onLightOutlineTransparentInfoActive'
              | 'onLightOutlineSolidPrimary'
              | 'onLightOutlineSolidSecondary'
              | 'onLightOutlineSolidTertiary'
              | 'onLightOutlineTransparentDefault'
              | 'onLightOutlineAccent'
              | 'onLightOutlineAccentMinor'
              | 'onLightOutlineTransparentAccent'
              | 'onLightOutlinePositive'
              | 'onLightOutlineWarning'
              | 'onLightOutlineNegative'
              | 'onLightOutlineInfo'
              | 'onLightOutlinePositiveMinor'
              | 'onLightOutlineWarningMinor'
              | 'onLightOutlineNegativeMinor'
              | 'onLightOutlineInfoMinor'
              | 'onLightOutlineTransparentPositive'
              | 'onLightOutlineTransparentWarning'
              | 'onLightOutlineTransparentNegative'
              | 'onLightOutlineTransparentInfo'
              | 'inverseOutlineSolidPrimaryHover'
              | 'inverseOutlineSolidPrimaryActive'
              | 'inverseOutlineSolidSecondaryHover'
              | 'inverseOutlineSolidSecondaryActive'
              | 'inverseOutlineSolidTertiaryHover'
              | 'inverseOutlineSolidTertiaryActive'
              | 'inverseOutlineTransparentDefaultHover'
              | 'inverseOutlineTransparentDefaultActive'
              | 'inverseOutlineTransparentPrimary'
              | 'inverseOutlineTransparentPrimaryHover'
              | 'inverseOutlineTransparentPrimaryActive'
              | 'inverseOutlineTransparentSecondary'
              | 'inverseOutlineTransparentSecondaryHover'
              | 'inverseOutlineTransparentSecondaryActive'
              | 'inverseOutlineTransparentTertiary'
              | 'inverseOutlineTransparentTertiaryHover'
              | 'inverseOutlineTransparentTertiaryActive'
              | 'inverseOutlineClear'
              | 'inverseOutlineClearHover'
              | 'inverseOutlineClearActive'
              | 'inverseOutlineAccentHover'
              | 'inverseOutlineAccentActive'
              | 'inverseOutlineAccentMinorHover'
              | 'inverseOutlineAccentMinorActive'
              | 'inverseOutlineTransparentAccentHover'
              | 'inverseOutlineTransparentAccentActive'
              | 'inverseOutlinePositiveHover'
              | 'inverseOutlinePositiveActive'
              | 'inverseOutlineWarningHover'
              | 'inverseOutlineWarningActive'
              | 'inverseOutlineNegativeHover'
              | 'inverseOutlineNegativeActive'
              | 'inverseOutlineInfoHover'
              | 'inverseOutlineInfoActive'
              | 'inverseOutlinePositiveMinorHover'
              | 'inverseOutlinePositiveMinorActive'
              | 'inverseOutlineWarningMinorHover'
              | 'inverseOutlineWarningMinorActive'
              | 'inverseOutlineNegativeMinorHover'
              | 'inverseOutlineNegativeMinorActive'
              | 'inverseOutlineInfoMinorHover'
              | 'inverseOutlineInfoMinorActive'
              | 'inverseOutlineTransparentPositiveHover'
              | 'inverseOutlineTransparentPositiveActive'
              | 'inverseOutlineTransparentWarningHover'
              | 'inverseOutlineTransparentWarningActive'
              | 'inverseOutlineTransparentNegativeHover'
              | 'inverseOutlineTransparentNegativeActive'
              | 'inverseOutlineTransparentInfoHover'
              | 'inverseOutlineTransparentInfoActive'
              | 'inverseOutlineSolidPrimary'
              | 'inverseOutlineSolidSecondary'
              | 'inverseOutlineSolidTertiary'
              | 'inverseOutlineTransparentDefault'
              | 'inverseOutlineAccent'
              | 'inverseOutlineAccentMinor'
              | 'inverseOutlineTransparentAccent'
              | 'inverseOutlinePositive'
              | 'inverseOutlineWarning'
              | 'inverseOutlineNegative'
              | 'inverseOutlineInfo'
              | 'inverseOutlinePositiveMinor'
              | 'inverseOutlineWarningMinor'
              | 'inverseOutlineNegativeMinor'
              | 'inverseOutlineInfoMinor'
              | 'inverseOutlineTransparentPositive'
              | 'inverseOutlineTransparentWarning'
              | 'inverseOutlineTransparentNegative'
              | 'inverseOutlineTransparentInfo'
              | 'dataYellow'
              | 'dataYellowHover'
              | 'dataYellowActive'
              | 'dataYellowMinor'
              | 'dataYellowMinorHover'
              | 'dataYellowMinorActive'
              | 'dataYellowTransparent'
              | 'dataYellowTransparentHover'
              | 'dataYellowTransparentActive'
              | 'onDarkDataYellow'
              | 'onDarkDataYellowHover'
              | 'onDarkDataYellowActive'
              | 'onDarkDataYellowMinor'
              | 'onDarkDataYellowMinorHover'
              | 'onDarkDataYellowMinorActive'
              | 'onDarkDataYellowTransparent'
              | 'onDarkDataYellowTransparentHover'
              | 'onDarkDataYellowTransparentActive'
              | 'onLightDataYellow'
              | 'onLightDataYellowHover'
              | 'onLightDataYellowActive'
              | 'onLightDataYellowMinor'
              | 'onLightDataYellowMinorHover'
              | 'onLightDataYellowMinorActive'
              | 'onLightDataYellowTransparent'
              | 'onLightDataYellowTransparentHover'
              | 'onLightDataYellowTransparentActive'
              | 'inverseDataYellow'
              | 'inverseDataYellowHover'
              | 'inverseDataYellowActive'
              | 'inverseDataYellowMinor'
              | 'inverseDataYellowMinorHover'
              | 'inverseDataYellowMinorActive'
              | 'inverseDataYellowTransparent'
              | 'inverseDataYellowTransparentHover'
              | 'inverseDataYellowTransparentActive'
              | 'surfaceSkeletonGradient'
              | 'surfaceSkeletonGradientHover'
              | 'surfaceSkeletonGradientActive'
              | 'surfaceSkeletonDeepGradient'
              | 'surfaceSkeletonDeepGradientHover'
              | 'surfaceSkeletonDeepGradientActive'
              | 'onDarkSurfaceSkeletonGradient'
              | 'onDarkSurfaceSkeletonGradientHover'
              | 'onDarkSurfaceSkeletonGradientActive'
              | 'onDarkSurfaceSkeletonDeepGradient'
              | 'onDarkSurfaceSkeletonDeepGradientHover'
              | 'onDarkSurfaceSkeletonDeepGradientActive'
              | 'onLightSurfaceSkeletonGradient'
              | 'onLightSurfaceSkeletonGradientHover'
              | 'onLightSurfaceSkeletonGradientActive'
              | 'onLightSurfaceSkeletonDeepGradient'
              | 'onLightSurfaceSkeletonDeepGradientHover'
              | 'onLightSurfaceSkeletonDeepGradientActive'
              | 'inverseSurfaceSkeletonGradient'
              | 'inverseSurfaceSkeletonGradientHover'
              | 'inverseSurfaceSkeletonGradientActive'
              | 'inverseSurfaceSkeletonDeepGradient'
              | 'inverseSurfaceSkeletonDeepGradientHover'
              | 'inverseSurfaceSkeletonDeepGradientActive'
          )
        | undefined;
    shadow?:
        | 'shadowDownSoftS'
        | 'shadowDownSoftM'
        | 'shadowDownSoftL'
        | 'shadowDownHardS'
        | 'shadowDownHardM'
        | 'shadowDownHardL'
        | 'shadowUpSoftS'
        | 'shadowUpSoftM'
        | 'shadowUpSoftL'
        | 'shadowUpHardS'
        | 'shadowUpHardM'
        | 'shadowUpHardL'
        | undefined;
    borderRadius?:
        | 'borderRadiusXxs'
        | 'borderRadiusXs'
        | 'borderRadiusS'
        | 'borderRadiusM'
        | 'borderRadiusL'
        | 'borderRadiusXl'
        | 'borderRadiusXxl'
        | undefined;
    styles?: CSSProperties | undefined;
}) => CSSProperties;

// @public
export const Attach: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
            success: PolymorphicClassName;
            warning: PolymorphicClassName;
            critical: PolymorphicClassName;
            dark: PolymorphicClassName;
            black: PolymorphicClassName;
            white: PolymorphicClassName;
        };
        helperTextView: {
            default: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        (
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & BaseAttachProps & {
                      buttonType?: 'button' | undefined;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & BaseAttachProps & {
                      buttonType?: 'button' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & BaseAttachProps & {
                      buttonType?: 'iconButton' | undefined;
                      icon?: ReactNode;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & BaseAttachProps & {
                      buttonType?: 'iconButton' | undefined;
                      icon?: ReactNode;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & BaseAttachProps & {
                      buttonType?: 'button' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & BaseAttachProps & {
                      buttonType?: 'button' | undefined;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & BaseAttachProps & {
                      buttonType?: 'iconButton' | undefined;
                      icon?: ReactNode;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> &
                  Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & BaseAttachProps & {
                      buttonType?: 'iconButton' | undefined;
                      icon?: ReactNode;
                  } & RefAttributes<HTMLDivElement>)
        )
>;

// @public (undocumented)
export const Autocomplete: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        labelPlacement: {
            inner: PolymorphicClassName;
            outer: PolymorphicClassName;
        };
        hintView: {
            default: PolymorphicClassName;
        };
        hintSize: {
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        readOnly: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: boolean | undefined;
                              hasDivider?: boolean | undefined;
                          } & {
                              hintText: string;
                              hintTrigger?: 'hover' | 'click' | undefined;
                              hintView?: string | undefined;
                              hintSize?: string | undefined;
                              hintTargetIcon?: ReactNode;
                              hintTargetPlacement?: 'outer' | 'inner' | undefined;
                              hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                              hintHasArrow?: boolean | undefined;
                              hintOffset?: [number, number] | undefined;
                              hintWidth?: string | undefined;
                              hintContentLeft?: ReactNode;
                          } & {
                              chips?: undefined;
                              onChangeChips?: undefined;
                              enumerationType?: 'plain' | undefined;
                              onSearch?:
                                  | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                                  | undefined;
                              chipType?: undefined;
                              chipView?: undefined;
                              chipValidator?: undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: boolean | undefined;
                              hasDivider?: boolean | undefined;
                          } & {
                              hintText: string;
                              hintTrigger?: 'hover' | 'click' | undefined;
                              hintView?: string | undefined;
                              hintSize?: string | undefined;
                              hintTargetIcon?: ReactNode;
                              hintTargetPlacement?: 'outer' | 'inner' | undefined;
                              hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                              hintHasArrow?: boolean | undefined;
                              hintOffset?: [number, number] | undefined;
                              hintWidth?: string | undefined;
                              hintContentLeft?: ReactNode;
                          } & {
                              enumerationType: 'chip';
                              onSearch?: undefined;
                              chips?: TextFieldPrimitiveValue[] | undefined;
                              onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                              chipType?: 'default' | 'text' | undefined;
                              chipView?: string | undefined;
                              chipValidator?:
                                  | ((
                                        value: string,
                                    ) => {
                                        view?: string | undefined;
                                    })
                                  | undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: boolean | undefined;
                              hasDivider?: boolean | undefined;
                          } & {
                              hintTrigger?: undefined;
                              hintText?: undefined;
                              hintView?: undefined;
                              hintSize?: undefined;
                              hintTargetIcon?: undefined;
                              hintTargetPlacement?: undefined;
                              hintPlacement?: undefined;
                              hintHasArrow?: undefined;
                              hintOffset?: undefined;
                              hintWidth?: undefined;
                              hintContentLeft?: undefined;
                          } & {
                              chips?: undefined;
                              onChangeChips?: undefined;
                              enumerationType?: 'plain' | undefined;
                              onSearch?:
                                  | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                                  | undefined;
                              chipType?: undefined;
                              chipView?: undefined;
                              chipValidator?: undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: boolean | undefined;
                              hasDivider?: boolean | undefined;
                          } & {
                              hintTrigger?: undefined;
                              hintText?: undefined;
                              hintView?: undefined;
                              hintSize?: undefined;
                              hintTargetIcon?: undefined;
                              hintTargetPlacement?: undefined;
                              hintPlacement?: undefined;
                              hintHasArrow?: undefined;
                              hintOffset?: undefined;
                              hintWidth?: undefined;
                              hintContentLeft?: undefined;
                          } & {
                              enumerationType: 'chip';
                              onSearch?: undefined;
                              chips?: TextFieldPrimitiveValue[] | undefined;
                              onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                              chipType?: 'default' | 'text' | undefined;
                              chipView?: string | undefined;
                              chipValidator?:
                                  | ((
                                        value: string,
                                    ) => {
                                        view?: string | undefined;
                                    })
                                  | undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: false | undefined;
                              hasDivider?: undefined;
                          } & {
                              hintText: string;
                              hintTrigger?: 'hover' | 'click' | undefined;
                              hintView?: string | undefined;
                              hintSize?: string | undefined;
                              hintTargetIcon?: ReactNode;
                              hintTargetPlacement?: 'outer' | 'inner' | undefined;
                              hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                              hintHasArrow?: boolean | undefined;
                              hintOffset?: [number, number] | undefined;
                              hintWidth?: string | undefined;
                              hintContentLeft?: ReactNode;
                          } & {
                              chips?: undefined;
                              onChangeChips?: undefined;
                              enumerationType?: 'plain' | undefined;
                              onSearch?:
                                  | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                                  | undefined;
                              chipType?: undefined;
                              chipView?: undefined;
                              chipValidator?: undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: false | undefined;
                              hasDivider?: undefined;
                          } & {
                              hintText: string;
                              hintTrigger?: 'hover' | 'click' | undefined;
                              hintView?: string | undefined;
                              hintSize?: string | undefined;
                              hintTargetIcon?: ReactNode;
                              hintTargetPlacement?: 'outer' | 'inner' | undefined;
                              hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                              hintHasArrow?: boolean | undefined;
                              hintOffset?: [number, number] | undefined;
                              hintWidth?: string | undefined;
                              hintContentLeft?: ReactNode;
                          } & {
                              enumerationType: 'chip';
                              onSearch?: undefined;
                              chips?: TextFieldPrimitiveValue[] | undefined;
                              onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                              chipType?: 'default' | 'text' | undefined;
                              chipView?: string | undefined;
                              chipValidator?:
                                  | ((
                                        value: string,
                                    ) => {
                                        view?: string | undefined;
                                    })
                                  | undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: false | undefined;
                              hasDivider?: undefined;
                          } & {
                              hintTrigger?: undefined;
                              hintText?: undefined;
                              hintView?: undefined;
                              hintSize?: undefined;
                              hintTargetIcon?: undefined;
                              hintTargetPlacement?: undefined;
                              hintPlacement?: undefined;
                              hintHasArrow?: undefined;
                              hintOffset?: undefined;
                              hintWidth?: undefined;
                              hintContentLeft?: undefined;
                          } & {
                              chips?: undefined;
                              onChangeChips?: undefined;
                              enumerationType?: 'plain' | undefined;
                              onSearch?:
                                  | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                                  | undefined;
                              chipType?: undefined;
                              chipView?: undefined;
                              chipValidator?: undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | (BaseProps &
                  Omit<
                      {
                          titleCaption?: ReactNode;
                          leftHelper?: ReactNode;
                          contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                          textBefore?: string | undefined;
                          textAfter?: string | undefined;
                          onSearch?:
                              | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                              | undefined;
                      } & LabelProps &
                          RequiredProps & {
                              clear?: false | undefined;
                              hasDivider?: undefined;
                          } & {
                              hintTrigger?: undefined;
                              hintText?: undefined;
                              hintView?: undefined;
                              hintSize?: undefined;
                              hintTargetIcon?: undefined;
                              hintTargetPlacement?: undefined;
                              hintPlacement?: undefined;
                              hintHasArrow?: undefined;
                              hintOffset?: undefined;
                              hintWidth?: undefined;
                              hintContentLeft?: undefined;
                          } & {
                              enumerationType: 'chip';
                              onSearch?: undefined;
                              chips?: TextFieldPrimitiveValue[] | undefined;
                              onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                              chipType?: 'default' | 'text' | undefined;
                              chipView?: string | undefined;
                              chipValidator?:
                                  | ((
                                        value: string,
                                    ) => {
                                        view?: string | undefined;
                                    })
                                  | undefined;
                          },
                      | 'labelPlacement'
                      | 'chipView'
                      | 'chips'
                      | 'onChangeChips'
                      | 'enumerationType'
                      | 'chipType'
                      | 'chipValidator'
                  > &
                  Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
        )
>;

// @public (undocumented)
export const Avatar: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            xxl: PolymorphicClassName;
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            fit: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
        badgeView: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
        };
        counterView: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
        };
    }> &
        (
            | (HTMLAttributes<HTMLDivElement> & {
                  size?: string | undefined;
                  name?: string | undefined;
                  url?: string | undefined;
                  customText?: string | undefined;
                  status?: 'active' | 'inactive' | undefined;
                  isScalable?: boolean | undefined;
                  focused?: boolean | undefined;
                  statusLabels?: StatusLabels | undefined;
                  hasExtra?: boolean | undefined;
                  type?: 'badge' | 'counter' | undefined;
                  extraPlacement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | undefined;
              } & {
                  badgeView?: string | undefined;
                  pilled?: boolean | undefined;
                  text?: string | undefined;
                  customColor?: string | undefined;
                  customBackgroundColor?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
              } & {
                  counterView?: undefined;
                  count?: undefined;
                  maxCount?: undefined;
              } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> & {
                  size?: string | undefined;
                  name?: string | undefined;
                  url?: string | undefined;
                  customText?: string | undefined;
                  status?: 'active' | 'inactive' | undefined;
                  isScalable?: boolean | undefined;
                  focused?: boolean | undefined;
                  statusLabels?: StatusLabels | undefined;
                  hasExtra?: boolean | undefined;
                  type?: 'badge' | 'counter' | undefined;
                  extraPlacement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | undefined;
              } & {
                  counterView?: string | undefined;
                  count?: number | undefined;
                  maxCount?: number | undefined;
              } & {
                  badgeView?: undefined;
                  pilled?: undefined;
                  text?: undefined;
                  customColor?: undefined;
                  customBackgroundColor?: undefined;
                  contentLeft?: undefined;
                  contentRight?: undefined;
              } & RefAttributes<HTMLDivElement>)
        )
>;

// @public (undocumented)
export const AvatarGroup: FunctionComponent<
    PropsType<Variants> &
        HTMLAttributes<HTMLDivElement> & {
            children: ReactNode;
        } & RefAttributes<HTMLDivElement>
>;

export { AvatarGroupProps };

export { AvatarProps };

// @public
export const Badge: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        pilled: {
            true: PolymorphicClassName;
        };
        transparent: {
            true: PolymorphicClassName;
        };
        clear: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | (HTMLAttributes<HTMLDivElement> & {
                  text?: string | undefined;
                  customColor?: string | undefined;
                  customBackgroundColor?: string | undefined;
                  maxWidth?: Property.Width<string | number> | undefined;
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  contentLeft?: ReactNode;
                  contentRight?: undefined;
              } & {
                  clear?: true | undefined;
                  pilled?: undefined;
                  transparent?: undefined;
              } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> & {
                  text?: string | undefined;
                  customColor?: string | undefined;
                  customBackgroundColor?: string | undefined;
                  maxWidth?: Property.Width<string | number> | undefined;
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  contentLeft?: ReactNode;
                  contentRight?: undefined;
              } & {
                  pilled?: boolean | undefined;
                  transparent?: boolean | undefined;
                  clear?: undefined;
              } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> & {
                  text?: string | undefined;
                  customColor?: string | undefined;
                  customBackgroundColor?: string | undefined;
                  maxWidth?: Property.Width<string | number> | undefined;
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  contentLeft?: undefined;
                  contentRight?: ReactNode;
              } & {
                  clear?: true | undefined;
                  pilled?: undefined;
                  transparent?: undefined;
              } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> & {
                  text?: string | undefined;
                  customColor?: string | undefined;
                  customBackgroundColor?: string | undefined;
                  maxWidth?: Property.Width<string | number> | undefined;
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  contentLeft?: undefined;
                  contentRight?: ReactNode;
              } & {
                  pilled?: boolean | undefined;
                  transparent?: boolean | undefined;
                  clear?: undefined;
              } & RefAttributes<HTMLDivElement>)
        )
>;

export { BadgeProps };

// @public (undocumented)
export const BodyL: FunctionComponent<
    PropsType<{
        size: {
            l: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { bodyL };

export { bodyLBold };

// @public (undocumented)
export const BodyM: FunctionComponent<
    PropsType<{
        size: {
            m: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { bodyM };

export { bodyMBold };

// @public (undocumented)
export const BodyS: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { bodyS };

export { bodySBold };

// @public (undocumented)
export const BodyXS: FunctionComponent<
    PropsType<{
        size: {
            xs: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { bodyXS };

export { bodyXSBold };

// @public (undocumented)
export const BodyXXS: FunctionComponent<
    PropsType<{
        size: {
            xxs: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { bodyXXS };

export { bodyXXSBold };

// @public
export const Breadcrumbs: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> & {
            view?: string | undefined;
            size?: string | undefined;
            separator?: ReactNode;
            items: BreadcrumbsItem[];
            showItems?: number | undefined;
        } & RefAttributes<HTMLDivElement>
>;

export { BreadcrumbsProps };

// @public
export const Button: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
            success: PolymorphicClassName;
            warning: PolymorphicClassName;
            critical: PolymorphicClassName;
            dark: PolymorphicClassName;
            black: PolymorphicClassName;
            white: PolymorphicClassName;
        };
        size: {
            xl: PolymorphicClassName;
            xlr: PolymorphicClassName;
            l: PolymorphicClassName;
            lr: PolymorphicClassName;
            m: PolymorphicClassName;
            mr: PolymorphicClassName;
            s: PolymorphicClassName;
            sr: PolymorphicClassName;
            xs: PolymorphicClassName;
            xsr: PolymorphicClassName;
            xxs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
        stretching: {
            auto: PolymorphicClassName;
            filled: PolymorphicClassName;
            fixed: PolymorphicClassName;
        };
    }> &
        (
            | (Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & RefAttributes<HTMLButtonElement>)
            | (Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & RefAttributes<HTMLButtonElement>)
        )
>;

export { ButtonBase };

// @public
export const ButtonGroup: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
            success: PolymorphicClassName;
            warning: PolymorphicClassName;
            critical: PolymorphicClassName;
            dark: PolymorphicClassName;
            black: PolymorphicClassName;
            white: PolymorphicClassName;
        };
        size: {
            xl: PolymorphicClassName;
            xlr: PolymorphicClassName;
            l: PolymorphicClassName;
            lr: PolymorphicClassName;
            m: PolymorphicClassName;
            mr: PolymorphicClassName;
            s: PolymorphicClassName;
            sr: PolymorphicClassName;
            xs: PolymorphicClassName;
            xsr: PolymorphicClassName;
            xxs: PolymorphicClassName;
        };
        orientation: {
            horizontal: PolymorphicClassName;
            vertical: PolymorphicClassName;
        };
        gap: {
            none: PolymorphicClassName;
            dense: PolymorphicClassName;
            wide: PolymorphicClassName;
        };
        shape: {
            segmented: PolymorphicClassName;
            default: PolymorphicClassName;
        };
        stretching: {
            auto: PolymorphicClassName;
            filled: PolymorphicClassName;
        };
    }> &
        ButtonGroupProps &
        RefAttributes<HTMLDivElement>
>;

export { ButtonGroupProps };

// Warning: (ae-forgotten-export) The symbol "ButtonComponent" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type ButtonProps = typeof ButtonComponent;

// @public (undocumented)
export const Calendar: FC<CalendarProps>;

// @public (undocumented)
export const CalendarBase: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        Calendar_2 &
        CalendarConfigProps &
        RefAttributes<HTMLDivElement>
>;

export { CalendarBaseProps };

// @public (undocumented)
export const CalendarBaseRange: ({
    value,
    min,
    max,
    disabledList,
    eventList,
    eventMonthList,
    disabledMonthList,
    eventYearList,
    disabledYearList,
    onChangeValue,
    onChangeStartOfRange,
    ...rest
}: CalendarRange<CalendarBaseProps>) => ReactElement<CalendarBaseProps, string | JSXElementConstructor<any>>;

// @public (undocumented)
export const CalendarDouble: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        Calendar_2 &
        CalendarConfigProps &
        RefAttributes<HTMLDivElement>
>;

export { CalendarDoubleProps };

// @public (undocumented)
export const CalendarDoubleRange: ({
    value,
    min,
    max,
    disabledList,
    eventList,
    eventMonthList,
    disabledMonthList,
    eventYearList,
    disabledYearList,
    onChangeValue,
    onChangeStartOfRange,
    ...rest
}: CalendarRange<CalendarDoubleProps>) => ReactElement<CalendarDoubleProps, string | JSXElementConstructor<any>>;

export { CalendarProps };

export { CalendarStateType };

// @public
export const Card: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
    }> & {
        size?: string | undefined;
        view?: string | undefined;
        orientation?: 'horizontal' | 'vertical' | undefined;
        selected?: boolean | undefined;
        backgroundType?: 'none' | 'solid' | undefined;
    } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { CardContent };

export { CardInnerContent };

export { CardProps };

// @public
export const Cell: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        (
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
                  alignContentLeft?: AlignProp | undefined;
                  alignContentRight?: AlignProp | undefined;
                  stretching?: 'auto' | 'fixed' | 'filled' | undefined;
                  content?: ReactNode;
                  description?: string | undefined;
              } & {
                  title?: string | undefined;
                  subtitle?: string | undefined;
                  label?: string | undefined;
                  children?: undefined;
              } & HTMLAttributes<HTMLDivElement> &
                  RefAttributes<HTMLDivElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
                  alignContentLeft?: AlignProp | undefined;
                  alignContentRight?: AlignProp | undefined;
                  stretching?: 'auto' | 'fixed' | 'filled' | undefined;
                  content?: ReactNode;
                  description?: string | undefined;
              } & {
                  title?: undefined;
                  subtitle?: undefined;
                  label?: undefined;
                  children?: ReactNode;
              } & HTMLAttributes<HTMLDivElement> &
                  RefAttributes<HTMLDivElement>)
        )
>;

export { CellProps };

export { CellTextbox };

export { CellTextboxLabel };

export { CellTextboxSubtitle };

export { CellTextboxTitle };

// @public
export const Checkbox: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
            m: PolymorphicClassName;
        };
        view: {
            accent: PolymorphicClassName;
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            tertiary: PolymorphicClassName;
            paragraph: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
    }> &
        CheckboxProps_2 &
        RefAttributes<HTMLInputElement>
>;

// Warning: (ae-forgotten-export) The symbol "CheckboxComponent" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type CheckboxProps = ComponentProps<typeof CheckboxComponent>;

// @public
export const Chip: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
        pilled: {
            true: PolymorphicClassName;
        };
    }> &
        ChipProps &
        RefAttributes<HTMLButtonElement>
>;

// @public (undocumented)
export const ChipGroup: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            accent: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        gap: {
            dense: PolymorphicClassName;
            wide: PolymorphicClassName;
        };
    }> &
        ChipGroupProps &
        RefAttributes<HTMLDivElement>
>;

export { ChipProps };

export { closeNotification };

export { ClosePlacementType };

export { Col };

export { ColCount };

export { ColOffsetProps };

export { ColProps };

export { ColSizeProps };

// @public (undocumented)
export const Combobox: <T extends ComboboxItemOption>(
    props: ComboboxProps<T> & React_2.RefAttributes<HTMLInputElement>,
) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

export { ComboboxItemOption };

// Warning: (ae-forgotten-export) The symbol "PropsFromConfig" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "ComboboxNew" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type ComboboxProps<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps_2<T>, PropsFromConfig> &
    DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;

// @public
export const Counter: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
            xxs: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> &
        CustomCounterProps &
        RefAttributes<HTMLDivElement>
>;

export { CounterProps };

export { counterTokens };

// @public (undocumented)
export const DatePicker: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        readOnly: {
            true: PolymorphicClassName;
        };
    }> &
        DatePickerVariationProps & {
            requiredPlacement?: 'right' | 'left' | undefined;
            required?: boolean | undefined;
            hasRequiredIndicator?: boolean | undefined;
            value?: string | Date | undefined;
            defaultDate?: Date | undefined;
            placeholder?: string | undefined;
            name?: string | undefined;
            valueError?: boolean | undefined;
            valueSuccess?: boolean | undefined;
            leftHelper?: string | undefined;
            contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            textBefore?: string | undefined;
            textAfter?: string | undefined;
            onCommitDate?:
                | ((
                      value: string | Date,
                      error?: boolean | undefined,
                      success?: boolean | undefined,
                      dateInfo?: DateInfo | undefined,
                  ) => void)
                | undefined;
            onChangeValue?:
                | ((event: SyntheticEvent<HTMLInputElement, Event> | null, value?: string | undefined) => void)
                | undefined;
            onChange?:
                | ((event: {
                      target: {
                          value?: string | undefined;
                          name?: string | undefined;
                      };
                  }) => void)
                | undefined;
        } & LabelProps &
        DatePickerCalendarProps &
        DatePickerPopoverProps &
        Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> &
        RefAttributes<HTMLInputElement>
>;

export { datePickerClasses };

export { DatePickerPlacement };

export { DatePickerPlacementBasic };

export { DatePickerProps };

// @public (undocumented)
export const DatePickerRange: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        readOnly: {
            true: PolymorphicClassName;
        };
    }> &
        DatePickerVariationProps & {
            requiredPlacement?: 'right' | 'left' | undefined;
            required?: boolean | undefined;
            hasRequiredIndicator?: boolean | undefined;
            value?: [Date | null | undefined, Date | null | undefined] | undefined;
            defaultFirstDate?: Date | undefined;
            defaultSecondDate?: Date | undefined;
            name?: string | undefined;
            onChangeFirstValue?: ChangeInstanceCallback | undefined;
            onChangeSecondValue?: ChangeInstanceCallback | undefined;
            onCommitFirstDate?: CommitInstanceCallback | undefined;
            onCommitSecondDate?: CommitInstanceCallback | undefined;
            onChange?:
                | ((event: {
                      target: {
                          value?: string | undefined;
                          name?: string | undefined;
                      };
                  }) => void)
                | undefined;
        } & {
            label?: string | undefined;
            view?: string | undefined;
            disabled?: boolean | undefined;
            autoComplete?: string | undefined;
            readOnly?: boolean | undefined;
            required?: boolean | undefined;
            size?: string | undefined;
            contentLeft?: ReactNode;
            contentRight?: ReactNode;
            leftHelper?: string | undefined;
            requiredPlacement?: 'right' | 'left' | undefined;
            hasRequiredIndicator?: boolean | undefined;
            firstValueError?: boolean | undefined;
            secondValueError?: boolean | undefined;
            firstValueSuccess?: boolean | undefined;
            secondValueSuccess?: boolean | undefined;
            firstPlaceholder?: string | undefined;
            secondPlaceholder?: string | undefined;
            firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
            firstTextfieldTextAfter?: string | undefined;
            secondTextfieldTextAfter?: string | undefined;
            onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
            onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
            onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
            onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
            firstTextfieldTextBefore?: string | undefined;
            secondTextfieldTextBefore?: string | undefined;
            dividerVariant?: 'none' | 'dash' | 'icon' | undefined;
            dividerIcon?: ReactNode;
        } & DatePickerCalendarProps &
        Omit<DatePickerPopoverProps, 'placement'> & {
            placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
            isDoubleCalendar?: boolean | undefined;
            closeAfterDateSelect?: boolean | undefined;
        } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<RangeInputRefs>
>;

export { DatePickerRangePlacement };

export { DatePickerRangeProps };

export { datePickerTokens };

// @public
export const Divider: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
            inverse: PolymorphicClassName;
        };
        size: {
            m: PolymorphicClassName;
        };
        orientation: {
            horizontal: PolymorphicClassName;
            vertical: PolymorphicClassName;
        };
    }> &
        DividerProps &
        RefAttributes<HTMLDivElement>
>;

export { DividerProps };

export { dividerTokens };

// @public
export const Drawer: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            m: PolymorphicClassName;
        };
        borderRadius: {
            none: PolymorphicClassName;
            default: PolymorphicClassName;
        };
    }> &
        PopupProps &
        PanelProps & {
            placement?: 'top' | 'bottom' | 'right' | 'left' | undefined;
            asModal?: boolean | undefined;
            customBackgroundColor?: string | undefined;
            customContentBackgroundColor?: string | undefined;
            withBlur?: boolean | undefined;
            closeOnEsc?: boolean | undefined;
            closeOnOverlayClick?: boolean | undefined;
            onEscKeyDown?: ((event: KeyboardEvent) => void) | undefined;
            onOverlayClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
            initialFocusRef?: RefObject<HTMLElement> | undefined;
            focusAfterRef?: RefObject<HTMLElement> | undefined;
            onClose?: (() => void) | undefined;
        } & RefAttributes<HTMLDivElement>
>;

// @public
export const DrawerContent: FunctionComponent<
    PropsType<Variants> & {
        view?: string | undefined;
    } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { DrawerContentProps };

// @public
export const DrawerFooter: FunctionComponent<
    PropsType<Variants> & {
        view?: string | undefined;
    } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { DrawerFooterProps };

// @public
export const DrawerHeader: FunctionComponent<
    PropsType<Variants> & {
        hasClose?: boolean | undefined;
        closePlacement?: 'right' | 'left' | undefined;
        actions?: ReactNode;
        onClose?: (() => void) | undefined;
        view?: string | undefined;
    } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { DrawerHeaderProps };

export { DrawerProps };

// @public (undocumented)
export const Dropdown: <T extends DropdownItemOption>(
    props: Omit<DropdownNewProps<T>, 'size' | 'view'> &
        Pick<
            PropsType<{
                size: {
                    xl: PolymorphicClassName;
                    l: PolymorphicClassName;
                    m: PolymorphicClassName;
                    s: PolymorphicClassName;
                    xs: PolymorphicClassName;
                };
                view: {
                    default: PolymorphicClassName;
                };
            }> & {
                items: DropdownItemOption[];
                alwaysOpened?: boolean | undefined;
                children?: React_2.ReactNode;
                itemRole?: string | undefined;
                onHover?: ((index: number) => void) | undefined;
                onItemSelect?:
                    | ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void)
                    | undefined;
                trigger?: DropdownTrigger | undefined;
                openByRightClick?: boolean | undefined;
                placement?: DropdownPlacement | undefined;
                offset?: [number, number] | undefined;
                listOverflow?: Property.Overflow | undefined;
                listMaxHeight?: Property.Height<string | number> | undefined;
                listWidth?: Property.Width<string | number> | undefined;
                hasArrow?: boolean | undefined;
                closeOnSelect?: boolean | undefined;
                closeOnOverlayClick?: boolean | undefined;
                onToggle?:
                    | ((isOpen: boolean, event: Event | React_2.SyntheticEvent<Element, Event>) => void)
                    | undefined;
                size?: string | undefined;
                view?: string | undefined;
                variant?: 'normal' | 'tight' | undefined;
                portal?: string | React_2.RefObject<HTMLElement> | undefined;
                renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined;
                zIndex?: Property.ZIndex | undefined;
                beforeList?: React_2.ReactNode;
                afterList?: React_2.ReactNode;
                onItemClick?:
                    | ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void)
                    | undefined;
                listHeight?: Property.Height<string | number> | undefined;
                hoverIndex?: number | undefined;
            } & React_2.HTMLAttributes<HTMLDivElement> &
                React_2.RefAttributes<HTMLDivElement>,
            'size' | 'view'
        > &
        React_2.RefAttributes<HTMLButtonElement>,
) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

export { DropdownItemOption };

// Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &
    Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;

// @public (undocumented)
export const Dropzone: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            m: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
    }> & {
        multiple?: boolean | undefined;
        title?: ReactNode;
        description?: ReactNode;
        icon?: ReactNode;
        iconPlacement?: 'top' | 'left' | undefined;
        size?: string | undefined;
        view?: string | undefined;
        disabled?: boolean | undefined;
        stretch?: boolean | undefined;
        onDragEnter?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
        onDragLeave?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
        onDragOver?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
        validator?: ((files: File[]) => ValidatorReturnType) | undefined;
        onDrop?: FileProcessHandler | undefined;
        onChoseFiles?: FileProcessHandler | undefined;
    } & InputHTMLAttributes_2<HTMLInputElement> &
        RefAttributes<HTMLInputElement>
>;

export { dropzoneClasses };

export { dropzoneTokens };

// @public (undocumented)
export const DsplL: FunctionComponent<
    PropsType<{
        size: {
            l: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { dsplL };

export { dsplLBold };

// @public (undocumented)
export const DsplM: FunctionComponent<
    PropsType<{
        size: {
            m: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { dsplM };

export { dsplMBold };

// @public (undocumented)
export const DsplS: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { dsplS };

export { dsplSBold };

// @public (undocumented)
export const EmptyState: FunctionComponent<
    PropsType<{
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        Props &
        RefAttributes<HTMLDivElement>
>;

// @public (undocumented)
export const Flow: FunctionComponent<
    PropsType<{}> &
        FlowProps & {
            minColWidth?: string | undefined;
        } & RefAttributes<HTMLDivElement>
>;

// @public (undocumented)
export const Grid: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
    }> &
        GridProps &
        RefAttributes<HTMLDivElement>
>;

export { GridProps };

// @public (undocumented)
export const H1: FunctionComponent<
    PropsType<{
        size: {
            h1: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { h1 };

export { h1Bold };

// @public (undocumented)
export const H2: FunctionComponent<
    PropsType<{
        size: {
            h2: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { h2 };

export { h2Bold };

// @public (undocumented)
export const H3: FunctionComponent<
    PropsType<{
        size: {
            h3: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { h3 };

export { h3Bold };

// @public (undocumented)
export const H4: FunctionComponent<
    PropsType<{
        size: {
            h4: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { h4 };

export { h4Bold };

// @public (undocumented)
export const H5: FunctionComponent<
    PropsType<{
        size: {
            h5: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { h5 };

export { h5Bold };

// @public
export const IconButton: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
            success: PolymorphicClassName;
            warning: PolymorphicClassName;
            critical: PolymorphicClassName;
            dark: PolymorphicClassName;
            black: PolymorphicClassName;
            white: PolymorphicClassName;
        };
        size: {
            xl: PolymorphicClassName;
            xlr: PolymorphicClassName;
            l: PolymorphicClassName;
            lr: PolymorphicClassName;
            m: PolymorphicClassName;
            mr: PolymorphicClassName;
            s: PolymorphicClassName;
            sr: PolymorphicClassName;
            xs: PolymorphicClassName;
            xsr: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | (Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: string | number | undefined;
                      contentRight?: undefined;
                  } & RefAttributes<HTMLButtonElement>)
            | (Omit<ButtonHTMLAttributes<HTMLElement>, 'value'> &
                  Omit<AnchorHTMLAttributes<HTMLElement>, 'type'> &
                  AsProps<any> & {
                      text?: string | undefined;
                      contentLeft?: ReactNode;
                      contentPlacing?: ('default' | 'relaxed') | undefined;
                      isLoading?: boolean | undefined;
                      loader?: ReactNode;
                      stretch?: boolean | undefined;
                      stretching?: ('auto' | 'fixed' | 'filled') | undefined;
                      square?: boolean | undefined;
                      focused?: boolean | undefined;
                      disabled?: boolean | undefined;
                      pin?:
                          | 'square-square'
                          | 'square-clear'
                          | 'clear-square'
                          | 'clear-clear'
                          | 'clear-circle'
                          | 'circle-clear'
                          | 'circle-circle'
                          | undefined;
                      view?: string | undefined;
                      size?: string | undefined;
                      outlined?: boolean | undefined;
                      shiftLeft?: boolean | undefined;
                      shiftRight?: boolean | undefined;
                      blur?: 'small' | 'medium' | 'large' | undefined;
                  } & {
                      value?: undefined;
                      contentRight?: ReactNode;
                  } & RefAttributes<HTMLButtonElement>)
        )
>;

// @public
const Image_2: FunctionComponent<
    PropsType<Variants> &
        ImgHTMLAttributes<HTMLImageElement> & {
            base?: 'img' | 'div' | undefined;
            ratio?:
                | '1 / 1'
                | '1/1'
                | '3 / 4'
                | '3/4'
                | '4 / 3'
                | '4/3'
                | '9 / 16'
                | '9/16'
                | '16 / 9'
                | '16/9'
                | '1 / 2'
                | '1/2'
                | '2 / 1'
                | '2/1'
                | undefined;
            customRatio?: string | undefined;
        } & RefAttributes<HTMLDivElement>
>;
export { Image_2 as Image };

export { ImageProps };

// @public (undocumented)
export const Indicator: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            inactive: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            black: PolymorphicClassName;
            white: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> & {
            size: string;
            view: string;
        } & RefAttributes<HTMLDivElement>
>;

export { IndicatorProps };

// @public (undocumented)
export const LineSkeleton: FunctionComponent<
    PropsType<{
        size: {
            bodyL: PolymorphicClassName;
            bodyM: PolymorphicClassName;
            bodyS: PolymorphicClassName;
            bodyXS: PolymorphicClassName;
            bodyXXS: PolymorphicClassName;
            dsplL: PolymorphicClassName;
            dsplM: PolymorphicClassName;
            dsplS: PolymorphicClassName;
            h1: PolymorphicClassName;
            h2: PolymorphicClassName;
            h3: PolymorphicClassName;
            h4: PolymorphicClassName;
            h5: PolymorphicClassName;
            textL: PolymorphicClassName;
            textM: PolymorphicClassName;
            textS: PolymorphicClassName;
            textXS: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> &
        SkeletonSizeProps & {
            customGradientColor?: string | undefined;
            roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined;
        } & SkeletonGradientProps &
        RefAttributes<HTMLDivElement>
>;

// @public
export const Link: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            tertiary: PolymorphicClassName;
            paragraph: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
    }> &
        AnchorHTMLAttributes<HTMLAnchorElement> &
        LinkCustomProps &
        RefAttributes<HTMLAnchorElement>
>;

// @public (undocumented)
export const LinkButton: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            secondary: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        size: {
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
    }> &
        AnchorHTMLAttributes<HTMLAnchorElement> & {
            text?: string | undefined;
            contentRight?: ReactNode;
            contentLeft?: ReactNode;
            isLoading?: boolean | undefined;
            loader?: ReactNode;
            disabled?: boolean | undefined;
            view?: string | undefined;
            size?: string | undefined;
        } & RefAttributes<HTMLAnchorElement>
>;

// Warning: (ae-forgotten-export) The symbol "LinkComponent" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type LinkProps = typeof LinkComponent;

// @public (undocumented)
export const Mask: ForwardRefExoticComponent<
    (
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
        | Omit<
              PropsType<{
                  view: {
                      default: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  size: {
                      l: PolymorphicClassName;
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                      xs: PolymorphicClassName;
                  };
                  labelPlacement: {
                      inner: PolymorphicClassName;
                      outer: PolymorphicClassName;
                  };
                  clear: {
                      true: PolymorphicClassName;
                  };
                  chipView: {
                      default: PolymorphicClassName;
                      secondary: PolymorphicClassName;
                      accent: PolymorphicClassName;
                      positive: PolymorphicClassName;
                      warning: PolymorphicClassName;
                      negative: PolymorphicClassName;
                  };
                  hintView: {
                      default: PolymorphicClassName;
                  };
                  hintSize: {
                      m: PolymorphicClassName;
                      s: PolymorphicClassName;
                  };
                  disabled: {
                      true: PolymorphicClassName;
                  };
                  readOnly: {
                      true: PolymorphicClassName;
                  };
              }> & {
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement> &
                  MaskProps,
              'ref'
          >
    ) &
        RefAttributes<HTMLInputElement>
>;

export { mediaQuery };

// @public
export const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;

export { modalClasses };

export { ModalProps };

// @public (undocumented)
export const Note: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
            info: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> & {
        title?: string | undefined;
        text?: string | undefined;
        contentBefore?: ReactNode;
        contentBeforeSizing?: 'fixed' | 'scalable' | undefined;
        stretch?: boolean | undefined;
        width?: string | number | undefined;
        height?: string | number | undefined;
        view?: string | undefined;
        size?: string | undefined;
    } & HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { noteClasses };

export { noteTokens };

// @public (undocumented)
const Notification_2: React_2.FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            negative: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            info: PolymorphicClassName;
        };
        layout: {
            horizontal: PolymorphicClassName;
            vertical: PolymorphicClassName;
        };
        closeIconType: {
            default: PolymorphicClassName;
        };
        size: {
            xs: PolymorphicClassName;
            xxs: PolymorphicClassName;
        };
    }> &
        (
            | React_2.HTMLAttributes<HTMLElement>
            | HTMLAttributesWithoutOnChange<HTMLElement>
            | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>
        )
>;
export { Notification_2 as Notification };

export { NotificationIconPlacement };

export { NotificationLayout };

export { NotificationProps };

// @public (undocumented)
export const NotificationsProvider: React_2.FC<{
    children: ReactNode;
    frame?: string;
    placement?: NotificationPlacement;
    UNSAFE_SSR_ENABLED?: boolean;
}>;

// Warning: (ae-forgotten-export) The symbol "NumberFormatProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const NumberFormat: ForwardRefExoticComponent<NumberFormatProps>;

// @public (undocumented)
export const NumberInput: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            accent: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        shape: {
            cornered: PolymorphicClassName;
            pilled: PolymorphicClassName;
        };
        inputBackgroundType: {
            fill: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        segmentation: {
            default: PolymorphicClassName;
            segmented: PolymorphicClassName;
            solid: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | ({
                  value?: number | undefined;
                  min?: number | undefined;
                  max?: number | undefined;
                  step?: number | undefined;
                  precision?: number | undefined;
                  isLoading?: boolean | undefined;
                  loader?: ReactNode;
                  size?: string | undefined;
                  view?: string | undefined;
                  clear?: boolean | undefined;
                  shape?: string | undefined;
                  disabled?: boolean | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  customIncrementButton?: ReactNode;
                  incrementIcon?: ReactNode;
                  customDecrementButton?: ReactNode;
                  decrementIcon?: ReactNode;
                  isManualInput?: boolean | undefined;
                  onChange?:
                      | ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void)
                      | undefined;
                  onIncrement?: ((value: number) => void) | undefined;
                  onDecrement?: ((value: number) => void) | undefined;
              } & {
                  segmentation?: 'clear' | undefined;
                  inputBackgroundType?: undefined;
              } & Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'onChange' | 'value'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  value?: number | undefined;
                  min?: number | undefined;
                  max?: number | undefined;
                  step?: number | undefined;
                  precision?: number | undefined;
                  isLoading?: boolean | undefined;
                  loader?: ReactNode;
                  size?: string | undefined;
                  view?: string | undefined;
                  clear?: boolean | undefined;
                  shape?: string | undefined;
                  disabled?: boolean | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  customIncrementButton?: ReactNode;
                  incrementIcon?: ReactNode;
                  customDecrementButton?: ReactNode;
                  decrementIcon?: ReactNode;
                  isManualInput?: boolean | undefined;
                  onChange?:
                      | ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void)
                      | undefined;
                  onIncrement?: ((value: number) => void) | undefined;
                  onDecrement?: ((value: number) => void) | undefined;
              } & {
                  segmentation?: string | undefined;
                  inputBackgroundType?: string | undefined;
              } & Omit<InputHTMLAttributes_2<HTMLInputElement>, 'size' | 'onChange' | 'value'> &
                  RefAttributes<HTMLInputElement>)
        )
>;

export { numberInputClasses };

export { numberInputTokens };

export { Overlay };

export { OverlayProps };

// @public
export const Pagination: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        viewCurrentPage: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            clear: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        type: {
            compact: PolymorphicClassName;
            default: PolymorphicClassName;
        };
    }> &
        PaginationProps &
        RefAttributes<HTMLDivElement>
>;

export { PaginationProps };

// @public (undocumented)
export const Popover: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> &
        CustomPopoverProps &
        RefAttributes<HTMLDivElement>
>;

export { PopoverPlacement };

export { PopoverProps };

export { PopoverTrigger };

// @public
export const Popup: ForwardRefExoticComponent<PopupProps & RefAttributes<HTMLDivElement>>;

export { popupClasses };

export { PopupInfo };

export { PopupPlacement };

export { PopupProps };

export { PopupProvider };

export { Portal };

export { PortalProps };

// @public
export const Price: FunctionComponent<
    PropsType<{
        view: {};
    }> &
        PriceProps &
        RefAttributes<HTMLSpanElement>
>;

export { priceClasses };

// @public (undocumented)
export const Progress: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            primary: PolymorphicClassName;
            accent: PolymorphicClassName;
            success: PolymorphicClassName;
            warning: PolymorphicClassName;
            error: PolymorphicClassName;
        };
        size: {
            m: PolymorphicClassName;
        };
    }> &
        ProgressProps &
        RefAttributes<HTMLDivElement>
>;

export { ProgressProps };

// @public
export const Radiobox: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
            m: PolymorphicClassName;
        };
        view: {
            accent: PolymorphicClassName;
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            tertiary: PolymorphicClassName;
            paragraph: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
    }> &
        Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> &
        Omit<BaseboxProps, 'indeterminate'> &
        RefAttributes<HTMLInputElement>
>;

// Warning: (ae-forgotten-export) The symbol "RadioboxComponent" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;

export { RadioGroup };

// @public
const Range_2: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        readOnly: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | ({
                  label?: string | undefined;
                  leftHelper?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
                  firstValue?: TextfieldPrimitiveValue | undefined;
                  secondValue?: TextfieldPrimitiveValue | undefined;
                  firstValueError?: boolean | undefined;
                  secondValueError?: boolean | undefined;
                  firstValueSuccess?: boolean | undefined;
                  secondValueSuccess?: boolean | undefined;
                  firstPlaceholder?: string | undefined;
                  secondPlaceholder?: string | undefined;
                  firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldTextAfter?: string | undefined;
                  secondTextfieldTextAfter?: string | undefined;
                  autoComplete?: string | undefined;
                  view?: string | undefined;
                  size?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  required?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
                  onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
                  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
                  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
                  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
                  onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
              } & {
                  firstTextfieldTextBefore: string;
                  secondTextfieldTextBefore: string;
                  dividerVariant?: 'none' | undefined;
                  dividerIcon?: undefined;
              } & HTMLAttributes<HTMLDivElement> &
                  RefAttributes<RangeInputRefs>)
            | ({
                  label?: string | undefined;
                  leftHelper?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
                  firstValue?: TextfieldPrimitiveValue | undefined;
                  secondValue?: TextfieldPrimitiveValue | undefined;
                  firstValueError?: boolean | undefined;
                  secondValueError?: boolean | undefined;
                  firstValueSuccess?: boolean | undefined;
                  secondValueSuccess?: boolean | undefined;
                  firstPlaceholder?: string | undefined;
                  secondPlaceholder?: string | undefined;
                  firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldTextAfter?: string | undefined;
                  secondTextfieldTextAfter?: string | undefined;
                  autoComplete?: string | undefined;
                  view?: string | undefined;
                  size?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  required?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
                  onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
                  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
                  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
                  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
                  onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
              } & {
                  dividerVariant?: 'dash' | undefined;
                  dividerIcon?: undefined;
                  firstTextfieldTextBefore?: string | undefined;
                  secondTextfieldTextBefore?: string | undefined;
              } & HTMLAttributes<HTMLDivElement> &
                  RefAttributes<RangeInputRefs>)
            | ({
                  label?: string | undefined;
                  leftHelper?: string | undefined;
                  contentLeft?: ReactNode;
                  contentRight?: ReactNode;
                  firstValue?: TextfieldPrimitiveValue | undefined;
                  secondValue?: TextfieldPrimitiveValue | undefined;
                  firstValueError?: boolean | undefined;
                  secondValueError?: boolean | undefined;
                  firstValueSuccess?: boolean | undefined;
                  secondValueSuccess?: boolean | undefined;
                  firstPlaceholder?: string | undefined;
                  secondPlaceholder?: string | undefined;
                  firstTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  firstTextfieldTextAfter?: string | undefined;
                  secondTextfieldTextAfter?: string | undefined;
                  autoComplete?: string | undefined;
                  view?: string | undefined;
                  size?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  required?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
                  onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
                  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
                  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
                  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
                  onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
                  onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
              } & {
                  dividerIcon?: ReactNode;
                  dividerVariant?: 'icon' | undefined;
                  firstTextfieldTextBefore?: string | undefined;
                  secondTextfieldTextBefore?: string | undefined;
              } & HTMLAttributes<HTMLDivElement> &
                  RefAttributes<RangeInputRefs>)
        )
>;
export { Range_2 as Range };

export { RangeProps };

export { rangeTokens };

export { Ratio };

export { RectSkeleton };

export { Row };

export { ScreenConfig };

export { ScreenMap };

export { ScreenVariant };

// @public
export const SegmentGroup: FunctionComponent<
    PropsType<{
        view: {
            clear: PolymorphicClassName;
            filled: PolymorphicClassName;
        };
        size: {
            xs: PolymorphicClassName;
            s: PolymorphicClassName;
            m: PolymorphicClassName;
            l: PolymorphicClassName;
            xl: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        pilled: {
            true: PolymorphicClassName;
        };
        stretch: {
            true: PolymorphicClassName;
        };
        filledBackground: {
            true: PolymorphicClassName;
        };
        orientation: {
            vertical: PolymorphicClassName;
        };
    }> &
        SegmentGroupProps &
        RefAttributes<HTMLDivElement>
>;

export { SegmentGroupProps };

// @public
export const SegmentItem: FunctionComponent<
    PropsType<{
        view: {
            clear: PolymorphicClassName;
            secondary: PolymorphicClassName;
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
        };
        size: {
            xs: PolymorphicClassName;
            s: PolymorphicClassName;
            m: PolymorphicClassName;
            l: PolymorphicClassName;
            xl: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        pilled: {
            true: PolymorphicClassName;
        };
    }> &
        ButtonHTMLAttributes<HTMLButtonElement> & {
            value: string;
            id?: string | undefined;
            label?: ReactNode;
            pilled?: boolean | undefined;
            customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
            size?: string | undefined;
            view?: string | undefined;
            contentLeft?: ReactNode;
            contentRight?: ReactNode;
        } & RefAttributes<HTMLLabelElement>
>;

export { SegmentItemProps };

export { SegmentProvider };

export { SegmentProviderProps };

// @public (undocumented)
export const Select: <K extends SelectItemOption>(
    props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>,
) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

export { SelectItemOption };

// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type SelectProps<K extends SelectItemOption> = DistributiveOmit<
    SelectProps_2<K>,
    'size' | 'view' | 'chipView' | 'disabled'
> &
    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;

// @public
export const Sheet: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
    }> &
        SheetProps &
        RefAttributes<HTMLDivElement>
>;

export { sheetClasses };

export { SheetProps };

export { ShowToastArgs };

// @public
export const Slider: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            accent: PolymorphicClassName;
            gradient: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | (SliderBaseProps &
                  SliderInternalProps & {
                      onChange?: ((event: FormTypeNumber) => void) | undefined;
                      name: string;
                      value?: undefined;
                      defaultValue?: number | undefined;
                  } & {
                      orientation?: 'horizontal' | undefined;
                      labelPlacement?: 'none' | 'top' | 'left' | undefined;
                      scaleAlign?: 'none' | 'bottom' | 'side' | undefined;
                      sliderAlign?: 'none' | undefined;
                      reversed?: undefined;
                      labelReversed?: undefined;
                  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
                      onChangeCommitted?: ((value: number) => void) | undefined;
                      ariaLabel?: string | undefined;
                      showCurrentValue?: boolean | undefined;
                      showRangeValues?: boolean | undefined;
                      rangeValuesPlacement?: string | undefined;
                      showScale?: boolean | undefined;
                      hideMinValueDiff?: number | undefined;
                      hideMaxValueDiff?: number | undefined;
                      labelPlacement?: 'outer' | 'inner' | undefined;
                      labelContentLeft?: ReactNode;
                      labelContent?: ReactNode;
                      multipleStepSize?: number | undefined;
                      view?: string | undefined;
                      size?: 's' | 'm' | 'l' | undefined;
                      type?: 'single' | undefined;
                      pointerSize?: 'none' | 'small' | 'large' | undefined;
                      pointerVisibility: 'hover' | 'always';
                      currentValueVisibility: 'hover' | 'always';
                  } & RefAttributes<HTMLDivElement>)
            | (SliderBaseProps &
                  SliderInternalProps & {
                      onChange?: ((event: FormTypeNumber) => void) | undefined;
                      name: string;
                      value?: undefined;
                      defaultValue?: number | undefined;
                  } & {
                      orientation: 'vertical';
                      sliderAlign?: 'none' | 'center' | 'right' | 'left' | undefined;
                      scaleAlign?: undefined;
                      reversed?: boolean | undefined;
                      labelReversed?: boolean | undefined;
                  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
                      onChangeCommitted?: ((value: number) => void) | undefined;
                      ariaLabel?: string | undefined;
                      showCurrentValue?: boolean | undefined;
                      showRangeValues?: boolean | undefined;
                      rangeValuesPlacement?: string | undefined;
                      showScale?: boolean | undefined;
                      hideMinValueDiff?: number | undefined;
                      hideMaxValueDiff?: number | undefined;
                      labelPlacement?: 'outer' | 'inner' | undefined;
                      labelContentLeft?: ReactNode;
                      labelContent?: ReactNode;
                      multipleStepSize?: number | undefined;
                      view?: string | undefined;
                      size?: 's' | 'm' | 'l' | undefined;
                      type?: 'single' | undefined;
                      pointerSize?: 'none' | 'small' | 'large' | undefined;
                      pointerVisibility: 'hover' | 'always';
                      currentValueVisibility: 'hover' | 'always';
                  } & RefAttributes<HTMLDivElement>)
            | (SliderBaseProps &
                  SliderInternalProps & {
                      onChange?: ((value: number) => void) | undefined;
                      value: number;
                      name?: undefined;
                      defaultValue?: undefined;
                  } & {
                      orientation?: 'horizontal' | undefined;
                      labelPlacement?: 'none' | 'top' | 'left' | undefined;
                      scaleAlign?: 'none' | 'bottom' | 'side' | undefined;
                      sliderAlign?: 'none' | undefined;
                      reversed?: undefined;
                      labelReversed?: undefined;
                  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
                      onChangeCommitted?: ((value: number) => void) | undefined;
                      ariaLabel?: string | undefined;
                      showCurrentValue?: boolean | undefined;
                      showRangeValues?: boolean | undefined;
                      rangeValuesPlacement?: string | undefined;
                      showScale?: boolean | undefined;
                      hideMinValueDiff?: number | undefined;
                      hideMaxValueDiff?: number | undefined;
                      labelPlacement?: 'outer' | 'inner' | undefined;
                      labelContentLeft?: ReactNode;
                      labelContent?: ReactNode;
                      multipleStepSize?: number | undefined;
                      view?: string | undefined;
                      size?: 's' | 'm' | 'l' | undefined;
                      type?: 'single' | undefined;
                      pointerSize?: 'none' | 'small' | 'large' | undefined;
                      pointerVisibility: 'hover' | 'always';
                      currentValueVisibility: 'hover' | 'always';
                  } & RefAttributes<HTMLDivElement>)
            | (SliderBaseProps &
                  SliderInternalProps & {
                      onChange?: ((value: number) => void) | undefined;
                      value: number;
                      name?: undefined;
                      defaultValue?: undefined;
                  } & {
                      orientation: 'vertical';
                      sliderAlign?: 'none' | 'center' | 'right' | 'left' | undefined;
                      scaleAlign?: undefined;
                      reversed?: boolean | undefined;
                      labelReversed?: boolean | undefined;
                  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
                      onChangeCommitted?: ((value: number) => void) | undefined;
                      ariaLabel?: string | undefined;
                      showCurrentValue?: boolean | undefined;
                      showRangeValues?: boolean | undefined;
                      rangeValuesPlacement?: string | undefined;
                      showScale?: boolean | undefined;
                      hideMinValueDiff?: number | undefined;
                      hideMaxValueDiff?: number | undefined;
                      labelPlacement?: 'outer' | 'inner' | undefined;
                      labelContentLeft?: ReactNode;
                      labelContent?: ReactNode;
                      multipleStepSize?: number | undefined;
                      view?: string | undefined;
                      size?: 's' | 'm' | 'l' | undefined;
                      type?: 'single' | undefined;
                      pointerSize?: 'none' | 'small' | 'large' | undefined;
                      pointerVisibility: 'hover' | 'always';
                      currentValueVisibility: 'hover' | 'always';
                  } & RefAttributes<HTMLDivElement>)
            | (Omit<DoubleSliderProps, 'onChange' | 'defaultValue' | 'value'> & {
                  onChange?: ((event: FormTypeString) => void) | undefined;
                  name?: string | undefined;
                  value?: undefined;
                  defaultValue?: number[] | undefined;
              } & RefAttributes<HTMLDivElement>)
            | (Omit<DoubleSliderProps, 'onChange' | 'defaultValue' | 'value'> & {
                  onChange?: ((values: number[]) => void) | undefined;
                  name?: undefined;
                  value?: number[] | undefined;
                  defaultValue?: undefined;
              } & RefAttributes<HTMLDivElement>)
        )
>;

export { SliderProps };

// @public
export const Spinner: StyledComponent<
    FunctionComponent<
        PropsType<{
            view: {
                default: PolymorphicClassName;
                secondary: PolymorphicClassName;
                tertiary: PolymorphicClassName;
                paragraph: PolymorphicClassName;
                accent: PolymorphicClassName;
                positive: PolymorphicClassName;
                warning: PolymorphicClassName;
                negative: PolymorphicClassName;
            };
        }> &
            (
                | (HTMLAttributes<HTMLDivElement> & {
                      width?: undefined;
                      height?: undefined;
                      size?: string | undefined;
                      view?: string | undefined;
                  } & RefAttributes<HTMLDivElement>)
                | (HTMLAttributes<HTMLDivElement> & {
                      width: number;
                      height: number;
                      size?: undefined;
                      /**
                       * @deprecated
                       */
                      view?: string | undefined;
                  } & RefAttributes<HTMLDivElement>)
                | (HTMLAttributes<HTMLDivElement> & {
                      width: string;
                      height: string;
                      size?: undefined;
                      view?: string | undefined;
                  } & RefAttributes<HTMLDivElement>)
            )
    >,
    any,
    {},
    never
>;

// @public (undocumented)
export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
    size?: string | number;
    view?: string;
    color?: string;
    deviceScale?: number;
};

export { SSRProvider };

export { StepItemProps };

// @public (undocumented)
export const Steps: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        StepsProps &
        Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> &
        RefAttributes<HTMLDivElement>
>;

// @public (undocumented)
export const Switch: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
            m: PolymorphicClassName;
            l: PolymorphicClassName;
        };
        toggleSize: {
            l: PolymorphicClassName;
            s: PolymorphicClassName;
        };
        view: {
            default: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        focused: {
            true: PolymorphicClassName;
        };
    }> &
        SwitchProps_2 &
        RefAttributes<HTMLInputElement>
>;

// Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type SwitchProps = ComponentProps<typeof SwitchComponent>;

// Warning: (ae-forgotten-export) The symbol "TabItemProps_2" needs to be exported by the entry point index.d.ts
//
// @public
export const TabItem: (props: TabItemProps_2) => JSX.Element;

export { TabItemProps };

export { TabItemRefs };

// Warning: (ae-forgotten-export) The symbol "TabsProps_2" needs to be exported by the entry point index.d.ts
//
// @public
export const Tabs: (props: TabsProps_2) => JSX.Element;

export { TabsContext };

// @public
export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;

export { TabsControllerProps };

export { TabsProps };

// @public
export const TextArea: FunctionComponent<
    PropsType<{
        size: {
            xs: PolymorphicClassName;
            s: PolymorphicClassName;
            m: PolymorphicClassName;
            l: PolymorphicClassName;
            xl: PolymorphicClassName;
        };
        view: {
            default: PolymorphicClassName;
            positive: PolymorphicClassName;
            primary: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        hintView: {
            default: PolymorphicClassName;
        };
        hintSize: {
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
        clear: {
            true: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText: string;
                  hintTrigger?: 'hover' | 'click' | undefined;
                  hintOpened?: boolean | undefined;
                  hintView?: string | undefined;
                  hintSize?: string | undefined;
                  hintTargetIcon?: ReactNode;
                  hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                  hintHasArrow?: boolean | undefined;
                  hintOffset?: [number, number] | undefined;
                  hintWidth?: string | undefined;
                  hintContentLeft?: ReactNode;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  autoResize?: boolean | undefined;
                  maxAuto?: number | undefined;
                  minAuto?: number | undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText: string;
                  hintTrigger?: 'hover' | 'click' | undefined;
                  hintOpened?: boolean | undefined;
                  hintView?: string | undefined;
                  hintSize?: string | undefined;
                  hintTargetIcon?: ReactNode;
                  hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                  hintHasArrow?: boolean | undefined;
                  hintOffset?: [number, number] | undefined;
                  hintWidth?: string | undefined;
                  hintContentLeft?: ReactNode;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  height?: string | number | undefined;
                  width?: string | number | undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText: string;
                  hintTrigger?: 'hover' | 'click' | undefined;
                  hintOpened?: boolean | undefined;
                  hintView?: string | undefined;
                  hintSize?: string | undefined;
                  hintTargetIcon?: ReactNode;
                  hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                  hintHasArrow?: boolean | undefined;
                  hintOffset?: [number, number] | undefined;
                  hintWidth?: string | undefined;
                  hintContentLeft?: ReactNode;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  rows?: number | undefined;
                  cols?: number | undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText: string;
                  hintTrigger?: 'hover' | 'click' | undefined;
                  hintOpened?: boolean | undefined;
                  hintView?: string | undefined;
                  hintSize?: string | undefined;
                  hintTargetIcon?: ReactNode;
                  hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                  hintHasArrow?: boolean | undefined;
                  hintOffset?: [number, number] | undefined;
                  hintWidth?: string | undefined;
                  hintContentLeft?: ReactNode;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  clear?: true | undefined;
                  hasDivider?: boolean | undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText?: undefined;
                  hintOpened?: undefined;
                  hintTrigger?: undefined;
                  hintView?: undefined;
                  hintSize?: undefined;
                  hintTargetIcon?: undefined;
                  hintPlacement?: undefined;
                  hintHasArrow?: undefined;
                  hintOffset?: undefined;
                  hintWidth?: undefined;
                  hintContentLeft?: undefined;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  autoResize?: boolean | undefined;
                  maxAuto?: number | undefined;
                  minAuto?: number | undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText?: undefined;
                  hintOpened?: undefined;
                  hintTrigger?: undefined;
                  hintView?: undefined;
                  hintSize?: undefined;
                  hintTargetIcon?: undefined;
                  hintPlacement?: undefined;
                  hintHasArrow?: undefined;
                  hintOffset?: undefined;
                  hintWidth?: undefined;
                  hintContentLeft?: undefined;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  height?: string | number | undefined;
                  width?: string | number | undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText?: undefined;
                  hintOpened?: undefined;
                  hintTrigger?: undefined;
                  hintView?: undefined;
                  hintSize?: undefined;
                  hintTargetIcon?: undefined;
                  hintPlacement?: undefined;
                  hintHasArrow?: undefined;
                  hintOffset?: undefined;
                  hintWidth?: undefined;
                  hintContentLeft?: undefined;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  rows?: number | undefined;
                  cols?: number | undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & {
                  clear?: undefined;
                  hasDivider?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
            | (Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'required' | 'rows' | 'cols'> & {
                  status?: '' | 'warning' | 'success' | 'error' | undefined;
                  label?: string | undefined;
                  labelPlacement?: 'outer' | 'inner' | undefined;
                  titleCaption?: ReactNode;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  resize?: 'none' | 'both' | 'horizontal' | 'vertical' | undefined;
                  helperText?: string | undefined;
                  leftHelper?: ReactNode;
                  rightHelper?: ReactNode;
                  leftHelperPlacement?: 'outer' | 'inner' | undefined;
              } & {
                  required?: boolean | undefined;
                  requiredPlacement?: 'right' | 'left' | undefined;
                  optional?: boolean | undefined;
                  hasRequiredIndicator?: boolean | undefined;
              } & {
                  hintText?: undefined;
                  hintOpened?: undefined;
                  hintTrigger?: undefined;
                  hintView?: undefined;
                  hintSize?: undefined;
                  hintTargetIcon?: undefined;
                  hintPlacement?: undefined;
                  hintHasArrow?: undefined;
                  hintOffset?: undefined;
                  hintWidth?: undefined;
                  hintContentLeft?: undefined;
              } & {
                  size?: string | undefined;
                  view?: string | undefined;
              } & {
                  clear?: true | undefined;
                  hasDivider?: boolean | undefined;
              } & {
                  rows?: undefined;
                  cols?: undefined;
              } & {
                  autoResize?: undefined;
                  maxAuto?: undefined;
                  minAuto?: undefined;
              } & {
                  height?: undefined;
                  width?: undefined;
              } & RefAttributes<HTMLTextAreaElement>)
        )
>;

// @public
export const TextField: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        labelPlacement: {
            inner: PolymorphicClassName;
            outer: PolymorphicClassName;
        };
        clear: {
            true: PolymorphicClassName;
        };
        chipView: {
            default: PolymorphicClassName;
            secondary: PolymorphicClassName;
            accent: PolymorphicClassName;
            positive: PolymorphicClassName;
            warning: PolymorphicClassName;
            negative: PolymorphicClassName;
        };
        hintView: {
            default: PolymorphicClassName;
        };
        hintSize: {
            m: PolymorphicClassName;
            s: PolymorphicClassName;
        };
        disabled: {
            true: PolymorphicClassName;
        };
        readOnly: {
            true: PolymorphicClassName;
        };
    }> &
        (
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: boolean | undefined;
                      hasDivider?: boolean | undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintText: string;
                      hintTrigger?: 'hover' | 'click' | undefined;
                      hintView?: string | undefined;
                      hintSize?: string | undefined;
                      hintTargetIcon?: ReactNode;
                      hintTargetPlacement?: 'outer' | 'inner' | undefined;
                      hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
                      hintHasArrow?: boolean | undefined;
                      hintOffset?: [number, number] | undefined;
                      hintWidth?: string | undefined;
                      hintContentLeft?: ReactNode;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      chips?: undefined;
                      onChangeChips?: undefined;
                      enumerationType?: 'plain' | undefined;
                      onSearch?:
                          | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                          | undefined;
                      chipType?: undefined;
                      chipView?: undefined;
                      chipValidator?: undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
            | ({
                  size?: string | undefined;
                  view?: string | undefined;
                  readOnly?: boolean | undefined;
                  disabled?: boolean | undefined;
              } & {
                  titleCaption?: ReactNode;
                  leftHelper?: ReactNode;
                  contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
                  textBefore?: string | undefined;
                  textAfter?: string | undefined;
                  onSearch?:
                      | ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void)
                      | undefined;
              } & LabelProps &
                  RequiredProps & {
                      clear?: false | undefined;
                      hasDivider?: undefined;
                  } & {
                      hintTrigger?: undefined;
                      hintText?: undefined;
                      hintView?: undefined;
                      hintSize?: undefined;
                      hintTargetIcon?: undefined;
                      hintTargetPlacement?: undefined;
                      hintPlacement?: undefined;
                      hintHasArrow?: undefined;
                      hintOffset?: undefined;
                      hintWidth?: undefined;
                      hintContentLeft?: undefined;
                  } & {
                      enumerationType: 'chip';
                      onSearch?: undefined;
                      chips?: TextFieldPrimitiveValue[] | undefined;
                      onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
                      chipType?: 'default' | 'text' | undefined;
                      chipView?: string | undefined;
                      chipValidator?:
                          | ((
                                value: string,
                            ) => {
                                view?: string | undefined;
                            })
                          | undefined;
                  } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'> &
                  RefAttributes<HTMLInputElement>)
        )
>;

// @public
export const TextFieldGroup: FunctionComponent<
    PropsType<{
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
        orientation: {
            horizontal: PolymorphicClassName;
            vertical: PolymorphicClassName;
        };
        gap: {
            none: PolymorphicClassName;
            dense: PolymorphicClassName;
            wide: PolymorphicClassName;
        };
        shape: {
            segmented: PolymorphicClassName;
            default: PolymorphicClassName;
        };
        stretching: {
            auto: PolymorphicClassName;
            filled: PolymorphicClassName;
        };
    }> &
        (
            | (HTMLAttributes<HTMLDivElement> & {
                  orientation?: Orientation | undefined;
                  stretching?: ('auto' | 'filled') | undefined;
                  size?: string | undefined;
                  isCommonTextFieldStyles?: boolean | undefined;
              } & {
                  gap?: 'none' | 'dense' | undefined;
                  shape?: 'segmented' | undefined;
              } & RefAttributes<HTMLDivElement>)
            | (HTMLAttributes<HTMLDivElement> & {
                  orientation?: Orientation | undefined;
                  stretching?: ('auto' | 'filled') | undefined;
                  size?: string | undefined;
                  isCommonTextFieldStyles?: boolean | undefined;
              } & {
                  gap?: 'dense' | 'wide' | undefined;
                  shape?: 'default' | undefined;
              } & RefAttributes<HTMLDivElement>)
        )
>;

export { TextFieldGroupProps };

export { TextFieldProps };

export { textFieldTokens };

// @public (undocumented)
export const TextL: FunctionComponent<
    PropsType<{
        size: {
            l: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { textL };

export { textLBold };

// @public (undocumented)
export const TextM: FunctionComponent<
    PropsType<{
        size: {
            m: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { textM };

export { textMBold };

// @public (undocumented)
export const TextS: FunctionComponent<
    PropsType<{
        size: {
            s: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { textS };

export { textSBold };

// @public (undocumented)
export const TextSkeleton: FC<
    PropsType<{
        size: {
            bodyL: PolymorphicClassName;
            bodyM: PolymorphicClassName;
            bodyS: PolymorphicClassName;
            bodyXS: PolymorphicClassName;
            bodyXXS: PolymorphicClassName;
            dsplL: PolymorphicClassName;
            dsplM: PolymorphicClassName;
            dsplS: PolymorphicClassName;
            h1: PolymorphicClassName;
            h2: PolymorphicClassName;
            h3: PolymorphicClassName;
            h4: PolymorphicClassName;
            h5: PolymorphicClassName;
            textL: PolymorphicClassName;
            textM: PolymorphicClassName;
            textS: PolymorphicClassName;
            textXS: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> &
        SkeletonSizeProps & {
            customGradientColor?: string | undefined;
            roundness?: 0 | 8 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 250 | undefined;
        } & SkeletonGradientProps &
        RefAttributes<HTMLDivElement> &
        TextSkeletonBaseProps
>;

// @public (undocumented)
export const TextXS: FunctionComponent<
    PropsType<{
        size: {
            xs: PolymorphicClassName;
        };
    }> & {
        noWrap?: boolean | undefined;
        breakWord?: boolean | undefined;
        color?: string | undefined;
    } & SpacingProps &
        BoldProps &
        HTMLAttributes<HTMLDivElement> &
        RefAttributes<HTMLDivElement>
>;

export { textXS };

export { textXSBold };

// @public (undocumented)
export const Toast: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
            dark: PolymorphicClassName;
            light: PolymorphicClassName;
        };
        size: {
            m: PolymorphicClassName;
        };
        closeIconType: {
            default: PolymorphicClassName;
        };
        pilled: {
            true: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLButtonElement> &
        CustomToastProps &
        RefAttributes<HTMLDivElement>
>;

export { ToastPosition };

export { ToastProps };

// @public (undocumented)
export const ToastProvider: ({ children }: { children: ReactNode }) => JSX.Element;

export { ToastRole };

// @public
export const Toolbar: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            xs: PolymorphicClassName;
            s: PolymorphicClassName;
            m: PolymorphicClassName;
            l: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> & {
            children: ReactNode;
            orientation?: 'horizontal' | 'vertical' | undefined;
            hasShadow?: boolean | undefined;
            size?: string | undefined;
            view?: string | undefined;
        } & RefAttributes<HTMLDivElement>
>;

// @public (undocumented)
export const ToolbarDivider: FunctionComponent<PropsType<Variants> & DividerProps & RefAttributes<HTMLDivElement>>;

export { ToolbarProps };

export { toolbarTokens };

// @public (undocumented)
export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;

export { TooltipProps };

// @public (undocumented)
export const Tree: FunctionComponent<
    PropsType<{
        view: {
            default: PolymorphicClassName;
        };
        size: {
            l: PolymorphicClassName;
            m: PolymorphicClassName;
            s: PolymorphicClassName;
            xs: PolymorphicClassName;
        };
    }> &
        TreeProps_2 &
        RefAttributes<HTMLDivElement>
>;

export { TreeItem };

export { TreeProps };

export { usePopupContext };

export { useSegment };

export { useToast };

// @public (undocumented)
export const ViewContainer: FunctionComponent<
    PropsType<{
        view: {
            onDark: PolymorphicClassName;
            onLight: PolymorphicClassName;
        };
    }> &
        HTMLAttributes<HTMLDivElement> &
        ViewContainerCustomProps &
        RefAttributes<HTMLAnchorElement>
>;

export { withSkeleton };

export * from '@salutejs/sdds-themes/tokens/sdds_serv';

// (No @packageDocumentation comment for this package)
```
