@uzum-tech/ui 1.8.2 → 1.9.1

package/es/date-picker/src/DatePicker.js

@@ -1,12 +1,12 @@
 import { h, defineComponent, ref, Transition, computed, provide, watch, withDirectives, toRef, watchEffect } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
-import { format, getTime, isValid, addWeeks, addMonths, addYears } from 'date-fns'; //
+import { format, getTime, isValid, addWeeks, addMonths, addYears } from 'date-fns';
 import { useIsMounted, useMergedState } from 'vooks';
 import { getPreciseEventTarget, happensIn } from 'seemly';
 import { DateIcon, ToIcon } from '../../_internal/icons';
 import { UInput } from '../../input';
-import { UBaseIcon } from '../../_internal';
+import { UBaseIcon, UInternalSelection } from '../../_internal';
 import { useFormItem, useTheme, useConfig, useLocale, useThemeClass } from '../../_mixins';
 import { warn, call, useAdjustedTo, warnOnce, resolveSlot, markEventEffectPerformed } from '../../_utils';
 import { datePickerLight } from '../styles';
@@ -18,10 +18,11 @@ import DatetimeRangePanel from './panel/datetimerange';
 import DatePanel from './panel/date';
 import DateRangePanel from './panel/daterange';
 import style from './styles/index.cssr';
+import { UButton } from '../../button';
 export const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
-    }, clearable: Boolean, updateValueOnClose: Boolean, defaultValue: [Number, Array], defaultFormattedValue: [String, Array], defaultTime: [Number, String, Array], disabled: {
+    }, clearable: Boolean, round: Boolean, updateValueOnClose: Boolean, defaultValue: [Number, Array], defaultFormattedValue: [String, Array], defaultTime: [Number, String, Array], disabled: {
         type: Boolean,
         default: undefined
     }, placement: {
@@ -33,7 +34,10 @@ export const datePickerProps = Object.assign(Object.assign({}, useTheme.props),
     }, valueFormat: String, separator: String, placeholder: String, startPlaceholder: String, endPlaceholder: String, format: String, dateFormat: String, timeFormat: String, actions: Array, shortcuts: Object, defaultShortcuts: Boolean, isDateDisabled: Function, maxDate: Number, isTimeDisabled: Function, show: {
         type: Boolean,
         default: undefined
-    }, panel: Boolean, ranges: Object, firstDayOfWeek: Number, inputReadonly: Boolean, closeOnSelect: Boolean, status: String, timePickerProps: [Object, Array], onClear: Function, onConfirm: Function, defaultCalendarStartTime: Number, defaultCalendarEndTime: Number, bindCalendarMonths: Boolean, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:formattedValue': [Function, Array], onUpdateFormattedValue: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], 
+    }, panel: Boolean, ranges: Object, firstDayOfWeek: Number, inputReadonly: Boolean, closeOnSelect: Boolean, status: String, timePickerProps: [Object, Array], onClear: Function, onConfirm: Function, defaultCalendarStartTime: Number, defaultCalendarEndTime: Number, bindCalendarMonths: Boolean, triggerPreset: {
+        type: String,
+        default: 'input'
+    }, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:formattedValue': [Function, Array], onUpdateFormattedValue: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], 
     // deprecated
     onChange: [Function, Array] });
 export default defineComponent({
@@ -767,34 +771,55 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => this.isRange ? (h(UInput, Object.assign({ ref: "inputInstRef", status: this.mergedStatus, value: [this.displayStartTime, this.displayEndTime], placeholder: [
-                                this.localizedStartPlaceholder,
-                                this.localizedEndPlaceholder
-                            ], textDecoration: [
-                                this.isStartValueInvalid ? 'line-through' : '',
-                                this.isEndValueInvalid ? 'line-through' : ''
-                            ], pair: true, onUpdateValue: this.handleRangeUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
-                            separator: () => this.separator === undefined
-                                ? resolveSlot($slots.separator, () => [
+                        default: () => {
+                            if ($slots.trigger) {
+                                return $slots.trigger({
+                                    open: this.handleTriggerClick,
+                                    value: this.displayTime || this.localizedPlacehoder
+                                });
+                            }
+                            if (this.triggerPreset === 'select') {
+                                return (h(UInternalSelection, { ref: "inputInstRef", selectedOption: this.displayTime
+                                        ? {
+                                            label: this.displayTime,
+                                            value: this.displayTime
+                                        }
+                                        : null, round: this.round, status: this.mergedStatus, clsPrefix: mergedClsPrefix, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.Select, themeOverrides: this.mergedTheme.peerOverrides.Select, placeholder: this.localizedPlacehoder, active: this.mergedShow, clearable: this.clearable, disabled: this.mergedDisabled, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onClick: this.handleTriggerClick, onClear: this.handleClear }, {
+                                    arrow: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                                }));
+                            }
+                            if (this.triggerPreset === 'button') {
+                                return (h(UButton, { round: this.round, size: this.mergedSize, theme: this.mergedTheme.peers.Button, themeOverrides: this.mergedTheme.peerOverrides.Button, onClick: this.handleTriggerClick }, this.displayTime || this.localizedPlacehoder));
+                            }
+                            return this.isRange ? (h(UInput, Object.assign({ ref: "inputInstRef", round: this.round, status: this.mergedStatus, value: [this.displayStartTime, this.displayEndTime], placeholder: [
+                                    this.localizedStartPlaceholder,
+                                    this.localizedEndPlaceholder
+                                ], textDecoration: [
+                                    this.isStartValueInvalid ? 'line-through' : '',
+                                    this.isEndValueInvalid ? 'line-through' : ''
+                                ], pair: true, onUpdateValue: this.handleRangeUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
+                                separator: () => this.separator === undefined
+                                    ? resolveSlot($slots.separator, () => [
+                                        h(UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
+                                            default: () => h(ToIcon, null)
+                                        })
+                                    ])
+                                    : this.separator,
+                                [clearable ? 'clear-icon-placeholder' : 'suffix']: () => resolveSlot($slots['date-icon'], () => [
                                     h(UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
-                                        default: () => h(ToIcon, null)
+                                        default: () => h(DateIcon, null)
                                     })
                                 ])
-                                : this.separator,
-                            [clearable ? 'clear-icon-placeholder' : 'suffix']: () => resolveSlot($slots['date-icon'], () => [
-                                h(UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
-                                    default: () => h(DateIcon, null)
-                                })
-                            ])
-                        })) : (h(UInput, Object.assign({ ref: "inputInstRef", status: this.mergedStatus, value: this.displayTime, placeholder: this.localizedPlacehoder, textDecoration: this.isValueInvalid && !this.isRange
-                                ? 'line-through'
-                                : '', onUpdateValue: this.handleSingleUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
-                            [clearable ? 'clear-icon-placeholder' : 'suffix']: () => (h(UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
-                                default: () => resolveSlot($slots['date-icon'], () => [
-                                    h(DateIcon, null)
-                                ])
-                            }))
-                        }))
+                            })) : (h(UInput, Object.assign({ ref: "inputInstRef", round: this.round, status: this.mergedStatus, value: this.displayTime, placeholder: this.localizedPlacehoder, textDecoration: this.isValueInvalid && !this.isRange
+                                    ? 'line-through'
+                                    : '', onUpdateValue: this.handleSingleUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
+                                [clearable ? 'clear-icon-placeholder' : 'suffix']: () => (h(UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
+                                    default: () => resolveSlot($slots['date-icon'], () => [
+                                        h(DateIcon, null)
+                                    ])
+                                }))
+                            }));
+                        }
                     }),
                     h(VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.placement }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {

package/es/date-picker/src/interface.d.ts

@@ -9,6 +9,7 @@ import type { DatePickerTheme } from '../styles/light';
 import type { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
 import { DateCommonItem } from './utils';
 export type Value = number | [number, number];
+export type TriggerPreset = 'input' | 'select' | 'button';
 export type PanelValue = number & (number | null) & [
     number,
     number

package/es/date-picker/src/panel/date.d.ts

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     calendarValue: import("vue").Ref<number>;
     onUpdateCalendarValue: (value: number) => void;
     yearScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
-    yearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
+    yearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
     mergedTheme: import("vue").Ref<{
         common: import("../../..").ThemeCommonVars;
         self: {
@@ -464,8 +464,16 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorDisabled: string;
             }, {
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
                     heightTiny: string;
@@ -752,9 +760,140 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
+            Select: 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;
+                heightHuge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                borderRadiusHuge: string;
+                textColor: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorFilled: string;
+                colorDisabled: string;
+                colorActive: string;
+                border: string;
+                borderFilled: string;
+                borderHover: string;
+                borderActive: string;
+                borderFocus: string;
+                borderDisabled: string;
+                boxShadowHover: string;
+                boxShadowActive: string;
+                boxShadowFocus: string;
+                caretColor: string;
+                arrowColor: string;
+                arrowColorHover: string;
+                arrowColorDisabled: string;
+                loadingColor: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                borderActiveWarning: string;
+                borderFocusWarning: string;
+                boxShadowHoverWarning: string;
+                boxShadowActiveWarning: string;
+                boxShadowFocusWarning: string;
+                colorActiveWarning: string;
+                caretColorWarning: string;
+                borderError: string;
+                borderHoverError: string;
+                borderActiveError: string;
+                borderFocusError: string;
+                boxShadowHoverError: string;
+                boxShadowActiveError: string;
+                boxShadowFocusError: string;
+                colorActiveError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                caretColorSecondary: string;
+                filterCounterTextColor: string;
+                filterCounterTextColorDisabled: 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", {
+                    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: {
             Input?: {
@@ -770,8 +909,16 @@ declare const _default: import("vue").DefineComponent<{
             TimePicker?: {
                 peers?: {
                     Scrollbar?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
                         heightTiny: string;
@@ -1063,6 +1210,24 @@ declare const _default: import("vue").DefineComponent<{
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            Select?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        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;
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;

package/es/date-picker/src/panel/daterange.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
     endYearScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     startMonthScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     endMonthScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
-    startYearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
-    endYearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
+    startYearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
+    endYearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
     isDateDisabled: import("vue").Ref<import("../interface").IsDateDisabled | undefined>;
     isStartHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
     isEndHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
@@ -492,8 +492,16 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorDisabled: string;
             }, {
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
                     heightTiny: string;
@@ -780,9 +788,140 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
+            Select: 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;
+                heightHuge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                borderRadiusHuge: string;
+                textColor: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorFilled: string;
+                colorDisabled: string;
+                colorActive: string;
+                border: string;
+                borderFilled: string;
+                borderHover: string;
+                borderActive: string;
+                borderFocus: string;
+                borderDisabled: string;
+                boxShadowHover: string;
+                boxShadowActive: string;
+                boxShadowFocus: string;
+                caretColor: string;
+                arrowColor: string;
+                arrowColorHover: string;
+                arrowColorDisabled: string;
+                loadingColor: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                borderActiveWarning: string;
+                borderFocusWarning: string;
+                boxShadowHoverWarning: string;
+                boxShadowActiveWarning: string;
+                boxShadowFocusWarning: string;
+                colorActiveWarning: string;
+                caretColorWarning: string;
+                borderError: string;
+                borderHoverError: string;
+                borderActiveError: string;
+                borderFocusError: string;
+                boxShadowHoverError: string;
+                boxShadowActiveError: string;
+                boxShadowFocusError: string;
+                colorActiveError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                caretColorSecondary: string;
+                filterCounterTextColor: string;
+                filterCounterTextColorDisabled: 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", {
+                    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: {
             Input?: {
@@ -798,8 +937,16 @@ declare const _default: import("vue").DefineComponent<{
             TimePicker?: {
                 peers?: {
                     Scrollbar?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
                         heightTiny: string;
@@ -1091,6 +1238,24 @@ declare const _default: import("vue").DefineComponent<{
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            Select?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        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;
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;