@uzum-tech/ui 1.0.3 → 1.1.1

package/lib/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/lib/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/lib/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/lib/select/demos/enUS/flag.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Flag',
+    render() {
+        return ((0, vue_1.h)("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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" }),
+            (0, vue_1.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/lib/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/lib/select/src/Select.js

@@ -64,7 +64,7 @@ exports.selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, 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,
@@ -77,7 +77,7 @@ exports.selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
         default: true
     }, round: Boolean, counter: Boolean, secondary: Boolean, 
     /** deprecated */
-    onChange: [Function, Array], items: Array });
+    onChange: [Function, Array], items: Array, account: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Select',
     props: exports.selectProps,
@@ -220,8 +220,13 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return null;
         });
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            if (props.account)
+                return 'huge';
+            return formItem.mergedSizeRef.value;
+        });
         const formItem = (0, _mixins_1.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;
@@ -670,7 +675,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.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: () => ((0, vue_1.h)(_internal_1.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)]; }
                         }))
                     }),
@@ -687,7 +692,7 @@ exports.default = (0, vue_1.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/lib/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/lib/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/lib/theme-editor/src/ThemeEditor.js

@@ -214,8 +214,8 @@ exports.default = (0, vue_1.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/lib/themes/dark.js

@@ -85,9 +85,11 @@ const styles_80 = require("../tree/styles");
 const styles_81 = require("../upload/styles");
 const styles_82 = require("../watermark/styles");
 const styles_83 = require("../toggle-button/styles");
+const styles_84 = require("../_internal/account-option/styles");
 exports.darkTheme = {
     name: 'dark',
     common: common_1.commonDark,
+    AccountOption: styles_84.accountOptionDark,
     Alert: styles_1.alertDark,
     Anchor: styles_2.anchorDark,
     AutoComplete: styles_3.autoCompleteDark,

package/lib/themes/light.js

@@ -87,9 +87,11 @@ const styles_80 = require("../tree-select/styles");
 const styles_81 = require("../upload/styles");
 const styles_82 = require("../watermark/styles");
 const styles_83 = require("../toggle-button/styles");
+const styles_84 = require("../_internal/account-option/styles");
 exports.lightTheme = {
     name: 'light',
     common: common_1.commonLight,
+    AccountOption: styles_84.accountOptionLight,
     Alert: styles_1.alertLight,
     Anchor: styles_2.anchorLight,
     AutoComplete: styles_3.autoCompleteLight,

package/lib/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/lib/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/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.0.3";
+declare const _default: "1.1.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.0.3';
+exports.default = '1.1.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.0.3",
+  "version": "1.1.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",