@koi-design/uxd-ui 14.0.3 → 14.0.4

package/styles/mixins/index.less

@@ -3,5 +3,4 @@
 @import 'compatibility';
 @import 'operation-unit';
 @import 'reset';
-@import 'close';
 @import 'iconfont';

package/types/components/Drawer/Drawer.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +109,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -156,6 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:visible"?: (v: boolean) => any;
     "onAfter-visible-change"?: (v: boolean) => any;
 }>, {
+    description: string;
     visible: boolean;
     title: string;
     size: "default" | "large";

package/types/components/Drawer/Drawer.type.d.ts

@@ -34,6 +34,10 @@ export declare const drawerProps: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;

package/types/components/Drawer/index.d.ts

@@ -27,6 +27,10 @@ export declare const UDrawer: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -84,6 +88,7 @@ export declare const UDrawer: {
     }, import("vue").PublicProps, {
         closable: boolean;
         size: "default" | "large";
+        description: string;
         visible: boolean;
         placement: "top" | "bottom" | "right" | "left";
         title: string;
@@ -133,6 +138,10 @@ export declare const UDrawer: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -186,6 +195,7 @@ export declare const UDrawer: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         closable: boolean;
         size: "default" | "large";
+        description: string;
         visible: boolean;
         placement: "top" | "bottom" | "right" | "left";
         title: string;
@@ -232,6 +242,10 @@ export declare const UDrawer: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -289,6 +303,7 @@ export declare const UDrawer: {
 }, string, {
     closable: boolean;
     size: "default" | "large";
+    description: string;
     visible: boolean;
     placement: "top" | "bottom" | "right" | "left";
     title: string;

package/types/components/Mask/Mask.d.ts

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: any) => boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], "after-show-mask-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "after-show-mask-change")[], "click" | "after-show-mask-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (StringConstructor | NumberConstructor)[];
     duration: (StringConstructor | NumberConstructor)[];
@@ -86,6 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (value: any) => boolean;
     };
 }>> & Readonly<{
+    onClick?: (...args: any[]) => any;
     "onAfter-show-mask-change"?: (...args: any[]) => any;
 }>, {
     show: boolean;

package/types/components/Mask/index.d.ts

@@ -28,8 +28,9 @@ export declare const UMask: {
             validator: (value: any) => boolean;
         };
     }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
         "onAfter-show-mask-change"?: (...args: any[]) => any;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], import("vue").PublicProps, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "after-show-mask-change")[], import("vue").PublicProps, {
         color: import("./Mask.type").MaskColor;
         show: boolean;
         opacity: string | number;
@@ -71,6 +72,7 @@ export declare const UMask: {
             validator: (value: any) => boolean;
         };
     }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
         "onAfter-show-mask-change"?: (...args: any[]) => any;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         color: import("./Mask.type").MaskColor;
@@ -111,8 +113,9 @@ export declare const UMask: {
         validator: (value: any) => boolean;
     };
 }>> & Readonly<{
+    onClick?: (...args: any[]) => any;
     "onAfter-show-mask-change"?: (...args: any[]) => any;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], "after-show-mask-change", {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "after-show-mask-change")[], "click" | "after-show-mask-change", {
     color: import("./Mask.type").MaskColor;
     show: boolean;
     opacity: string | number;

package/types/components/Message/Message.type.d.ts

@@ -12,6 +12,7 @@ export interface MessageParams {
     class?: string;
     closable?: boolean;
     background?: boolean;
+    showIcon?: boolean;
 }
 export interface MessageOption {
     top?: string;

package/types/components/Slider/Slider.d.ts

@@ -49,15 +49,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"strong" | "surface">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -199,15 +190,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"strong" | "surface">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -217,9 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onAfter-change"?: (v: import("./Slider.type").SliderValueType) => any;
 }>, {
     max: number;
-    color: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
     disabled: boolean;
-    size: "small" | "default";
     vertical: boolean;
     range: boolean;
     min: number;

package/types/components/Slider/Slider.type.d.ts

@@ -57,15 +57,6 @@ export declare const sliderProps: {
         type: PropType<"surface" | "strong">;
         default: string;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
-    size: {
-        type: PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: PropType<"ltr" | "rtl">;
     };

package/types/components/Slider/index.d.ts

@@ -50,15 +50,6 @@ export declare const USlider: {
             type: import("vue").PropType<"surface" | "strong">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default">;
-            default: string;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -154,8 +145,6 @@ export declare const USlider: {
         change: (v: import("./Slider.type").SliderValueType) => boolean;
         'after-change': (v: import("./Slider.type").SliderValueType) => boolean;
     }, import("vue").PublicProps, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        size: "small" | "default";
         max: number;
         min: number;
         disabled: boolean;
@@ -225,15 +214,6 @@ export declare const USlider: {
             type: import("vue").PropType<"surface" | "strong">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default">;
-            default: string;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -325,8 +305,6 @@ export declare const USlider: {
             point: number;
         }) => void;
     }, {}, {}, {}, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        size: "small" | "default";
         max: number;
         min: number;
         disabled: boolean;
@@ -393,15 +371,6 @@ export declare const USlider: {
         type: import("vue").PropType<"surface" | "strong">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -497,8 +466,6 @@ export declare const USlider: {
     change: (v: import("./Slider.type").SliderValueType) => boolean;
     'after-change': (v: import("./Slider.type").SliderValueType) => boolean;
 }, string, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    size: "small" | "default";
     max: number;
     min: number;
     disabled: boolean;

package/types/components/Tag/Tag.type.d.ts

@@ -14,10 +14,6 @@ export declare const tagProps: {
         type: PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;

package/types/components/Tag/Tag.vue.d.ts

@@ -7,10 +7,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -39,23 +35,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     customStyle: import("vue").ComputedRef<{
         backgroundColor: string;
         color: string;
-        borderColor?: undefined;
-        boxShadow?: undefined;
+        border?: undefined;
     } | {
-        borderColor: any;
+        border: string;
         color: string;
-        boxShadow: string;
         backgroundColor?: undefined;
-    } | {
-        backgroundColor: string;
-        color?: undefined;
-        borderColor?: undefined;
-        boxShadow?: undefined;
     } | {
         backgroundColor: string;
         color: string;
-        boxShadow: string;
-        borderColor?: undefined;
+        border: string;
+    } | {
+        backgroundColor?: undefined;
+        color?: undefined;
+        border?: undefined;
     }>;
     showIcon: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -70,10 +62,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -92,7 +80,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (e: Event) => any;
     "onUpdate:modelValue"?: (v: boolean) => any;
 }>, {
-    size: "small" | "default" | "large";
     variant: "surface" | "soft" | "outline" | "solid";
     modelValue: boolean;
     round: boolean;

package/types/components/Tag/index.d.ts

@@ -8,10 +8,6 @@ export declare const UTag: {
             type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
-            default: string;
-        };
         round: {
             type: BooleanConstructor;
             default: boolean;
@@ -43,30 +39,25 @@ export declare const UTag: {
         customStyle: import("vue").ComputedRef<{
             backgroundColor: string;
             color: string;
-            borderColor?: undefined;
-            boxShadow?: undefined;
+            border?: undefined;
         } | {
-            borderColor: any;
+            border: string;
             color: string;
-            boxShadow: string;
             backgroundColor?: undefined;
-        } | {
-            backgroundColor: string;
-            color?: undefined;
-            borderColor?: undefined;
-            boxShadow?: undefined;
         } | {
             backgroundColor: string;
             color: string;
-            boxShadow: string;
-            borderColor?: undefined;
+            border: string;
+        } | {
+            backgroundColor?: undefined;
+            color?: undefined;
+            border?: undefined;
         }>;
         showIcon: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (v: boolean) => boolean;
         close: (e: Event) => boolean;
     }, import("vue").PublicProps, {
-        size: "small" | "default" | "large";
         variant: "surface" | "soft" | "outline" | "solid";
         modelValue: boolean;
         round: boolean;
@@ -220,10 +211,6 @@ export declare const UTag: {
             type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
-            default: string;
-        };
         round: {
             type: BooleanConstructor;
             default: boolean;
@@ -255,27 +242,22 @@ export declare const UTag: {
         customStyle: import("vue").ComputedRef<{
             backgroundColor: string;
             color: string;
-            borderColor?: undefined;
-            boxShadow?: undefined;
+            border?: undefined;
         } | {
-            borderColor: any;
+            border: string;
             color: string;
-            boxShadow: string;
             backgroundColor?: undefined;
-        } | {
-            backgroundColor: string;
-            color?: undefined;
-            borderColor?: undefined;
-            boxShadow?: undefined;
         } | {
             backgroundColor: string;
             color: string;
-            boxShadow: string;
-            borderColor?: undefined;
+            border: string;
+        } | {
+            backgroundColor?: undefined;
+            color?: undefined;
+            border?: undefined;
         }>;
         showIcon: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {
-        size: "small" | "default" | "large";
         variant: "surface" | "soft" | "outline" | "solid";
         modelValue: boolean;
         round: boolean;
@@ -293,10 +275,6 @@ export declare const UTag: {
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -328,30 +306,25 @@ export declare const UTag: {
     customStyle: import("vue").ComputedRef<{
         backgroundColor: string;
         color: string;
-        borderColor?: undefined;
-        boxShadow?: undefined;
+        border?: undefined;
     } | {
-        borderColor: any;
+        border: string;
         color: string;
-        boxShadow: string;
         backgroundColor?: undefined;
-    } | {
-        backgroundColor: string;
-        color?: undefined;
-        borderColor?: undefined;
-        boxShadow?: undefined;
     } | {
         backgroundColor: string;
         color: string;
-        boxShadow: string;
-        borderColor?: undefined;
+        border: string;
+    } | {
+        backgroundColor?: undefined;
+        color?: undefined;
+        border?: undefined;
     }>;
     showIcon: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (v: boolean) => boolean;
     close: (e: Event) => boolean;
 }, string, {
-    size: "small" | "default" | "large";
     variant: "surface" | "soft" | "outline" | "solid";
     modelValue: boolean;
     round: boolean;

package/types/components/TreeSelect/TreeSelect.vue.d.ts

@@ -254,8 +254,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onExpand?: (keys: (string | number)[]) => any;
 }>, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    required: boolean;
     showIcon: boolean;
+    required: boolean;
     iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
     disabled: boolean;

package/types/components/TreeSelect/index.d.ts

@@ -147,8 +147,8 @@ export declare const UTreeSelect: {
         change: (v: import("..").SelectValueType, item: import("./TreeSelect.type").SelectTreeItem | import("./TreeSelect.type").SelectTreeItem[]) => boolean;
     }, import("vue").PublicProps, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        required: boolean;
         showIcon: boolean;
+        required: boolean;
         iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
@@ -5013,8 +5013,8 @@ export declare const UTreeSelect: {
         onUpdateTreeData: (data: import("..").TreeItem[]) => void;
     }, {}, {}, {}, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        required: boolean;
         showIcon: boolean;
+        required: boolean;
         iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
@@ -5185,8 +5185,8 @@ export declare const UTreeSelect: {
     change: (v: import("..").SelectValueType, item: import("./TreeSelect.type").SelectTreeItem | import("./TreeSelect.type").SelectTreeItem[]) => boolean;
 }, string, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    required: boolean;
     showIcon: boolean;
+    required: boolean;
     iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
     disabled: boolean;