@uzum-tech/ui 1.0.2 → 1.1.0

package/es/pagination/src/Pagination.d.ts

@@ -175,9 +175,11 @@ export declare const paginationProps: {
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -559,9 +561,11 @@ export declare const paginationProps: {
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -943,9 +947,11 @@ export declare const paginationProps: {
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -1383,9 +1389,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -1767,9 +1775,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -2151,9 +2161,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -2663,9 +2675,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -2975,9 +2989,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -3421,9 +3437,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -3805,9 +3823,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -4189,9 +4209,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

package/es/pagination/styles/light.d.ts

@@ -188,9 +188,11 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;

package/es/select/demos/enUS/flag.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/select/demos/enUS/flag.js

@@ -0,0 +1,25 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+    name: 'Flag',
+    render() {
+        return (h("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            h("path", { d: "M42.863 29C43.6004 26.8011 44 24.4472 44 22C44 19.5528 43.6004 17.1989 42.863 15L1.13704 15C0.399576 17.1989 0 19.5528 0 22C0 24.4472 0.399576 26.8011 1.13704 29H42.863Z", fill: "#FBFBFB" }),
+            h("path", { d: "M42.863 15H1.13708C4.06109 6.28158 12.297 0 22 0C31.7031 0 39.939 6.28158 42.863 15Z", fill: "#0099B5" }),
+            h("path", { d: "M15.5 4.43893C13.6334 4.70555 12.2 6.30935 12.2 8.25C12.2 10.1907 13.6334 11.7945 15.5 12.0611C15.3204 12.0867 15.1367 12.1 14.95 12.1C12.8226 12.1 11.1 10.3774 11.1 8.25C11.1 6.1226 12.8226 4.4 14.95 4.4C15.1367 4.4 15.3204 4.41328 15.5 4.43893Z", fill: "#FBFBFB" }),
+            h("path", { d: "M27.2601 5.0787L27.6 4.8213H27.1787L27.05 4.4L26.9213 4.8213H26.5L26.8399 5.0787L26.7101 5.5L27.05 5.2426L27.3899 5.5L27.2601 5.0787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M30.9 4.8213L30.5601 5.0787L30.6899 5.5L30.35 5.2426L30.0101 5.5L30.1399 5.0787L29.8 4.8213H30.2213L30.35 4.4L30.4787 4.8213H30.9Z", fill: "#FBFBFB" }),
+            h("path", { d: "M23.9601 5.0787L24.3 4.8213H23.8787L23.75 4.4L23.6213 4.8213H23.2L23.5399 5.0787L23.4101 5.5L23.75 5.2426L24.0899 5.5L23.9601 5.0787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M27.6 8.12131L27.2601 8.3787L27.3899 8.8L27.05 8.5426L26.7101 8.8L26.8399 8.3787L26.5 8.12131H26.9213L27.05 7.70001L27.1787 8.12131H27.6Z", fill: "#FBFBFB" }),
+            h("path", { d: "M30.5601 8.3787L30.9 8.12131H30.4787L30.35 7.70001L30.2213 8.12131H29.8L30.1399 8.3787L30.0101 8.8L30.35 8.5426L30.6899 8.8L30.5601 8.3787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M24.3 8.12131L23.9601 8.3787L24.0899 8.8L23.75 8.5426L23.4101 8.8L23.5399 8.3787L23.2 8.12131H23.6213L23.75 7.70001L23.8787 8.12131H24.3Z", fill: "#FBFBFB" }),
+            h("path", { d: "M27.2601 11.6787L27.6 11.4213H27.1787L27.05 11L26.9213 11.4213H26.5L26.8399 11.6787L26.7101 12.1L27.05 11.8426L27.3899 12.1L27.2601 11.6787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M24.3 11.4213L23.9601 11.6787L24.0899 12.1L23.75 11.8426L23.4101 12.1L23.5399 11.6787L23.2 11.4213H23.6213L23.75 11L23.8787 11.4213H24.3Z", fill: "#FBFBFB" }),
+            h("path", { d: "M20.6601 8.3787L21 8.12131H20.5787L20.45 7.70001L20.3213 8.12131H19.9L20.2399 8.3787L20.1101 8.8L20.45 8.5426L20.7899 8.8L20.6601 8.3787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M21 11.4213L20.6601 11.6787L20.7899 12.1L20.45 11.8426L20.1101 12.1L20.2399 11.6787L19.9 11.4213H20.3213L20.45 11L20.5787 11.4213H21Z", fill: "#FBFBFB" }),
+            h("path", { d: "M17.3601 11.6787L17.7 11.4213H17.2787L17.15 11L17.0213 11.4213H16.6L16.9399 11.6787L16.8101 12.1L17.15 11.8426L17.4899 12.1L17.3601 11.6787Z", fill: "#FBFBFB" }),
+            h("path", { d: "M30.9 11.4213L30.5601 11.6787L30.6899 12.1L30.35 11.8426L30.0101 12.1L30.1399 11.6787L29.8 11.4213H30.2213L30.35 11L30.4787 11.4213H30.9Z", fill: "#FBFBFB" }),
+            h("path", { d: "M42.863 29C39.939 37.7184 31.7031 44 22 44C12.297 44 4.06109 37.7184 1.13708 29L42.863 29Z", fill: "#00C853" }),
+            h("path", { d: "M42.8629 15C42.9736 15.3299 43.0766 15.6633 43.1719 16H0.828125C0.923351 15.6633 1.02639 15.3299 1.13704 15L42.8629 15Z", fill: "#F44336" }),
+            h("path", { d: "M42.8629 29C42.9736 28.6701 43.0766 28.3367 43.1719 28H0.828125C0.923351 28.3367 1.02639 28.6701 1.13704 29H42.8629Z", fill: "#F44336" })));
+    }
+});

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

@@ -90,6 +90,9 @@ export declare const selectProps: {
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly filled: BooleanConstructor;
+    readonly tagField: StringConstructor;
+    readonly renderTagLabel: PropType<RenderLabel>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderTag: PropType<RenderTag>;
@@ -128,6 +131,7 @@ export declare const selectProps: {
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
+    readonly account: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;
     }, {
@@ -172,9 +176,11 @@ export declare const selectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -350,9 +356,11 @@ export declare const selectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -528,9 +536,11 @@ export declare const selectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -747,6 +757,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly filled: BooleanConstructor;
+    readonly tagField: StringConstructor;
+    readonly renderTagLabel: PropType<RenderLabel>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderTag: PropType<RenderTag>;
@@ -785,6 +798,7 @@ declare const _default: import("vue").DefineComponent<{
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
+    readonly account: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;
     }, {
@@ -829,9 +843,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1007,9 +1023,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1185,9 +1203,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1352,7 +1372,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" | "huge">;
+    mergedSize: import("vue").ComputedRef<SelectSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean>;
@@ -1532,9 +1552,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -1800,6 +1822,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly filled: BooleanConstructor;
+    readonly tagField: StringConstructor;
+    readonly renderTagLabel: PropType<RenderLabel>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderTag: PropType<RenderTag>;
@@ -1838,6 +1863,7 @@ declare const _default: import("vue").DefineComponent<{
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
+    readonly account: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;
     }, {
@@ -1882,9 +1908,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2060,9 +2088,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2238,9 +2268,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2377,12 +2409,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly options: SelectMixedOption[];
     readonly round: boolean;
     readonly show: boolean | undefined;
+    readonly filled: boolean;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly account: boolean;
     readonly showCheckmark: boolean;
     readonly labelField: string;
     readonly virtualScroll: boolean;

package/es/select/src/Select.js

@@ -58,7 +58,7 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), { to
     }, childrenField: {
         type: String,
         default: 'children'
-    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, nodeProps: Function, ignoreComposition: { type: Boolean, default: true }, showOnFocus: Boolean, 
+    }, filled: Boolean, tagField: String, renderTagLabel: Function, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, nodeProps: Function, ignoreComposition: { type: Boolean, default: true }, showOnFocus: Boolean, 
     // for jsx
     onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], displayDirective: {
         type: String,
@@ -71,7 +71,7 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), { to
         default: true
     }, round: Boolean, counter: Boolean, secondary: Boolean, 
     /** deprecated */
-    onChange: [Function, Array], items: Array });
+    onChange: [Function, Array], items: Array, account: Boolean });
 export default defineComponent({
     name: 'Select',
     props: selectProps,
@@ -214,8 +214,13 @@ export default defineComponent({
             }
             return null;
         });
+        const mergedSizeRef = computed(() => {
+            if (props.account)
+                return 'huge';
+            return formItem.mergedSizeRef.value;
+        });
         const formItem = useFormItem(props);
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
+        const { mergedDisabledRef, mergedStatusRef } = formItem;
         function doUpdateValue(value, option) {
             const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
             const { nTriggerFormChange, nTriggerFormInput } = formItem;
@@ -664,7 +669,7 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => (h(UInternalSelection, { ref: "triggerRef", inlineThemeDisabled: this.inlineThemeDisabled, status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, labelField: this.labelField, valueField: this.valueField, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, loadingSkeleton: this.loadingSkeleton, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus, onResize: this.handleTriggerOrMenuResize, ignoreComposition: this.ignoreComposition, round: this.round, counter: this.counter, secondary: this.secondary }, {
+                        default: () => (h(UInternalSelection, { ref: "triggerRef", inlineThemeDisabled: this.inlineThemeDisabled, status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, labelField: this.labelField, valueField: this.valueField, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, loadingSkeleton: this.loadingSkeleton, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus, onResize: this.handleTriggerOrMenuResize, ignoreComposition: this.ignoreComposition, round: this.round, counter: this.counter, secondary: this.secondary, account: this.account, tagField: this.tagField, renderTagLabel: this.renderTagLabel, filled: this.filled }, {
                             arrow: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                         }))
                     }),
@@ -681,7 +686,7 @@ export default defineComponent({
                                         `${this.mergedClsPrefix}-select-menu`,
                                         this.themeClass,
                                         (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class
-                                    ], clsPrefix: this.mergedClsPrefix, focusable: true, labelField: this.labelField, valueField: this.valueField, autoPending: true, nodeProps: this.nodeProps, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
+                                    ], clsPrefix: this.mergedClsPrefix, focusable: true, account: this.account, labelField: this.labelField, valueField: this.valueField, autoPending: true, nodeProps: this.nodeProps, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
                                         .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: "medium", renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.showCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
                                     empty: () => { var _a, _b; return [(_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     action: () => { var _a, _b; return [(_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)]; }

package/es/select/src/interface.d.ts

@@ -2,6 +2,8 @@ import { type TreeMate } from 'treemate';
 import { type CSSProperties, type VNodeChild, type VNode } from 'vue';
 export type SelectMixedOption = SelectBaseOption | SelectGroupOption | SelectIgnoredOption;
 export interface SelectBaseOption<V = string | number, L = string | ((option: SelectBaseOption<V>, selected: boolean) => VNodeChild)> {
+    icon?: () => VNodeChild;
+    avatar?: () => VNodeChild;
     value?: V;
     label?: L;
     class?: string;

package/es/select/styles/light.d.ts

@@ -46,9 +46,11 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         placeholderColor: string;
         placeholderColorDisabled: string;
         color: string;
+        colorFilled: string;
         colorDisabled: string;
         colorActive: string;
         border: string;
+        borderFilled: string;
         borderHover: string;
         borderActive: string;
         borderFocus: string;

package/es/theme-editor/src/ThemeEditor.js

@@ -212,8 +212,8 @@ export default defineComponent({
                                     alignItems: 'center',
                                     justifyContent: 'center',
                                     borderRadius: '50%',
-                                    backgroundColor: 'var(--popover-color)',
-                                    color: 'var(--text-color-2)',
+                                    backgroundColor: 'var(--elements-secondary)',
+                                    color: 'var(--text-primary)',
                                     transition: 'color .3s var(--cubic-bezier-ease-in-out), background-color .3s var(--cubic-bezier-ease-in-out), box-shadow .3s var(--cubic-bezier-ease-in-out)',
                                     boxShadow: '0 2px 8px 0px rgba(0, 0, 0, .12)',
                                     cursor: 'pointer'

package/es/themes/dark.js

@@ -82,9 +82,11 @@ import { treeDark } from '../tree/styles';
 import { uploadDark } from '../upload/styles';
 import { watermarkDark } from '../watermark/styles';
 import { toggleButtonDark } from '../toggle-button/styles';
+import { accountOptionDark } from '../_internal/account-option/styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
+    AccountOption: accountOptionDark,
     Alert: alertDark,
     Anchor: anchorDark,
     AutoComplete: autoCompleteDark,

package/es/themes/light.js

@@ -84,9 +84,11 @@ import { treeSelectLight } from '../tree-select/styles';
 import { uploadLight } from '../upload/styles';
 import { watermarkLight } from '../watermark/styles';
 import { toggleButtonLight } from '../toggle-button/styles';
+import { accountOptionLight } from '../_internal/account-option/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
+    AccountOption: accountOptionLight,
     Alert: alertLight,
     Anchor: anchorLight,
     AutoComplete: autoCompleteLight,

package/es/tree-select/src/TreeSelect.d.ts

@@ -268,9 +268,11 @@ export declare const treeSelectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -500,9 +502,11 @@ export declare const treeSelectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -732,9 +736,11 @@ export declare const treeSelectProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1077,9 +1083,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1309,9 +1317,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1541,9 +1551,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1952,9 +1964,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -2418,9 +2432,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2650,9 +2666,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2882,9 +2900,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;

package/es/tree-select/styles/light.d.ts

@@ -159,9 +159,11 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         placeholderColor: string;
         placeholderColorDisabled: string;
         color: string;
+        colorFilled: string;
         colorDisabled: string;
         colorActive: string;
         border: string;
+        borderFilled: string;
         borderHover: string;
         borderActive: string;
         borderFocus: string;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.0.2";
+declare const _default: "1.1.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.0.2';
+export default '1.1.0';

package/lib/_internal/account-option/index.d.ts

@@ -0,0 +1 @@
+export { default } from './src/AccountOption';

package/lib/_internal/account-option/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AccountOption_1 = require("./src/AccountOption");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AccountOption_1).default; } });