## API Report File for "@salutejs/plasma-web"

> 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 { AccordionProps } from '@salutejs/plasma-new-hope/styled-components';
import { addFocus } from '@salutejs/plasma-core';
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 { animatedScrollToX } from '@salutejs/plasma-core';
import { animatedScrollToY } from '@salutejs/plasma-core';
import { applyBlur } from '@salutejs/plasma-core';
import { applyDisabled } from '@salutejs/plasma-core';
import { applyEllipsis } from '@salutejs/plasma-core';
import { applyHyphens } from '@salutejs/plasma-core';
import { applyMaxLines } from '@salutejs/plasma-core';
import { applyNoSelect } from '@salutejs/plasma-core';
import { applyRoundness } from '@salutejs/plasma-core';
import { applyScrollSnap } from '@salutejs/plasma-core';
import { applySkeletonGradient } from '@salutejs/plasma-core';
import { applySpacing } from '@salutejs/plasma-core';
import { applyView } from '@salutejs/plasma-core';
import { arrayItemRemoving } from '@salutejs/plasma-hope';
import { arrayItemSelecting } from '@salutejs/plasma-hope';
import { arrayItemSwapping } from '@salutejs/plasma-hope';
import { AsProps } from '@salutejs/plasma-core';
import { AsProps as AsProps_2 } from '@salutejs/plasma-new-hope/styled-components';
import { AudioPlayer } from '@salutejs/plasma-hope';
import { AudioPlayerProps } from '@salutejs/plasma-hope';
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 { BlurProps } from '@salutejs/plasma-core';
import { blurs } from '@salutejs/plasma-core';
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 { Breakpoint } from '@salutejs/plasma-hope';
import { BreakWordProps } from '@salutejs/plasma-core';
import { ButtonBase } from '@salutejs/plasma-new-hope/styled-components';
import { ButtonGroupProps } from '@salutejs/plasma-new-hope/styled-components';
import { ButtonHTMLAttributes } from 'react';
import { ButtonProps } from '@salutejs/plasma-new-hope/styled-components';
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 { canUseDOM } from '@salutejs/plasma-core';
import { Card } from '@salutejs/plasma-hope';
import { CardBadge } from '@salutejs/plasma-hope';
import { CardBody } from '@salutejs/plasma-hope';
import { CardBodyProps } from '@salutejs/plasma-hope';
import { CardContent } from '@salutejs/plasma-hope';
import { CardContentProps } from '@salutejs/plasma-hope';
import { CardMedia } from '@salutejs/plasma-hope';
import { CardMediaProps } from '@salutejs/plasma-hope';
import { CardProps } from '@salutejs/plasma-hope';
import { Carousel } from '@salutejs/plasma-hope';
import { CarouselGridWrapper } from '@salutejs/plasma-hope';
import { CarouselItem } from '@salutejs/plasma-hope';
import { CarouselItemProps } from '@salutejs/plasma-hope';
import { CarouselProps } from '@salutejs/plasma-hope';
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 { clearSelection } from '@salutejs/plasma-hope';
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 { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
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 { ComponentClass } from 'react';
import { ComponentProps } from 'react';
import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
import { convertRoundnessMatrix } from '@salutejs/plasma-core';
import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
import { CSSProperties } from 'react';
import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
import { CustomCounterProps } from '@salutejs/plasma-new-hope/types/components/Counter/Counter.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 { defaultValidate } from '@salutejs/plasma-hope';
import { DisabledProps } from '@salutejs/plasma-core';
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 { DropdownItemProps } from '@salutejs/plasma-hope';
import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
import { DropdownNodeType } from '@salutejs/plasma-hope';
import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
import { DropdownPopupProps } from '@salutejs/plasma-hope';
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 { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
import { ElasticGrid } from '@salutejs/plasma-hope';
import { ElasticGridProps } from '@salutejs/plasma-hope';
import { extractTextFrom } from '@salutejs/plasma-core';
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 { FocusProps } from '@salutejs/plasma-core';
import { formatCurrency } from '@salutejs/plasma-core';
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 { gridBreakpoints } from '@salutejs/plasma-hope';
import { gridColumns } from '@salutejs/plasma-hope';
import { gridGutters } from '@salutejs/plasma-hope';
import { gridMargins } from '@salutejs/plasma-hope';
import { gridSizes } from '@salutejs/plasma-hope';
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-core';
import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-hope';
import { InputHTMLAttributes as InputHTMLAttributes_3 } from '@salutejs/plasma-new-hope/styled-components';
import { InputHTMLAttributes as InputHTMLAttributes_4 } from 'react';
import type { ItemOption } from '@salutejs/plasma-new-hope';
import { JSXElementConstructor } from 'react';
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
import { List } from '@salutejs/plasma-hope';
import { ListItem } from '@salutejs/plasma-hope';
import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
import { MaxLinesProps } from '@salutejs/plasma-core';
import { mediaQuery } from '@salutejs/plasma-hope';
import { MediaQueryFunction } from '@salutejs/plasma-hope';
import type { MergedSelectProps } from '@salutejs/plasma-new-hope';
import { Modal } from '@salutejs/plasma-hope';
import { modalClasses as modalBaseClasses } from '@salutejs/plasma-new-hope/styled-components';
import { ModalProps as ModalBaseProps } from '@salutejs/plasma-new-hope/styled-components';
import { ModalProps } from '@salutejs/plasma-hope';
import { ModalsProvider } from '@salutejs/plasma-hope';
import { ModalView } from '@salutejs/plasma-hope';
import { monthLongName } from '@salutejs/plasma-core';
import { monthShortName } from '@salutejs/plasma-core';
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 { OutlinedProps } from '@salutejs/plasma-core';
import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
import { padZeroNumber } from '@salutejs/plasma-core';
import { PaginationDot } from '@salutejs/plasma-hope';
import { PaginationDotProps } from '@salutejs/plasma-hope';
import { PaginationDots } from '@salutejs/plasma-hope';
import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components';
import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel';
import { PickOptional } from '@salutejs/plasma-core';
import { PinProps } from '@salutejs/plasma-core';
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 type { PopoverPlacement as PopoverPlacement_2 } from '@salutejs/plasma-new-hope';
import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
import type { PopoverPlacementBasic as PopoverPlacementBasic_2 } from '@salutejs/plasma-new-hope';
import { PopoverProps } from '@salutejs/plasma-new-hope/styled-components';
import { PopoverTrigger } from '@salutejs/plasma-new-hope/styled-components';
import { Popup } from '@salutejs/plasma-hope';
import { popupClasses as popupBaseClasses } from '@salutejs/plasma-new-hope/styled-components';
import { PopupPlacement as PopupBasePlacement } from '@salutejs/plasma-new-hope/styled-components';
import { PopupProps as PopupBaseProps } from '@salutejs/plasma-new-hope/styled-components';
import { PopupProvider as PopupBaseProvider } from '@salutejs/plasma-new-hope/styled-components';
import { PopupInfo } from '@salutejs/plasma-new-hope/styled-components';
import { PopupProps } from '@salutejs/plasma-hope';
import { Portal } from '@salutejs/plasma-new-hope/styled-components';
import { PortalProps } from '@salutejs/plasma-new-hope/styled-components';
import { PreviewGallery } from '@salutejs/plasma-hope';
import { PreviewGalleryItemProps } from '@salutejs/plasma-hope';
import { PreviewGalleryProps } from '@salutejs/plasma-hope';
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 { radiuses } from '@salutejs/plasma-core';
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 { ratingClasses } from '@salutejs/plasma-new-hope/styled-components';
import { ratingTokens } 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 { ReactFragment } from 'react';
import { ReactNode } from 'react';
import { ReactPortal } from 'react';
import { RectSkeleton } from '@salutejs/plasma-new-hope/styled-components';
import { RectSkeletonProps } 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 { RightContent } from '@salutejs/plasma-new-hope/styled-components';
import { Roundness } from '@salutejs/plasma-core';
import { RoundnessProps } from '@salutejs/plasma-core';
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 { ScrollSnapProps } from '@salutejs/plasma-core';
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 { SelectGroup } from '@salutejs/plasma-hope';
import { DropdownNodeSelect 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 { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
import { selectText } from '@salutejs/plasma-hope';
import { setRef } from '@salutejs/plasma-core';
import { shadows } from '@salutejs/plasma-core';
import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
import { ShiftProps } from '@salutejs/plasma-core';
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
import { SkeletonGradientProps } from '@salutejs/plasma-core';
import { SkeletonGradientProps as SkeletonGradientProps_2 } 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 { SmartPaginationDots } from '@salutejs/plasma-hope';
import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
import { SnapAlign } from '@salutejs/plasma-core';
import { SnapType } from '@salutejs/plasma-core';
import { spacing } from '@salutejs/plasma-core';
import { SpacingProps } from '@salutejs/plasma-core';
import { SpacingProps as SpacingProps_2 } from '@salutejs/plasma-new-hope/styled-components';
import { SpinnerProps } from '@salutejs/plasma-core';
import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types';
import { StatusType } from '@salutejs/plasma-hope';
import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
import { StyledCard } from '@salutejs/plasma-hope';
import { StyledComponent } from 'styled-components';
import { StyledPreviewGallery } from '@salutejs/plasma-hope';
import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
import { SyntheticEvent } from 'react';
import { syntheticFocus } from '@salutejs/plasma-core';
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-core';
import { TextareaHTMLAttributes as TextareaHTMLAttributes_2 } from '@salutejs/plasma-new-hope/styled-components';
import type { TextAreaProps as TextAreaProps_2 } from '@salutejs/plasma-hope';
import { TextareaResize } from '@salutejs/plasma-core';
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 type { TextFieldProps as TextFieldProps_3 } from '@salutejs/plasma-hope';
import { TextFieldView } from '@salutejs/plasma-hope';
import { TextSkeletonBaseProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/TextSkeleton/TextSkeleton.types';
import { TextSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
import { TimingFunction } from '@salutejs/plasma-core';
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 { toCssSize } from '@salutejs/plasma-core';
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 { transformStyles } from '@salutejs/plasma-core';
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 { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
import { TypographyVariants } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
import { Upload } from '@salutejs/plasma-hope';
import { UploadAudio } from '@salutejs/plasma-hope';
import { UploadAudioProps } from '@salutejs/plasma-hope';
import { UploadProgress } from '@salutejs/plasma-hope';
import { UploadProgressProps } from '@salutejs/plasma-hope';
import { UploadProps } from '@salutejs/plasma-hope';
import { UploadVisual } from '@salutejs/plasma-hope';
import { UploadVisualProps } from '@salutejs/plasma-hope';
import { useDebouncedFunction } from '@salutejs/plasma-core';
import { useFocusTrap } from '@salutejs/plasma-hope';
import { useForkRef } from '@salutejs/plasma-core';
import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
import { usePopupContext as usePopupBaseContext } 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 { ValidationResult } from '@salutejs/plasma-hope';
import { ValidatorReturnType } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
import { View } from '@salutejs/plasma-core';
import { ViewProps } from '@salutejs/plasma-core';
import { views } from '@salutejs/plasma-core';
import { withAssistiveDropdown } from '@salutejs/plasma-hope';
import { withAutoFocus } from '@salutejs/plasma-core';
import { WithAutoFocusProps } from '@salutejs/plasma-core';
import { withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
import { WithSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';

// @public
export const Accordion: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
secondary: PolymorphicClassName;
outlined: PolymorphicClassName;
clear: PolymorphicClassName;
};
size: {
l: PolymorphicClassName;
m: PolymorphicClassName;
s: PolymorphicClassName;
xs: PolymorphicClassName;
h2: PolymorphicClassName;
h3: PolymorphicClassName;
h4: PolymorphicClassName;
h5: PolymorphicClassName;
};
stretching: {
filled: PolymorphicClassName;
fixed: 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 { AccordionProps }

export { addFocus }

export { addNotification }

export { animatedScrollToX }

export { animatedScrollToY }

export { applyBlur }

export { applyDisabled }

export { applyEllipsis }

export { applyHyphens }

export { applyMaxLines }

export { applyNoSelect }

// @public (undocumented)
export const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
    backgroundColor?: ("text" | "accent" | "primary" | "secondary" | "tertiary" | "paragraph" | "warning" | "overlay" | "success" | "critical" | "textPrimaryHover" | "textPrimaryActive" | "textPrimary" | "textPrimaryBrightness" | "textSecondaryHover" | "textSecondaryActive" | "textSecondary" | "textTertiaryHover" | "textTertiaryActive" | "textTertiary" | "textParagraphHover" | "textParagraphActive" | "textParagraph" | "textAccentHover" | "textAccentActive" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositiveHover" | "textPositiveActive" | "textWarningHover" | "textWarningActive" | "textNegativeHover" | "textNegativeActive" | "textInfoHover" | "textInfoActive" | "textPositiveMinorHover" | "textPositiveMinorActive" | "textWarningMinorHover" | "textWarningMinorActive" | "textNegativeMinorHover" | "textNegativeMinorActive" | "textInfoMinorHover" | "textInfoMinorActive" | "textAccent" | "textAccentMinor" | "textPositive" | "textWarning" | "textNegative" | "textPositiveMinor" | "textWarningMinor" | "textNegativeMinor" | "textInfo" | "textInfoMinor" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextSecondary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextTertiary" | "onDarkTextParagraphHover" | "onDarkTextParagraphActive" | "onDarkTextParagraph" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccent" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextPositiveMinorHover" | "onDarkTextPositiveMinorActive" | "onDarkTextWarningMinorHover" | "onDarkTextWarningMinorActive" | "onDarkTextNegativeMinorHover" | "onDarkTextNegativeMinorActive" | "onDarkTextInfoMinorHover" | "onDarkTextInfoMinorActive" | "onDarkTextAccentMinor" | "onDarkTextPositive" | "onDarkTextWarning" | "onDarkTextNegative" | "onDarkTextPositiveMinor" | "onDarkTextWarningMinor" | "onDarkTextNegativeMinor" | "onDarkTextInfo" | "onDarkTextInfoMinor" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextSecondary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextTertiary" | "onLightTextParagraphHover" | "onLightTextParagraphActive" | "onLightTextParagraph" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccent" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfoHover" | "onLightTextInfoActive" | "onLightTextPositiveMinorHover" | "onLightTextPositiveMinorActive" | "onLightTextWarningMinorHover" | "onLightTextWarningMinorActive" | "onLightTextNegativeMinorHover" | "onLightTextNegativeMinorActive" | "onLightTextInfoMinorHover" | "onLightTextInfoMinorActive" | "onLightTextAccentMinor" | "onLightTextPositive" | "onLightTextWarning" | "onLightTextNegative" | "onLightTextPositiveMinor" | "onLightTextWarningMinor" | "onLightTextNegativeMinor" | "onLightTextInfo" | "onLightTextInfoMinor" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextSecondary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextTertiary" | "inverseTextParagraphHover" | "inverseTextParagraphActive" | "inverseTextParagraph" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "inverseTextInfoHover" | "inverseTextInfoActive" | "inverseTextPositiveMinorHover" | "inverseTextPositiveMinorActive" | "inverseTextWarningMinorHover" | "inverseTextWarningMinorActive" | "inverseTextNegativeMinorHover" | "inverseTextNegativeMinorActive" | "inverseTextInfoMinorHover" | "inverseTextInfoMinorActive" | "inverseTextAccent" | "inverseTextAccentMinor" | "inverseTextPositive" | "inverseTextWarning" | "inverseTextNegative" | "inverseTextInfo" | "inverseTextPositiveMinor" | "inverseTextWarningMinor" | "inverseTextNegativeMinor" | "inverseTextInfoMinor" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidSecondary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidTertiary" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceSolidDefault" | "surfaceTransparentPrimaryHover" | "surfaceTransparentPrimaryActive" | "surfaceTransparentPrimary" | "surfaceTransparentSecondaryHover" | "surfaceTransparentSecondaryActive" | "surfaceTransparentSecondary" | "surfaceTransparentTertiaryHover" | "surfaceTransparentTertiaryActive" | "surfaceTransparentTertiary" | "surfaceTransparentDeepHover" | "surfaceTransparentDeepActive" | "surfaceTransparentDeep" | "surfaceTransparentCardHover" | "surfaceTransparentCardActive" | "surfaceTransparentCard" | "surfaceTransparentCardBrightness" | "surfaceClearHover" | "surfaceClearActive" | "surfaceClear" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceAccent" | "surfaceAccentMinorHover" | "surfaceAccentMinorActive" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfacePositive" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceWarning" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceNegative" | "surfaceInfoHover" | "surfaceInfoActive" | "surfacePositiveMinorHover" | "surfacePositiveMinorActive" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "surfaceTransparentPositiveHover" | "surfaceTransparentPositiveActive" | "surfaceTransparentWarningHover" | "surfaceTransparentWarningActive" | "surfaceTransparentNegativeHover" | "surfaceTransparentNegativeActive" | "surfaceTransparentInfoHover" | "surfaceTransparentInfoActive" | "surfaceAccentMinor" | "surfacePositiveMinor" | "surfaceWarningMinor" | "surfaceNegativeMinor" | "surfaceTransparentPositive" | "surfaceTransparentWarning" | "surfaceTransparentNegative" | "surfaceInfo" | "surfaceInfoMinor" | "surfaceTransparentAccent" | "surfaceTransparentInfo" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceTransparentPrimaryHover" | "onDarkSurfaceTransparentPrimaryActive" | "onDarkSurfaceTransparentPrimary" | "onDarkSurfaceTransparentSecondaryHover" | "onDarkSurfaceTransparentSecondaryActive" | "onDarkSurfaceTransparentSecondary" | "onDarkSurfaceTransparentTertiaryHover" | "onDarkSurfaceTransparentTertiaryActive" | "onDarkSurfaceTransparentTertiary" | "onDarkSurfaceTransparentDeepHover" | "onDarkSurfaceTransparentDeepActive" | "onDarkSurfaceTransparentDeep" | "onDarkSurfaceTransparentCardHover" | "onDarkSurfaceTransparentCardActive" | "onDarkSurfaceTransparentCard" | "onDarkSurfaceTransparentCardBrightness" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentMinorHover" | "onDarkSurfaceAccentMinorActive" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfacePositive" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceWarning" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceNegative" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfacePositiveMinorHover" | "onDarkSurfacePositiveMinorActive" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onDarkSurfaceTransparentPositiveHover" | "onDarkSurfaceTransparentPositiveActive" | "onDarkSurfaceTransparentWarningHover" | "onDarkSurfaceTransparentWarningActive" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeActive" | "onDarkSurfaceTransparentInfoHover" | "onDarkSurfaceTransparentInfoActive" | "onDarkSurfaceAccentMinor" | "onDarkSurfaceTransparentAccent" | "onDarkSurfacePositiveMinor" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceTransparentPositive" | "onDarkSurfaceTransparentWarning" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceTransparentInfo" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceTransparentPrimaryHover" | "onLightSurfaceTransparentPrimaryActive" | "onLightSurfaceTransparentPrimary" | "onLightSurfaceTransparentSecondaryHover" | "onLightSurfaceTransparentSecondaryActive" | "onLightSurfaceTransparentSecondary" | "onLightSurfaceTransparentTertiaryHover" | "onLightSurfaceTransparentTertiaryActive" | "onLightSurfaceTransparentTertiary" | "onLightSurfaceTransparentDeepHover" | "onLightSurfaceTransparentDeepActive" | "onLightSurfaceTransparentDeep" | "onLightSurfaceTransparentCardHover" | "onLightSurfaceTransparentCardActive" | "onLightSurfaceTransparentCard" | "onLightSurfaceTransparentCardBrightness" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceAccent" | "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" | "onLightSurfaceAccentMinor" | "onLightSurfaceTransparentAccent" | "onLightSurfacePositive" | "onLightSurfaceWarning" | "onLightSurfaceNegative" | "onLightSurfacePositiveMinor" | "onLightSurfaceWarningMinor" | "onLightSurfaceNegativeMinor" | "onLightSurfaceTransparentPositive" | "onLightSurfaceTransparentWarning" | "onLightSurfaceTransparentNegative" | "onLightSurfaceInfo" | "onLightSurfaceInfoMinor" | "onLightSurfaceTransparentInfo" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceTransparentPrimaryHover" | "inverseSurfaceTransparentPrimaryActive" | "inverseSurfaceTransparentSecondaryHover" | "inverseSurfaceTransparentSecondaryActive" | "inverseSurfaceTransparentTertiaryHover" | "inverseSurfaceTransparentTertiaryActive" | "inverseSurfaceTransparentDeepHover" | "inverseSurfaceTransparentDeepActive" | "inverseSurfaceTransparentCardHover" | "inverseSurfaceTransparentCardActive" | "inverseSurfaceTransparentCardBrightness" | "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" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidDefault" | "inverseSurfaceTransparentCard" | "inverseSurfaceTransparentPrimary" | "inverseSurfaceTransparentSecondary" | "inverseSurfaceTransparentTertiary" | "inverseSurfaceTransparentDeep" | "inverseSurfaceClear" | "inverseSurfaceAccent" | "inverseSurfaceAccentMinor" | "inverseSurfaceTransparentAccent" | "inverseSurfacePositive" | "inverseSurfaceWarning" | "inverseSurfaceNegative" | "inverseSurfaceInfo" | "inverseSurfacePositiveMinor" | "inverseSurfaceWarningMinor" | "inverseSurfaceNegativeMinor" | "inverseSurfaceInfoMinor" | "inverseSurfaceTransparentPositive" | "inverseSurfaceTransparentWarning" | "inverseSurfaceTransparentNegative" | "inverseSurfaceTransparentInfo" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "inverseBackgroundPrimary" | "overlaySoft" | "overlayHard" | "overlayBlur" | "onDarkOverlaySoft" | "onDarkOverlayHard" | "onDarkOverlayBlur" | "onLightOverlaySoft" | "onLightOverlayHard" | "onLightOverlayBlur" | "inverseOverlaySoft" | "inverseOverlayHard" | "inverseOverlayBlur" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineSolidTertiaryHover" | "outlineSolidTertiaryActive" | "outlineTransparentPrimaryHover" | "outlineTransparentPrimaryActive" | "outlineTransparentSecondaryHover" | "outlineTransparentSecondaryActive" | "outlineTransparentTertiaryHover" | "outlineTransparentTertiaryActive" | "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" | "outlineDefaultHover" | "outlineDefaultActive" | "outlineTransparentPrimary" | "outlineTransparentSecondary" | "outlineTransparentTertiary" | "outlineClear" | "outlineAccent" | "outlineAccentMinor" | "outlineTransparentAccent" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlinePositiveMinor" | "outlineWarningMinor" | "outlineNegativeMinor" | "outlineTransparentPositive" | "outlineTransparentWarning" | "outlineTransparentNegative" | "outlineInfo" | "outlineInfoMinor" | "outlineTransparentInfo" | "outlineSolidDefault" | "outlineSolidDefaultHover" | "outlineSolidDefaultActive" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineSolidTertiaryHover" | "onDarkOutlineSolidTertiaryActive" | "onDarkOutlineTransparentPrimaryHover" | "onDarkOutlineTransparentPrimaryActive" | "onDarkOutlineTransparentSecondaryHover" | "onDarkOutlineTransparentSecondaryActive" | "onDarkOutlineTransparentTertiaryHover" | "onDarkOutlineTransparentTertiaryActive" | "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" | "onDarkOutlineDefaultHover" | "onDarkOutlineDefaultActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidTertiary" | "onDarkOutlineTransparentPrimary" | "onDarkOutlineTransparentSecondary" | "onDarkOutlineTransparentTertiary" | "onDarkOutlineAccent" | "onDarkOutlineAccentMinor" | "onDarkOutlineTransparentAccent" | "onDarkOutlinePositive" | "onDarkOutlineWarning" | "onDarkOutlineNegative" | "onDarkOutlinePositiveMinor" | "onDarkOutlineWarningMinor" | "onDarkOutlineNegativeMinor" | "onDarkOutlineTransparentPositive" | "onDarkOutlineTransparentWarning" | "onDarkOutlineTransparentNegative" | "onDarkOutlineInfo" | "onDarkOutlineInfoMinor" | "onDarkOutlineTransparentInfo" | "onDarkOutlineSolidDefault" | "onDarkOutlineSolidDefaultHover" | "onDarkOutlineSolidDefaultActive" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineSolidTertiaryHover" | "onLightOutlineSolidTertiaryActive" | "onLightOutlineTransparentPrimaryHover" | "onLightOutlineTransparentPrimaryActive" | "onLightOutlineTransparentSecondaryHover" | "onLightOutlineTransparentSecondaryActive" | "onLightOutlineTransparentTertiaryHover" | "onLightOutlineTransparentTertiaryActive" | "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" | "onLightOutlineDefaultHover" | "onLightOutlineDefaultActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidTertiary" | "onLightOutlineTransparentPrimary" | "onLightOutlineTransparentSecondary" | "onLightOutlineTransparentTertiary" | "onLightOutlineAccent" | "onLightOutlineAccentMinor" | "onLightOutlineTransparentAccent" | "onLightOutlinePositive" | "onLightOutlineWarning" | "onLightOutlineNegative" | "onLightOutlinePositiveMinor" | "onLightOutlineWarningMinor" | "onLightOutlineNegativeMinor" | "onLightOutlineTransparentPositive" | "onLightOutlineTransparentWarning" | "onLightOutlineTransparentNegative" | "onLightOutlineInfo" | "onLightOutlineInfoMinor" | "onLightOutlineTransparentInfo" | "onLightOutlineSolidDefault" | "onLightOutlineSolidDefaultHover" | "onLightOutlineSolidDefaultActive" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineSolidTertiaryHover" | "inverseOutlineSolidTertiaryActive" | "inverseOutlineTransparentPrimaryHover" | "inverseOutlineTransparentPrimaryActive" | "inverseOutlineTransparentSecondaryHover" | "inverseOutlineTransparentSecondaryActive" | "inverseOutlineTransparentTertiaryHover" | "inverseOutlineTransparentTertiaryActive" | "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" | "inverseOutlineTransparentPrimary" | "inverseOutlineTransparentSecondary" | "inverseOutlineTransparentTertiary" | "inverseOutlineClear" | "inverseOutlineDefaultHover" | "inverseOutlineDefaultActive" | "inverseOutlineAccent" | "inverseOutlineAccentMinor" | "inverseOutlineTransparentAccent" | "inverseOutlinePositive" | "inverseOutlineWarning" | "inverseOutlineNegative" | "inverseOutlineInfo" | "inverseOutlinePositiveMinor" | "inverseOutlineWarningMinor" | "inverseOutlineNegativeMinor" | "inverseOutlineInfoMinor" | "inverseOutlineTransparentPositive" | "inverseOutlineTransparentWarning" | "inverseOutlineTransparentNegative" | "inverseOutlineTransparentInfo" | "inverseOutlineSolidDefault" | "inverseOutlineSolidDefaultHover" | "inverseOutlineSolidDefaultActive" | "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" | "whitePrimary" | "whiteSecondary" | "whiteTertiary" | "blackPrimary" | "blackSecondary" | "blackTertiary" | "buttonBlack" | "buttonBlackSecondary" | "buttonWhite" | "buttonWhiteSecondary" | "background" | "surfaceLiquid01" | "surfaceLiquid02" | "surfaceLiquid03" | "surfaceSolid01" | "surfaceSolid02" | "surfaceSolid03" | "surfaceCard" | "buttonSecondary" | "buttonAccent" | "buttonSuccess" | "buttonWarning" | "buttonCritical" | "textAccentGradientHover" | "textAccentGradientActive" | "textAccentGradient" | "onDarkTextAccentGradientHover" | "onDarkTextAccentGradientActive" | "onDarkTextAccentGradient" | "onLightTextAccentGradientHover" | "onLightTextAccentGradientActive" | "onLightTextAccentGradient" | "inverseTextAccentGradientHover" | "inverseTextAccentGradientActive" | "inverseTextAccentGradient" | "surfaceAccentGradientHover" | "surfaceAccentGradientActive" | "surfaceAccentGradient" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceAccentGradientHover" | "onDarkSurfaceAccentGradientActive" | "onDarkSurfaceAccentGradient" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceAccentGradientHover" | "onLightSurfaceAccentGradientActive" | "onLightSurfaceAccentGradient" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceAccentGradientHover" | "inverseSurfaceAccentGradientActive" | "inverseSurfaceAccentGradient" | "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;

export { applyRoundness }

export { applyScrollSnap }

export { applySkeletonGradient }

export { applySpacing }

export { applyView }

export { arrayItemRemoving }

export { arrayItemSelecting }

export { arrayItemSwapping }

export { AsProps }

// @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_2<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_2<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_2<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_2<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_2<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_2<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_2<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_2<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>))>;

export { AudioPlayer }

export { AudioPlayerProps }

// @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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<InputHTMLAttributes_4<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;
contentLeft?: ReactNode;
contentRight?: ReactNode;
customColor?: string | undefined;
customBackgroundColor?: string | undefined;
} & {
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;
contentLeft?: undefined;
contentRight?: undefined;
customColor?: undefined;
customBackgroundColor?: 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;
primary: 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 }

export { BlurProps }

export { blurs }

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

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

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

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

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

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

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

// @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 }

export { Breakpoint }

export { BreakWordProps }

// @public
export const Button: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
primary: 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_2<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_2<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 (undocumented)
export const Button1: FunctionComponent<PropsType<    {
size: {
button1: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Button2: FunctionComponent<PropsType<    {
size: {
button2: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { ButtonBase }

// @public
export const ButtonGroup: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
primary: 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 }

export { ButtonProps }

// @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 }

export { canUseDOM }

// @public (undocumented)
export const Caption: FunctionComponent<PropsType<    {
size: {
m: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { Card }

export { CardBadge }

export { CardBody }

export { CardBodyProps }

export { CardContent }

export { CardContentProps }

export { CardMedia }

export { CardMediaProps }

export { CardProps }

export { Carousel }

export { CarouselGridWrapper }

export { CarouselItem }

export { CarouselItemProps }

export { CarouselProps }

// @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;
primary: 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;
primary: 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 { clearSelection }

export { closeNotification }

export { ClosePlacementType }

export { Col }

export { ColCount }

export { ColOffsetProps }

export { ColProps }

export { ColSizeProps }

// Warning: (ae-forgotten-export) The symbol "CommonProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const Combobox: <T extends ItemOption>(props: CommonProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

// @public (undocumented)
export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
id?: string | undefined;
size?: string | undefined;
view?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const ComboboxFooter: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
id?: string | undefined;
size?: string | undefined;
view?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const ComboboxGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
id?: string | undefined;
labelClassName?: string | undefined;
groupClassName?: string | undefined;
label?: ReactNode;
role?: string | undefined;
size?: string | undefined;
view?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const ComboboxHeader: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
id?: string | undefined;
size?: string | undefined;
view?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const ComboboxItem: FunctionComponent<PropsType<Variants> & Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
id?: string | undefined;
disabled?: boolean | undefined;
label?: ReactNode;
role?: string | undefined;
contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement<any, string | JSXElementConstructor<any>> | FunctionComponent<any> | ComponentClass<any, any> | null | undefined;
name?: string | undefined;
checked?: boolean | undefined;
text?: string | undefined;
value?: string | number | boolean | undefined;
isSelected?: boolean | undefined;
onClick?: ((event: MouseEvent_2<HTMLDivElement, MouseEvent>) => void) | undefined;
onSelect?: ((value?: any, text?: any) => void) | undefined;
size?: string | undefined;
view?: string | undefined;
} & RefAttributes<HTMLDivElement>>;

export { ComboboxProps }

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

export { ContainerProps }

export { convertRoundnessMatrix }

// @public
export const Counter: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
primary: 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" | "icon" | "dash" | 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 }

export { defaultValidate }

export { DisabledProps }

// @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;
};
}> & PopupBaseProps & 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>, "view" | "size"> & 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>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

// @public (undocumented)
export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;

export { DropdownItemOption }

export { DropdownItemProps }

export { DropdownItemType }

// @public (undocumented)
export const DropdownList: StyledComponent<"ul", any, {}, never>;

export { DropdownNodeType }

// @public (undocumented)
export const DropdownPopup: React_2.ForwardRefExoticComponent<DropdownPopupProps & React_2.RefAttributes<HTMLDivElement>>;

export { DropdownPopupProps }

// 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_4<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_2 & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;

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

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

// @public (undocumented)
export const Editable: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
};
size: {
m: PolymorphicClassName;
};
}> & EditableProps<TypographyVariants> & RefAttributes<HTMLInputElement>>;

export { ElasticGrid }

export { ElasticGridProps }

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

export { extractTextFrom }

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

export { FocusProps }

// @public (undocumented)
export const Footnote1: FunctionComponent<PropsType<    {
size: {
footnote1: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Footnote2: FunctionComponent<PropsType<    {
size: {
footnote2: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { formatCurrency }

export { gridBreakpoints }

export { gridColumns }

export { gridGutters }

export { gridMargins }

export { gridSizes }

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

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

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

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

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

// @public (undocumented)
export const Headline1: FunctionComponent<PropsType<    {
size: {
headline1: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Headline2: FunctionComponent<PropsType<    {
size: {
headline2: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Headline3: FunctionComponent<PropsType<    {
size: {
headline3: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Headline4: FunctionComponent<PropsType<    {
size: {
headline4: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const Headline5: FunctionComponent<PropsType<    {
size: {
headline5: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @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_2<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_2<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?: "16 / 9" | "1 / 1" | "1/1" | "3 / 4" | "3/4" | "4 / 3" | "4/3" | "9 / 16" | "9/16" | "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 }

export { InputHTMLAttributes }

// @public
export const LineSkeleton: FunctionComponent<PropsType<    {
size: {
body1: PolymorphicClassName;
body2: PolymorphicClassName;
body3: PolymorphicClassName;
button1: PolymorphicClassName;
button2: PolymorphicClassName;
caption: PolymorphicClassName;
display1: PolymorphicClassName;
display2: PolymorphicClassName;
display3: PolymorphicClassName;
footnote1: PolymorphicClassName;
footnote2: PolymorphicClassName;
headline1: PolymorphicClassName;
headline2: PolymorphicClassName;
headline3: PolymorphicClassName;
headline4: PolymorphicClassName;
paragraph1: PolymorphicClassName;
paragraph2: PolymorphicClassName;
underline: PolymorphicClassName;
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_2 & RefAttributes<HTMLDivElement>>;

export { LineSkeletonProps }

// @public
export const Link: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
primary: 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: {
xl: PolymorphicClassName;
l: PolymorphicClassName;
m: PolymorphicClassName;
s: PolymorphicClassName;
xs: PolymorphicClassName;
xxs: 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>>;

export { List }

export { ListItem }

// @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_3<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_3<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_3<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_3<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_3<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_3<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_3<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_3<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref">) & RefAttributes<HTMLInputElement>>;

export { MaxLinesProps }

export { mediaQuery }

export { MediaQueryFunction }

export { Modal }

// @public
export const ModalBase: ForwardRefExoticComponent<ModalBaseProps & RefAttributes<HTMLDivElement>>;

export { modalBaseClasses }

export { ModalBaseProps }

export { ModalProps }

export { ModalsProvider }

export { ModalView }

export { monthLongName }

export { monthShortName }

// @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_4<HTMLInputElement>, "onChange" | "size" | "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_4<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>))>;

export { numberInputClasses }

export { numberInputTokens }

export { OutlinedProps }

export { Overlay }

export { OverlayProps }

// @public (undocumented)
export const P1: FunctionComponent<PropsType<    {
size: {
paragraph1: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const P2: FunctionComponent<PropsType<    {
size: {
paragraph2: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { padZeroNumber }

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

export { PaginationDot }

export { PaginationDotProps }

export { PaginationDots }

export { PaginationProps }

// @public (undocumented)
export const ParagraphText1: FunctionComponent<PropsType<    {
size: {
paragraphText1: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

// @public (undocumented)
export const ParagraphText2: FunctionComponent<PropsType<    {
size: {
paragraphText2: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { PickOptional }

export { PinProps }

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

export { PopoverPlacement }

export { PopoverProps }

export { PopoverTrigger }

export { Popup }

// @public
export const PopupBase: ForwardRefExoticComponent<PopupBaseProps & RefAttributes<HTMLDivElement>>;

export { popupBaseClasses }

export { PopupBasePlacement }

export { PopupBaseProps }

export { PopupBaseProvider }

export { PopupInfo }

export { PopupProps }

export { Portal }

export { PortalProps }

export { PreviewGallery }

export { PreviewGalleryItemProps }

export { PreviewGalleryProps }

// @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;
primary: PolymorphicClassName;
secondary: PolymorphicClassName;
tertiary: PolymorphicClassName;
paragraph: PolymorphicClassName;
positive: PolymorphicClassName;
warning: PolymorphicClassName;
negative: PolymorphicClassName;
};
disabled: {
true: PolymorphicClassName;
};
focused: {
true: PolymorphicClassName;
};
}> & Filter<InputHTMLAttributes_3<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 }

export { radiuses }

// @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 }

// @public (undocumented)
export const Rating: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
accent: PolymorphicClassName;
};
size: {
l: PolymorphicClassName;
m: PolymorphicClassName;
s: PolymorphicClassName;
xs: PolymorphicClassName;
xxs: PolymorphicClassName;
h1: PolymorphicClassName;
h2: PolymorphicClassName;
h3: PolymorphicClassName;
h4: PolymorphicClassName;
h5: PolymorphicClassName;
displayL: PolymorphicClassName;
displayM: PolymorphicClassName;
displayS: PolymorphicClassName;
};
}> & {
value?: number | null | undefined;
hasValue?: boolean | undefined;
precision?: number | undefined;
valuePlacement?: "after" | "before" | undefined;
iconSlot?: ReactNode;
iconSlotOutline?: ReactNode;
iconSlotHalf?: ReactNode;
hasIcons?: boolean | undefined;
iconQuantity?: 1 | 5 | 10 | undefined;
helperText?: string | undefined;
helperTextStretching?: "fixed" | "filled" | undefined;
size?: string | undefined;
view?: string | undefined;
} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLInputElement>>;

export { ratingClasses }

export { ratingTokens }

export { Ratio }

export { RectSkeleton }

export { RectSkeletonProps }

export { Roundness }

export { RoundnessProps }

export { Row }

export { ScreenConfig }

export { ScreenMap }

export { ScreenVariant }

export { ScrollSnapProps }

// @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: <T, K extends SelectItemOption>(props: SelectProps<T, K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;

export { SelectGroup }

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<T, K extends SelectItemOption> = DistributiveOmit<MergedSelectProps<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;

export { SelectPropsHope }

export { selectText }

export { setRef }

export { shadows }

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

export { sheetClasses }

export { SheetProps }

export { ShiftProps }

export { ShowToastArgs }

export { SkeletonGradientProps }

// @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?: "m" | "s" | "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?: "m" | "s" | "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?: "m" | "s" | "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?: "m" | "s" | "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 }

export { SmartPaginationDots }

export { SmartPaginationDotsProps }

export { SnapAlign }

export { SnapType }

export { spacing }

export { SpacingProps }

// @public
export const Spinner: StyledComponent<FunctionComponent<SpinnerProps>, any, {}, never>;

export { SpinnerProps }

export { SSRProvider }

export { StatusType }

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>>;

export { StyledCard }

export { StyledPreviewGallery }

// @public (undocumented)
export const Subtitle: FunctionComponent<PropsType<    {
size: {
m: PolymorphicClassName;
};
}> & SubtitleProps & 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>;

export { syntheticFocus }

// 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;
primary: PolymorphicClassName;
positive: PolymorphicClassName;
warning: PolymorphicClassName;
negative: PolymorphicClassName;
};
hintView: {
default: PolymorphicClassName;
};
hintSize: {
m: PolymorphicClassName;
s: PolymorphicClassName;
};
clear: {
true: PolymorphicClassName;
};
disabled: {
true: PolymorphicClassName;
};
}> & ((Omit<TextareaHTMLAttributes_2<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_2<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_2<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_2<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_2<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_2<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_2<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_2<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>))>;

export { TextareaHTMLAttributes }

// Warning: (ae-forgotten-export) The symbol "newHopeTextAreaProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "ClearProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "HintProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type TextAreaProps = TextAreaProps_2 & Pick<newHopeTextAreaProps, 'title' | 'titleCaption' | 'required' | 'requiredPlacement' | 'optional'> & ClearProps & HintProps;

export { TextareaResize }

// @public
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps & React_2.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 }

// Warning: (ae-forgotten-export) The symbol "TextFieldProps_2" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "newHopeTextFieldProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export type TextFieldProps = TextFieldProps_2 & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'chipType' | 'onChangeChips' | 'titleCaption' | 'labelPlacement' | 'keepPlaceholder' | 'required' | 'requiredPlacement' | 'optional' | 'chipView' | 'chipValidator' | 'textBefore' | 'textAfter'>;

export { TextFieldView }

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

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

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

// @public
export const TextSkeleton: FC<PropsType<    {
size: {
body1: PolymorphicClassName;
body2: PolymorphicClassName;
body3: PolymorphicClassName;
button1: PolymorphicClassName;
button2: PolymorphicClassName;
caption: PolymorphicClassName;
display1: PolymorphicClassName;
display2: PolymorphicClassName;
display3: PolymorphicClassName;
footnote1: PolymorphicClassName;
footnote2: PolymorphicClassName;
headline1: PolymorphicClassName;
headline2: PolymorphicClassName;
headline3: PolymorphicClassName;
headline4: PolymorphicClassName;
paragraph1: PolymorphicClassName;
paragraph2: PolymorphicClassName;
underline: PolymorphicClassName;
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_2 & RefAttributes<HTMLDivElement> & TextSkeletonBaseProps>;

export { TextSkeletonProps }

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

export { TimingFunction }

// @public (undocumented)
export const Toast: FunctionComponent<PropsType<    {
view: {
default: PolymorphicClassName;
positive: PolymorphicClassName;
negative: PolymorphicClassName;
primary: 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 }

export { toCssSize }

// @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 }

export { transformStyles }

// @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 }

// @public (undocumented)
export const Underline: FunctionComponent<PropsType<    {
size: {
m: PolymorphicClassName;
};
}> & TypographyOldProps & RefAttributes<HTMLDivElement>>;

export { Upload }

export { UploadAudio }

export { UploadAudioProps }

export { UploadProgress }

export { UploadProgressProps }

export { UploadProps }

export { UploadVisual }

export { UploadVisualProps }

export { useDebouncedFunction }

export { useFocusTrap }

export { useForkRef }

export { useIsomorphicLayoutEffect }

export { usePopupBaseContext }

export { useSegment }

export { useToast }

export { ValidationResult }

export { View }

export { ViewProps }

export { views }

export { withAssistiveDropdown }

export { withAutoFocus }

export { WithAutoFocusProps }

export { withSkeleton }

export { WithSkeletonProps }

// (No @packageDocumentation comment for this package)

```
