@uzum-tech/ui 0.1.1 → 1.0.0

package/es/_internal/selection/src/Selection.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type InputHTMLAttributes } from 'vue';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';
 import type { SelectBaseOption } from '../../../select/src/interface';
 import type { FormValidationStatus } from '../../../form/src/interface';
-import type { RenderTag } from './interface';
+import type { RenderTag, SelectSize } from './interface';
 export interface InternalSelectionInst {
     isComposing: boolean;
     focus: () => void;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<SelectSize>;
         default: string;
     };
     loading: BooleanConstructor;
@@ -78,16 +78,45 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onResize: PropType<() => void>;
+    round: BooleanConstructor;
+    counter: BooleanConstructor;
+    secondary: BooleanConstructor;
     theme: PropType<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;
@@ -129,36 +158,88 @@ 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>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<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;
@@ -200,36 +281,88 @@ 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<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;
@@ -271,159 +404,200 @@ 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>;
     }>>>;
 }, {
     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: {
+            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;
@@ -465,25 +639,51 @@ 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;
         };
         peers: {
             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>;
         };
         peerOverrides: {
@@ -555,12 +755,15 @@ declare const _default: import("vue").DefineComponent<{
         '--u-color': string;
         '--u-color-active': string;
         '--u-color-disabled': string;
+        '--u-line-height': string;
         '--u-font-size': string;
         '--u-font-weight': string;
-        '--u-font-weight-strong': string;
         '--u-height': string;
-        '--u-padding-single': string;
-        '--u-padding-multiple': string;
+        '--u-padding': string;
+        '--u-padding-top': string;
+        '--u-padding-right': string;
+        '--u-padding-left': string;
+        '--u-padding-bottom': string;
         '--u-placeholder-color': string;
         '--u-placeholder-color-disabled': string;
         '--u-text-color': string;
@@ -590,9 +793,44 @@ declare const _default: import("vue").DefineComponent<{
         '--u-clear-color-hover': string;
         '--u-clear-color-pressed': string;
         '--u-arrow-size': string;
+        '--u-caret-color-secondary': string;
+        '--u-filter-counter-text-color': string;
+        '--u-filter-counter-separator-color': string;
+        '--u-filter-counter-text-color-disabled': string;
+        '--u-filter-counter-separator-color-disabled': string;
+        '--u-arrow-color-secondary': string;
+        '--u-clear-color-secondary': string;
+        '--u-color-secondary': string;
+        '--u-text-color-secondary': string;
+        '--u-border-secondary': string;
+        '--u-arrow-color-disabled-secondary': string;
+        '--u-clear-color-disabled-secondary': string;
+        '--u-color-disabled-secondary': string;
+        '--u-text-color-disabled-secondary': string;
+        '--u-border-disabled-secondary': string;
+        '--u-arrow-color-hover-secondary': string;
+        '--u-clear-color-hover-secondary': string;
+        '--u-color-hover-secondary': string;
+        '--u-text-color-hover-secondary': string;
+        '--u-border-hover-secondary': string;
+        '--u-arrow-color-active-secondary': string;
+        '--u-clear-color-active-secondary': string;
+        '--u-color-active-secondary': string;
+        '--u-text-color-active-secondary': string;
+        '--u-border-active-secondary': string;
+        '--u-arrow-color-focus-secondary': string;
+        '--u-clear-color-focus-secondary': string;
+        '--u-color-focus-secondary': string;
+        '--u-text-color-focus-secondary': string;
+        '--u-border-focus-secondary': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
+    showSuffixClear: import("vue").ComputedRef<boolean>;
+    filterCounterVisible: import("vue").ComputedRef<boolean>;
+    filterCounterLength: import("vue").ComputedRef<number | "99+">;
+    filterCounterClearable: import("vue").ComputedRef<boolean>;
+    tagSize: import("vue").ComputedRef<"medium" | "small">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -629,7 +867,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<SelectSize>;
         default: string;
     };
     loading: BooleanConstructor;
@@ -660,16 +898,45 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onResize: PropType<() => void>;
+    round: BooleanConstructor;
+    counter: BooleanConstructor;
+    secondary: BooleanConstructor;
     theme: PropType<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;
@@ -711,36 +978,88 @@ 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>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<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;
@@ -782,36 +1101,88 @@ 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<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;
@@ -853,29 +1224,56 @@ 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>;
     }>>>;
 }>>, {
     pattern: string;
-    size: "small" | "medium" | "large" | "tiny";
+    round: boolean;
+    size: SelectSize;
     multiple: boolean;
     active: boolean;
     disabled: boolean;
@@ -886,6 +1284,7 @@ declare const _default: import("vue").DefineComponent<{
     labelField: string;
     valueField: string;
     showArrow: boolean;
+    secondary: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
     filterable: boolean;
@@ -893,5 +1292,6 @@ declare const _default: import("vue").DefineComponent<{
     loadingSkeleton: boolean;
     focused: boolean;
     ignoreComposition: boolean;
+    counter: boolean;
 }, {}>;
 export default _default;