@salutejs/sdds-dfa 0.168.0-canary.1550.11768426274.0 → 0.168.0-canary.1552.11776095169.0

package/api/sdds-dfa.api.md

@@ -48,6 +48,7 @@ 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 { ChangeEvent } from 'react';
+import { ChangeEventHandler } from 'react';
 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';
@@ -86,7 +87,6 @@ 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 { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
@@ -119,15 +119,16 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
-import { ItemOptionSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
 import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
+import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
 import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { MutableRefObject } from 'react';
 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';
@@ -186,9 +187,11 @@ import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Ste
 import { StyledComponent } from 'styled-components';
 import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { SyntheticEvent } from 'react';
+import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
+import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
 import { TextFieldGroupProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
@@ -1015,7 +1018,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1027,8 +1030,10 @@ true: PolymorphicClassName;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1038,7 +1043,7 @@ true: PolymorphicClassName;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1051,7 +1056,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1063,8 +1068,10 @@ true: PolymorphicClassName;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1074,7 +1081,7 @@ true: PolymorphicClassName;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1087,7 +1094,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1101,16 +1108,170 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1123,7 +1284,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1137,16 +1298,18 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1159,7 +1322,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1171,8 +1334,10 @@ true: PolymorphicClassName;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1182,7 +1347,7 @@ true: PolymorphicClassName;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1195,7 +1360,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1207,8 +1372,10 @@ true: PolymorphicClassName;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1218,7 +1385,45 @@ true: PolymorphicClassName;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1231,7 +1436,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1245,16 +1450,132 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1267,7 +1588,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1281,16 +1602,18 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1303,7 +1626,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1315,8 +1638,10 @@ true: PolymorphicClassName;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1326,7 +1651,7 @@ true: PolymorphicClassName;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1339,7 +1664,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1351,8 +1676,10 @@ true: PolymorphicClassName;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -1362,7 +1689,159 @@ true: PolymorphicClassName;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1375,7 +1854,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1389,16 +1868,18 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -1411,7 +1892,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: string | RefObject<HTMLElement> | undefined;
+    portal?: MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1425,16 +1906,18 @@ true: PolymorphicClassName;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "right" | "left" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
+} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & RefAttributes<HTMLInputElement | HTMLSelectElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;
 
@@ -3497,7 +3980,13 @@ export { SegmentProvider }
 export { SegmentProviderProps }
 
 // @public (undocumented)
-export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOptionSelect>, "view" | "size" | "chipView"> & Pick<PropsType<    {
+export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType<    {
+size: {
+xs: PolymorphicClassName;
+s: PolymorphicClassName;
+m: PolymorphicClassName;
+l: PolymorphicClassName;
+};
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -3510,24 +3999,11 @@ dark: PolymorphicClassName;
 black: PolymorphicClassName;
 white: PolymorphicClassName;
 };
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
 chipView: {
 default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
-disabled: {
-true: PolymorphicClassName;
-};
 }> & (({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3539,7 +4015,7 @@ true: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3547,21 +4023,21 @@ true: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3577,7 +4053,7 @@ true: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3585,21 +4061,21 @@ true: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3615,7 +4091,7 @@ true: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3623,21 +4099,21 @@ true: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3653,7 +4129,7 @@ true: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3661,21 +4137,21 @@ true: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3915,17 +4391,19 @@ true: PolymorphicClassName;
 // @public (undocumented)
 export type SwitchProps = ComponentProps<typeof SwitchComponent>;
 
-// Warning: (ae-forgotten-export) The symbol "TabItemProps" needs to be exported by the entry point index.d.ts
+// 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) => JSX.Element;
+export const TabItem: (props: TabItemProps_2) => JSX.Element;
+
+export { TabItemProps }
 
 export { TabItemRefs }
 
-// Warning: (ae-forgotten-export) The symbol "TabsProps" needs to be exported by the entry point index.d.ts
+// 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) => JSX.Element;
+export const Tabs: (props: TabsProps_2) => JSX.Element;
 
 export { TabsContext }
 
@@ -3934,6 +4412,8 @@ export const TabsController: ForwardRefExoticComponent<TabsControllerProps & Ref
 
 export { TabsControllerProps }
 
+export { TabsProps }
+
 // @public
 export const TextArea: FunctionComponent<PropsType<    {
 size: {