@uzum-tech/ui 1.3.0 → 1.4.0

package/es/drawer/src/DrawerContent.d.ts

@@ -60,118 +60,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCloseClick: () => void;
     renderActionButtons: () => null | VNode;
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             color: string;
             textColor: string;

package/es/drawer/src/styles/index.cssr.js

@@ -40,11 +40,12 @@ export default c([cB('drawer', `
  color: var(--u-text-color);
  box-sizing: border-box;
  max-width: 100%;
- margin: var(--u-drawer-margin);
- border-radius: var(--u-drawer-border-radius);
  `, [slideInFromRightTransition(), slideInFromLeftTransition(), slideInFromTopTransition(), slideInFromBottomTransition(), cM('unselectable', `
  user-select: none; 
  -webkit-user-select: none;
+ `), cM('rounded', `
+ margin: var(--u-drawer-margin);
+ border-radius: var(--u-drawer-border-radius);
  `), cM('native-scrollbar', [cB('drawer-content-wrapper', `
  overflow: auto;
  height: 100%;

package/es/drawer/styles/_common.js

@@ -7,6 +7,6 @@ export default {
     closeBorderRadius: '10px',
     subtitleMarginTop: '16px',
     actionsSpace: '16px',
-    contentMargin: '0px',
-    contentBorderRadius: '0px'
+    contentMargin: '1rem',
+    contentBorderRadius: '24px'
 };

package/es/dropdown/src/Dropdown.d.ts

@@ -262,7 +262,7 @@ export declare const dropdownProps: {
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("../..").MenuNodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -300,7 +300,7 @@ export declare const dropdownProps: {
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -309,7 +309,7 @@ export declare const dropdownProps: {
         default: boolean;
     };
     readonly width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
@@ -319,13 +319,13 @@ export declare const dropdownProps: {
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -591,7 +591,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("../..").MenuNodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -629,7 +629,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -638,7 +638,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     readonly width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
@@ -648,13 +648,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -680,118 +680,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             padding: string;
             optionIconSizeSmall: string;
@@ -1120,7 +1009,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("../..").MenuNodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -1158,7 +1047,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -1167,7 +1056,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     readonly width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
@@ -1177,13 +1066,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -1207,26 +1096,25 @@ declare const _default: import("vue").DefineComponent<{
     readonly minWidth: NumberConstructor;
     readonly maxWidth: NumberConstructor;
 }>>, {
-    readonly options: DropdownMixedOption[];
-    readonly size: "small" | "medium" | "large" | "huge";
-    readonly show: boolean | undefined;
-    readonly flip: boolean;
     readonly width: string | number;
     readonly disabled: boolean;
-    readonly duration: number;
-    readonly to: string | boolean | HTMLElement;
     readonly raw: boolean;
+    readonly size: "small" | "medium" | "large" | "huge";
+    readonly to: string | boolean | HTMLElement;
+    readonly show: boolean | undefined;
     readonly animated: boolean;
-    readonly placement: FollowerPlacement;
-    readonly overlap: boolean;
-    readonly keyField: string;
+    readonly duration: number;
     readonly scrollable: boolean;
     readonly trigger: import("../../popover").PopoverTrigger;
+    readonly flip: boolean;
     readonly labelField: string;
+    readonly keyField: string;
+    readonly overlap: boolean;
     readonly showArrow: boolean;
     readonly delay: number;
     readonly arrowPointToCenter: boolean;
     readonly displayDirective: "show" | "if";
+    readonly placement: FollowerPlacement;
     readonly keepAliveOnHover: boolean;
     readonly internalDeactivateImmediately: boolean;
     readonly internalTrapFocus: boolean;
@@ -1236,6 +1124,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly internalExtraClass: string[];
     readonly arrow: boolean | undefined;
     readonly keyboard: boolean;
+    readonly options: DropdownMixedOption[];
     readonly childrenField: string;
     readonly inverted: boolean;
 }, {}>;

package/es/dropdown/src/DropdownGroup.d.ts

@@ -1,12 +1,13 @@
 import { type PropType } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -19,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {

package/es/dropdown/src/DropdownMenu.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type Ref, type CSSProperties } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface UDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
@@ -13,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
+        type: PropType<Array<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>>;
         default: () => never[];
     };
     parentKey: {
@@ -31,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
+        type: PropType<Array<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>>;
         default: () => never[];
     };
     parentKey: {

package/es/dropdown/src/DropdownOption.d.ts

@@ -1,6 +1,7 @@
 import { type PropType, type Ref, type HTMLAttributes } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface UDropdownOptionInjection {
     enteringSubmenuRef: Ref<boolean>;
 }
@@ -10,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -67,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     props: PropType<HTMLAttributes>;
     scrollable: BooleanConstructor;
 }>>, {
-    placement: FollowerPlacement;
     scrollable: boolean;
+    placement: FollowerPlacement;
     parentKey: string | number | null;
 }, {}>;
 export default _default;

package/es/dropdown/src/DropdownRenderOption.d.ts

@@ -1,13 +1,14 @@
 import { type PropType } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownRenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
-        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
+        type: PropType<TreeNode<DropdownRenderOption>>;
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tmNode: {
-        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
+        type: PropType<TreeNode<DropdownRenderOption>>;
         required: true;
     };
 }>>, {}, {}>;

package/es/dynamic-input/src/DynamicInput.d.ts

@@ -1776,121 +1776,10 @@ declare const _default: import("vue").DefineComponent<{
     ensureKey: (value: any, index: number) => string | number;
     handleValueChange: (index: number, value: any) => void;
     remove: (index: number) => void;
-    move: (type: 'up' | 'down', index: number) => void;
+    move: (type: "up" | "down", index: number) => void;
     createItem: (index: number) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             actionMargin: string;
             actionMarginRtl: string;
@@ -3072,8 +2961,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean;
     readonly placeholder: string;
-    readonly min: number;
     readonly defaultValue: any[];
+    readonly min: number;
     readonly keyPlaceholder: string;
     readonly valuePlaceholder: string;
     readonly preset: "input" | "pair";