@uzum-tech/ui 1.3.0 → 1.4.0

package/lib/pagination/src/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPageItemsInfo = void 0;
+exports.createPageItemsInfo = createPageItemsInfo;
 function createPageItemsInfo(currentPage, pageCount, pageSlot) {
     let hasFastBackward = false;
     let hasFastForward = false;
@@ -135,7 +135,6 @@ function createPageItemsInfo(currentPage, pageCount, pageSlot) {
         items
     };
 }
-exports.createPageItemsInfo = createPageItemsInfo;
 function createRange(from, to) {
     const range = [];
     for (let i = from; i <= to; ++i) {

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

@@ -314,12 +314,18 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -447,12 +453,18 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;

package/lib/popconfirm/src/Popconfirm.d.ts

@@ -45,7 +45,7 @@ export declare const popconfirmProps: {
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -58,7 +58,7 @@ export declare const popconfirmProps: {
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -68,13 +68,13 @@ export declare const popconfirmProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -806,8 +806,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     positiveButtonProps: PropType<ButtonProps>;
     negativeButtonProps: PropType<ButtonProps>;
-    onPositiveClick: PropType<(e: MouseEvent) => any>;
-    onNegativeClick: PropType<(e: MouseEvent) => any>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<boolean> | boolean | any>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<boolean> | boolean | any>;
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -836,7 +836,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -849,7 +849,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -859,13 +859,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -1585,118 +1585,7 @@ declare const _default: import("vue").DefineComponent<{
     setShow(value: boolean): void;
     syncPosition(): 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: {
             iconSize: string;
             fontSize: string;
@@ -1962,8 +1851,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     positiveButtonProps: PropType<ButtonProps>;
     negativeButtonProps: PropType<ButtonProps>;
-    onPositiveClick: PropType<(e: MouseEvent) => any>;
-    onNegativeClick: PropType<(e: MouseEvent) => any>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<boolean> | boolean | any>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<boolean> | boolean | any>;
     show: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -1992,7 +1881,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | import("vue").CSSProperties>;
@@ -2005,7 +1894,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -2015,13 +1904,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | import("vue").CSSProperties>;
-    headerStyle: PropType<string | import("vue").CSSProperties>;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    contentStyle: PropType<import("vue").CSSProperties | string>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -2738,23 +2627,23 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    show: boolean | undefined;
-    flip: boolean;
     width: string | number;
     disabled: boolean;
-    duration: number;
-    to: string | boolean | HTMLElement;
     raw: boolean;
     showIcon: boolean;
+    to: string | boolean | HTMLElement;
+    show: boolean | undefined;
     animated: boolean;
-    placement: import("vueuc/lib/binder/src/interface").Placement;
-    overlap: boolean;
+    duration: number;
     scrollable: boolean;
     trigger: PopoverTrigger;
+    flip: boolean;
+    overlap: boolean;
     showArrow: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     keepAliveOnHover: boolean;
     internalDeactivateImmediately: boolean;
     internalTrapFocus: boolean;

package/lib/popconfirm/src/PopconfirmPanel.d.ts

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         positiveText: string;
         negativeText: string;
     }>;
-    dateLocaleRef: import("vue").Ref<import("../../locales/date/enUS").UDateLocale>;
+    dateLocaleRef: import("vue").Ref<import("../..").UDateLocale>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly positiveText: PropType<string | null>;
     readonly negativeText: PropType<string | null>;

package/lib/popover/src/Popover.d.ts

@@ -60,7 +60,7 @@ export declare const popoverBaseProps: {
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | CSSProperties>;
@@ -73,7 +73,7 @@ export declare const popoverBaseProps: {
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -83,13 +83,13 @@ export declare const popoverBaseProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -148,7 +148,7 @@ export declare const popoverProps: {
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | CSSProperties>;
@@ -161,7 +161,7 @@ export declare const popoverProps: {
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -171,13 +171,13 @@ export declare const popoverProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -280,7 +280,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | CSSProperties>;
@@ -293,7 +293,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -303,13 +303,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -425,7 +425,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowStyle: PropType<string | CSSProperties>;
@@ -438,7 +438,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string | "trigger">;
         default: undefined;
     };
     overlap: BooleanConstructor;
@@ -448,13 +448,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -520,22 +520,22 @@ declare const _default: import("vue").DefineComponent<{
         boxShadow: string;
     }, any>>>;
 }>>, {
-    show: boolean | undefined;
-    flip: boolean;
     width: string | number;
     disabled: boolean;
-    duration: number;
-    to: string | boolean | HTMLElement;
     raw: boolean;
+    to: string | boolean | HTMLElement;
+    show: boolean | undefined;
     animated: boolean;
-    placement: FollowerPlacement;
-    overlap: boolean;
+    duration: number;
     scrollable: boolean;
     trigger: PopoverTrigger;
+    flip: boolean;
+    overlap: boolean;
     showArrow: boolean;
     delay: number;
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
+    placement: FollowerPlacement;
     keepAliveOnHover: boolean;
     internalDeactivateImmediately: boolean;
     internalTrapFocus: boolean;

package/lib/popover/src/PopoverBody.d.ts

@@ -3,7 +3,7 @@ import { type FollowerPlacement } from 'vueuc';
 import type { PopoverTrigger } from './interface';
 export declare const popoverBodyProps: {
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -14,7 +14,7 @@ export declare const popoverBodyProps: {
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -23,9 +23,9 @@ export declare const popoverBodyProps: {
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -83,7 +83,7 @@ interface RenderArrowProps {
 export declare const renderArrow: ({ arrowStyle, clsPrefix }: RenderArrowProps) => VNode | null;
 declare const _default: import("vue").DefineComponent<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -103,9 +103,9 @@ declare const _default: import("vue").DefineComponent<{
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     renderContentNode: () => VNode | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -188,9 +188,9 @@ declare const _default: import("vue").DefineComponent<{
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
+    headerStyle: PropType<CSSProperties | string>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -241,13 +241,13 @@ declare const _default: import("vue").DefineComponent<{
         boxShadow: string;
     }, any>>>;
 }>>, {
-    show: boolean;
-    flip: boolean;
-    to: string | boolean | HTMLElement;
     raw: boolean;
+    to: string | boolean | HTMLElement;
+    show: boolean;
     animated: boolean;
-    overlap: boolean;
     scrollable: boolean;
+    flip: boolean;
+    overlap: boolean;
     showArrow: boolean;
     arrowPointToCenter: boolean;
     keepAliveOnHover: boolean;