@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/select/src/Select.d.ts

@@ -3,9 +3,10 @@ import { type TreeNode } from 'treemate';
 import { type FollowerPlacement } from 'vueuc';
 import { type RenderLabel, type RenderOption, type NodeProps } from '../../_internal/select-menu/src/interface';
 import { type RenderTag } from '../../_internal/selection/src/interface';
+import type { SelectSize } from '../../_internal/selection';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
+import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
 export declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -36,7 +37,7 @@ export declare const selectProps: {
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -121,6 +122,9 @@ export declare const selectProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly round: BooleanConstructor;
+    readonly counter: BooleanConstructor;
+    readonly secondary: BooleanConstructor;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -128,15 +132,41 @@ export declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -178,35 +208,68 @@ export declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -223,22 +286,16 @@ export declare const selectProps: {
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -246,10 +303,6 @@ export declare const selectProps: {
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>;
@@ -257,15 +310,41 @@ export declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -307,35 +386,68 @@ export declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -352,22 +464,16 @@ export declare const selectProps: {
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -375,10 +481,6 @@ export declare const selectProps: {
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
@@ -386,15 +488,41 @@ export declare const selectProps: {
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -436,35 +564,68 @@ export declare const selectProps: {
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -481,22 +642,16 @@ export declare const selectProps: {
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -504,10 +659,6 @@ export declare const selectProps: {
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
@@ -543,7 +694,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -628,6 +779,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly round: BooleanConstructor;
+    readonly counter: BooleanConstructor;
+    readonly secondary: BooleanConstructor;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -635,15 +789,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -685,35 +865,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -730,22 +943,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -753,10 +960,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>;
@@ -764,15 +967,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -814,35 +1043,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -859,22 +1121,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -882,10 +1138,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
@@ -893,15 +1145,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -943,35 +1221,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -988,22 +1299,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -1011,10 +1316,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
@@ -1051,7 +1352,7 @@ declare const _default: import("vue").DefineComponent<{
     localizedPlaceholder: import("vue").ComputedRef<string>;
     selectedOption: import("vue").ComputedRef<SelectOption | null>;
     selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean>;
@@ -1077,124 +1378,113 @@ declare const _default: import("vue").DefineComponent<{
     handleMenuMousedown: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            tertiaryColor: string;
-            tertiaryColorHover: string;
-            tertiaryColorActive: string;
-            tertiaryColorSuppl: string;
-            tertiaryElements: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textTertiary: string;
-            boxShadowHover: string;
-            boxShadowFocus: string;
-            boxShadowHoverChecked: string;
-            boxShadowFocusChecked: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            borderTagColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
             scrollbarColor: string;
             scrollbarColorHover: string;
             scrollbarWidth: string;
             scrollbarHeight: string;
             scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            avatarTextColor: string;
-            avatarIconColor: string;
-            invertedColor: string;
-            tooltipColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
             opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
+            brandPrimary50: string;
+            brandPrimary100: string;
+            brandPrimary200: string;
+            brandPrimary300: string;
+            brandPrimary400: string;
+            brandPrimary500: string;
+            brandPrimary550: string;
+            brandPrimary600: string;
+            brandSecondary500: string;
+            brandSecondary300: string;
+            brandSecondary600: string;
+            brandTertiary500: string;
+            brandTertiary300: string;
+            brandTertiary600: string;
+            brandQuaternary500: string;
+            brandQuaternary300: string;
+            brandQuaternary600: string;
+            brandQuinary500: string;
+            brandQuinary300: string;
+            brandQuinary600: string;
+            brandQuinary100: string;
+            surfacePrimary: string;
+            surfaceSecondary: string;
+            containerPrimary: string;
+            containerSecondary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textQuaternary: string;
+            textBrand: string;
+            elementsPrimary: string;
+            elementsSecondary: string;
+            elementsTertiary: string;
+            elementsQuaternary: string;
+            elementsQuinary: string;
+            elementsDarkQuinary: string;
+            elementsSenary: string;
+            elementsOnContainer: string;
+            transparencyPrimary: string;
+            transparencySecondary: string;
+            transparencyTertiary: string;
+            transparencyQuinary: string;
+            transparencyModal: string;
+            staticBlack: string;
+            staticDarkGrey: string;
+            staticWhite: string;
+            staticRed: string;
+            staticOrange: string;
+            staticGreen: string;
+            staticErrorAccent: string;
+            shadowDepth2: string;
             fontFamily: string;
             fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
             cubicBezierEaseInOut: string;
             cubicBezierEaseOut: string;
             cubicBezierEaseIn: string;
-            borderWidth: number;
-            borderTagWidth: number;
+            borderRadiusLarge: string;
             borderRadius: string;
+            borderRadiusMedium: string;
             borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
+            borderRadiusTiny: string;
             heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
             heightHuge: string;
+            fontDisplayLarge: string;
+            fontDisplaySmall: string;
+            fontHeadingLarge: string;
+            fontHeadingMedium: string;
+            fontHeadingSmall: string;
+            fontTitleLarge: string;
+            fontTitleMedium: string;
+            fontTitleSmall: string;
+            fontBodyLarge: string;
+            fontBodyMedium: string;
+            fontBodySmall: string;
+            lineHeightDisplayLarge: string;
+            lineHeightDisplaySmall: string;
+            lineHeightHeadingLarge: string;
+            lineHeightHeadingMedium: string;
+            lineHeightHeadingSmall: string;
+            lineHeightTitleLarge: string;
+            lineHeightTitleMedium: string;
+            lineHeightTitleSmall: string;
+            lineHeightBodyLarge: string;
+            lineHeightBodyMedium: string;
+            lineHeightBodySmall: string;
+            fontWeight: string;
+            fontWeightStrong: string;
+            fontWeightBold: string;
+            iconSmall: string;
+            iconMedium: string;
+            iconLarge: string;
+            iconHuge: string;
+            closeSmall: string;
+            closeMedium: string;
+            closeLarge: string;
+            closeHuge: string;
+            closeBorderRadius: string;
             name: "common";
         };
         self: {
@@ -1202,15 +1492,41 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSizeTiny: string;
+                clearSizeSmall: string;
+                clearSizeMedium: string;
+                clearSizeLarge: string;
+                clearSizeHuge: string;
+                arrowSizeTiny: string;
+                arrowSizeSmall: string;
+                arrowSizeMedium: string;
+                arrowSizeLarge: string;
+                arrowSizeHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeightTiny: string;
+                lineHeightSmall: string;
+                lineHeightMedium: string;
+                lineHeightLarge: string;
+                lineHeightHuge: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
-                borderRadius: string;
+                heightHuge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                borderRadiusHuge: string;
                 textColor: string;
                 textColorDisabled: string;
                 placeholderColor: string;
@@ -1252,35 +1568,68 @@ declare const _default: import("vue").DefineComponent<{
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
-                paddingSingle: string;
-                paddingMultiple: string;
-                clearSize: string;
-                arrowSize: string;
+                caretColorSecondary: string;
+                filterCounterTextColor: string;
+                filterCounterSeparatorColor: string;
+                filterCounterTextColorDisabled: string;
+                filterCounterSeparatorColorDisabled: string;
+                arrowColorSecondary: string;
+                clearColorSecondary: string;
+                colorSecondary: string;
+                textColorSecondary: string;
+                borderSecondary: string;
+                arrowColorDisabledSecondary: string;
+                clearColorDisabledSecondary: string;
+                colorDisabledSecondary: string;
+                textColorDisabledSecondary: string;
+                borderDisabledSecondary: string;
+                arrowColorHoverSecondary: string;
+                clearColorHoverSecondary: string;
+                colorHoverSecondary: string;
+                textColorHoverSecondary: string;
+                borderHoverSecondary: string;
+                arrowColorFocusSecondary: string;
+                clearColorFocusSecondary: string;
+                colorFocusSecondary: string;
+                textColorFocusSecondary: string;
+                borderFocusSecondary: string;
+                arrowColorActiveSecondary: string;
+                clearColorActiveSecondary: string;
+                colorActiveSecondary: string;
+                textColorActiveSecondary: string;
+                borderActiveSecondary: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
                     space: string;
                     spaceArrow: string;
                     arrowOffset: string;
                     arrowOffsetVertical: string;
                     arrowHeight: string;
                     padding: string;
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
                 }, any>;
             }>;
             InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                height: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                optionPaddingSmall: string;
+                optionPaddingMedium: string;
+                optionPaddingLarge: string;
+                loadingSize: string;
                 optionFontSizeSmall: string;
                 optionFontSizeMedium: string;
                 optionFontSizeLarge: string;
-                optionFontSizeHuge: string;
                 optionHeightSmall: string;
                 optionHeightMedium: string;
                 optionHeightLarge: string;
-                optionHeightHuge: string;
+                optionBorderRadius: string;
                 borderRadius: string;
                 color: string;
                 groupHeaderTextColor: string;
@@ -1297,22 +1646,16 @@ declare const _default: import("vue").DefineComponent<{
                 optionColorActivePending: string;
                 actionTextColor: string;
                 loadingColor: string;
-                height: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                optionPaddingSmall: string;
-                optionPaddingMedium: string;
-                optionPaddingLarge: string;
-                optionPaddingHuge: string;
-                loadingSize: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                     color: string;
                     colorHover: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
+                    iconSizeSmall: string;
+                    iconSizeMedium: string;
+                    iconSizeLarge: string;
+                    iconSizeHuge: string;
                     fontSizeSmall: string;
                     fontSizeMedium: string;
                     fontSizeLarge: string;
@@ -1320,10 +1663,6 @@ declare const _default: import("vue").DefineComponent<{
                     textColor: string;
                     iconColor: string;
                     extraTextColor: string;
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    iconSizeHuge: string;
                 }, any>;
             }>;
         };
@@ -1331,18 +1670,18 @@ declare const _default: import("vue").DefineComponent<{
             InternalSelection?: {
                 peers?: {
                     Popover?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
-                        fontSize: string;
-                        borderRadius: string;
-                        color: string;
-                        dividerColor: string;
-                        textColor: string;
-                        boxShadow: string;
                         space: string;
                         spaceArrow: string;
                         arrowOffset: string;
                         arrowOffsetVertical: string;
                         arrowHeight: string;
                         padding: string;
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
                     }, any>> | undefined;
                 } | undefined;
             } | undefined;
@@ -1353,6 +1692,10 @@ declare const _default: import("vue").DefineComponent<{
                         colorHover: string;
                     }, any>> | undefined;
                     Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
+                        iconSizeSmall: string;
+                        iconSizeMedium: string;
+                        iconSizeLarge: string;
+                        iconSizeHuge: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -1360,10 +1703,6 @@ declare const _default: import("vue").DefineComponent<{
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
-                        iconSizeSmall: string;
-                        iconSizeMedium: string;
-                        iconSizeLarge: string;
-                        iconSizeHuge: string;
                     }, any>> | undefined;
                 } | undefined;
             } | undefined;
@@ -1408,7 +1747,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -1493,6 +1832,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly round: BooleanConstructor;
+    readonly counter: BooleanConstructor;
+    readonly secondary: BooleanConstructor;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -1500,15 +1842,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -1550,35 +1918,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -1595,22 +1996,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -1618,10 +2013,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>;
@@ -1629,15 +2020,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -1679,35 +2096,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -1724,22 +2174,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -1747,10 +2191,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
@@ -1758,15 +2198,41 @@ declare const _default: import("vue").DefineComponent<{
         menuBoxShadow: string;
     }, {
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSizeTiny: string;
+            clearSizeSmall: string;
+            clearSizeMedium: string;
+            clearSizeLarge: string;
+            clearSizeHuge: string;
+            arrowSizeTiny: string;
+            arrowSizeSmall: string;
+            arrowSizeMedium: string;
+            arrowSizeLarge: string;
+            arrowSizeHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightTiny: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
-            borderRadius: string;
+            heightHuge: string;
+            borderRadiusTiny: string;
+            borderRadiusSmall: string;
+            borderRadiusMedium: string;
+            borderRadiusLarge: string;
+            borderRadiusHuge: string;
             textColor: string;
             textColorDisabled: string;
             placeholderColor: string;
@@ -1808,35 +2274,68 @@ declare const _default: import("vue").DefineComponent<{
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
-            paddingSingle: string;
-            paddingMultiple: string;
-            clearSize: string;
-            arrowSize: string;
+            caretColorSecondary: string;
+            filterCounterTextColor: string;
+            filterCounterSeparatorColor: string;
+            filterCounterTextColorDisabled: string;
+            filterCounterSeparatorColorDisabled: string;
+            arrowColorSecondary: string;
+            clearColorSecondary: string;
+            colorSecondary: string;
+            textColorSecondary: string;
+            borderSecondary: string;
+            arrowColorDisabledSecondary: string;
+            clearColorDisabledSecondary: string;
+            colorDisabledSecondary: string;
+            textColorDisabledSecondary: string;
+            borderDisabledSecondary: string;
+            arrowColorHoverSecondary: string;
+            clearColorHoverSecondary: string;
+            colorHoverSecondary: string;
+            textColorHoverSecondary: string;
+            borderHoverSecondary: string;
+            arrowColorFocusSecondary: string;
+            clearColorFocusSecondary: string;
+            colorFocusSecondary: string;
+            textColorFocusSecondary: string;
+            borderFocusSecondary: string;
+            arrowColorActiveSecondary: string;
+            clearColorActiveSecondary: string;
+            colorActiveSecondary: string;
+            textColorActiveSecondary: string;
+            borderActiveSecondary: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
-                fontSize: string;
-                borderRadius: string;
-                color: string;
-                dividerColor: string;
-                textColor: string;
-                boxShadow: string;
                 space: string;
                 spaceArrow: string;
                 arrowOffset: string;
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
             }, any>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+            height: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            optionPaddingSmall: string;
+            optionPaddingMedium: string;
+            optionPaddingLarge: string;
+            loadingSize: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
-            optionFontSizeHuge: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
-            optionHeightHuge: string;
+            optionBorderRadius: string;
             borderRadius: string;
             color: string;
             groupHeaderTextColor: string;
@@ -1853,22 +2352,16 @@ declare const _default: import("vue").DefineComponent<{
             optionColorActivePending: string;
             actionTextColor: string;
             loadingColor: string;
-            height: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            optionPaddingSmall: string;
-            optionPaddingMedium: string;
-            optionPaddingLarge: string;
-            optionPaddingHuge: string;
-            loadingSize: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -1876,16 +2369,13 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
         }>;
     }>>>;
 }>>, {
     readonly tag: boolean;
     readonly options: SelectMixedOption[];
+    readonly round: boolean;
     readonly show: boolean | undefined;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
@@ -1900,12 +2390,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly resetMenuOnOptionsChange: boolean;
     readonly showArrow: boolean;
     readonly displayDirective: "show" | "if";
+    readonly secondary: boolean;
     readonly filterable: boolean;
     readonly clearable: boolean;
     readonly loadingSkeleton: boolean;
     readonly ignoreComposition: boolean;
-    readonly clearFilterAfterSelect: boolean;
+    readonly counter: boolean;
     readonly defaultValue: Value | null;
+    readonly clearFilterAfterSelect: boolean;
     readonly keyboard: boolean;
     readonly remote: boolean;
     readonly widthMode: string;