yuyeon 0.1.0-rc.2 → 0.1.0-rc.21

package/types/components/select/YSelect.d.ts

@@ -2,6 +2,7 @@ import { PropType, SlotsType } from 'vue';
 import { ListItem } from '../../composables/list-items';
 import { deepEqual } from '../../util/common';
 import { YIconIconProp } from '../icon';
+
 export type SelectEquals = (optionsItem: any, valueItem: any, valueKey?: string) => boolean;
 export declare function returnItemEquals(optionsItem: any, valueItem: any, valueKey?: string): boolean;
 export declare const pressSelectPropsOptions: <Defaults extends {
@@ -27,23 +28,23 @@ export declare const pressSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<any[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
         default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
     };
     itemKey: unknown extends Defaults["itemKey"] ? Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     } : Omit<Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"]>;
         default: unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"];
     };
@@ -53,23 +54,23 @@ export declare const pressSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
         default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
     };
     itemChildren: unknown extends Defaults["itemChildren"] ? Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
     } : Omit<Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemChildren"] ? NonNullable<string | boolean> : NonNullable<NonNullable<string | boolean>> | Defaults["itemChildren"]>;
         default: unknown extends Defaults["itemChildren"] ? NonNullable<string | boolean> : NonNullable<NonNullable<string | boolean>> | Defaults["itemChildren"];
     };
@@ -91,7 +92,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<SelectEquals>;
         default: typeof deepEqual;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"]>;
         default: unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"];
     };
@@ -102,65 +103,71 @@ export declare const pressSelectPropsOptions: <Defaults extends {
     menuProps: unknown extends Defaults["menuProps"] ? {
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -170,19 +177,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -190,13 +202,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -211,16 +226,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -243,8 +258,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -261,69 +277,76 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
     } : Omit<{
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -333,19 +356,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -353,13 +381,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -374,16 +405,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -406,8 +437,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -424,69 +456,76 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
-    }, "type" | "default"> & {
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["menuProps"] ? Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -496,19 +535,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -516,13 +560,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -537,16 +584,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -569,8 +616,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -587,67 +635,74 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition"> : Defaults["menuProps"] | NonNullable<Partial<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition"> : Defaults["menuProps"] | NonNullable<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -657,19 +712,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -677,13 +737,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -698,16 +761,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -730,8 +793,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -748,68 +812,75 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>>;
         default: unknown extends Defaults["menuProps"] ? Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -819,19 +890,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -839,13 +915,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -860,16 +939,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -892,8 +971,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -910,67 +990,74 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition"> : Defaults["menuProps"] | NonNullable<Partial<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition"> : Defaults["menuProps"] | NonNullable<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -980,19 +1067,24 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -1000,13 +1092,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -1021,16 +1116,16 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -1053,8 +1148,9 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -1071,14 +1167,15 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
     };
 };
 export declare const pressYSelectPropsOptions: <Defaults extends {
-    position?: unknown;
     align?: unknown;
-    origin?: unknown;
     offset?: unknown;
+    position?: unknown;
+    origin?: unknown;
     viewportMargin?: unknown;
     extended?: unknown;
     focused?: unknown;
@@ -1129,31 +1226,39 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     openDelay?: unknown;
     closeDelay?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
-    position: unknown extends Defaults["position"] ? Omit<{
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+    align: unknown extends Defaults["align"] ? {
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">>;
-        default: NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
-    } : Omit<Omit<{
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+    } : Omit<{
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">>;
-        default: NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["position"] ? NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> : NonNullable<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">> | Defaults["position"]>;
-        default: unknown extends Defaults["position"] ? NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> : NonNullable<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">> | Defaults["position"];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"]>;
+        default: unknown extends Defaults["align"] ? "top" | "bottom" | "start" | "end" | "center" : NonNullable<"top" | "bottom" | "start" | "end" | "center"> | Defaults["align"];
     };
-    align: unknown extends Defaults["align"] ? {
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
-        default: string;
+    offset: unknown extends Defaults["offset"] ? {
+        type: PropType<string | number | number[]>;
     } : Omit<{
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+        type: PropType<string | number | number[]>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"]>;
+        default: unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"];
+    };
+    position: unknown extends Defaults["position"] ? Omit<{
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">>;
+        default: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
+    } : Omit<Omit<{
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["align"] ? "top" | "end" | "bottom" | "start" | "center" : NonNullable<"top" | "end" | "bottom" | "start" | "center"> | Defaults["align"]>;
-        default: unknown extends Defaults["align"] ? "top" | "end" | "bottom" | "start" | "center" : NonNullable<"top" | "end" | "bottom" | "start" | "center"> | Defaults["align"];
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">>;
+        default: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["position"] ? NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right"> : NonNullable<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">> | Defaults["position"]>;
+        default: unknown extends Defaults["position"] ? NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right"> : NonNullable<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">> | Defaults["position"];
     };
     origin: unknown extends Defaults["origin"] ? {
         type: StringConstructor;
@@ -1161,25 +1266,17 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["origin"] ? string : string | Defaults["origin"]>;
         default: unknown extends Defaults["origin"] ? string : string | Defaults["origin"];
     };
-    offset: unknown extends Defaults["offset"] ? {
-        type: PropType<string | number | string[]>;
-    } : Omit<{
-        type: PropType<string | number | string[]>;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["offset"] ? string | number | string[] : NonNullable<string | number | string[]> | Defaults["offset"]>;
-        default: unknown extends Defaults["offset"] ? string | number | string[] : NonNullable<string | number | string[]> | Defaults["offset"];
-    };
     viewportMargin: unknown extends Defaults["viewportMargin"] ? {
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: number;
     } : Omit<{
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["viewportMargin"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["viewportMargin"]>;
         default: unknown extends Defaults["viewportMargin"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["viewportMargin"];
     };
@@ -1204,14 +1301,14 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
     };
     status: unknown extends Defaults["status"] ? {
-        type: PropType<"error" | "success" | "warning" | undefined>;
+        type: PropType<"error" | "warning" | "success" | undefined>;
         validator(value: string): boolean;
     } : Omit<{
-        type: PropType<"error" | "success" | "warning" | undefined>;
+        type: PropType<"error" | "warning" | "success" | undefined>;
         validator(value: string): boolean;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["status"] ? "error" | "success" | "warning" | undefined : NonNullable<"error" | "success" | "warning" | undefined> | Defaults["status"]>;
-        default: unknown extends Defaults["status"] ? "error" | "success" | "warning" | undefined : NonNullable<"error" | "success" | "warning" | undefined> | Defaults["status"];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"]>;
+        default: unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"];
     };
     helperText: unknown extends Defaults["helperText"] ? StringConstructor : {
         type: PropType<unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"]>;
@@ -1225,7 +1322,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<string>;
     } : Omit<{
         type: PropType<string>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
         default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
     };
@@ -1239,7 +1336,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
         default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
     };
@@ -1251,7 +1348,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<string | number>;
     } : Omit<{
         type: PropType<string | number>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
         default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
     };
@@ -1265,7 +1362,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"]>;
         default: unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"];
     };
@@ -1277,7 +1374,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<any>;
     } : Omit<{
         type: PropType<any>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["modelValue"] ? any : any>;
         default: unknown extends Defaults["modelValue"] ? any : any;
     };
@@ -1287,7 +1384,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
@@ -1297,7 +1394,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
         default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
     };
@@ -1307,7 +1404,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: () => false;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"]>;
         default: unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"];
     };
@@ -1329,7 +1426,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["variation"] ? string : string | Defaults["variation"]>;
         default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
     };
@@ -1367,7 +1464,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["tabindex"] ? string : string | Defaults["tabindex"]>;
         default: unknown extends Defaults["tabindex"] ? string : string | Defaults["tabindex"];
     };
@@ -1377,7 +1474,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
         default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
     };
@@ -1391,23 +1488,23 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<any[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
         default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
     };
     itemKey: unknown extends Defaults["itemKey"] ? Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     } : Omit<Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"]>;
         default: unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"];
     };
@@ -1417,23 +1514,23 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
         default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
     };
     itemChildren: unknown extends Defaults["itemChildren"] ? Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
     } : Omit<Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemChildren"] ? NonNullable<string | boolean> : NonNullable<NonNullable<string | boolean>> | Defaults["itemChildren"]>;
         default: unknown extends Defaults["itemChildren"] ? NonNullable<string | boolean> : NonNullable<NonNullable<string | boolean>> | Defaults["itemChildren"];
     };
@@ -1455,7 +1552,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<SelectEquals>;
         default: typeof deepEqual;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"]>;
         default: unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"];
     };
@@ -1466,65 +1563,71 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     menuProps: unknown extends Defaults["menuProps"] ? {
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -1534,19 +1637,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -1554,13 +1662,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -1575,16 +1686,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -1607,8 +1718,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -1625,69 +1737,76 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
     } : Omit<{
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -1697,19 +1816,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -1717,13 +1841,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -1738,16 +1865,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -1770,8 +1897,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -1788,69 +1916,76 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
-    }, "type" | "default"> & {
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["menuProps"] ? Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -1860,19 +1995,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -1880,13 +2020,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -1901,16 +2044,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -1933,8 +2076,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -1951,67 +2095,74 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition"> : NonNullable<Partial<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition"> : NonNullable<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -2021,19 +2172,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -2041,13 +2197,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -2062,16 +2221,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -2094,8 +2253,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -2112,68 +2272,75 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">> | Defaults["menuProps"]>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">> | Defaults["menuProps"]>;
         default: unknown extends Defaults["menuProps"] ? Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -2183,19 +2350,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -2203,13 +2375,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -2224,16 +2399,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -2256,8 +2431,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -2274,67 +2450,74 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition"> : NonNullable<Partial<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition"> : NonNullable<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -2344,19 +2527,24 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -2364,13 +2552,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -2385,16 +2576,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -2417,8 +2608,9 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -2435,7 +2627,8 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">> | Defaults["menuProps"];
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">> | Defaults["menuProps"];
     };
     maxHeight: unknown extends Defaults["maxHeight"] ? {
         type: (StringConstructor | NumberConstructor)[];
@@ -2443,7 +2636,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"]>;
         default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
     };
@@ -2453,7 +2646,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<YIconIconProp>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["dropdownIcon"] ? YIconIconProp : NonNullable<YIconIconProp> | Defaults["dropdownIcon"]>;
         default: unknown extends Defaults["dropdownIcon"] ? YIconIconProp : NonNullable<YIconIconProp> | Defaults["dropdownIcon"];
     };
@@ -2463,7 +2656,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["openDelay"] ? number : number | Defaults["openDelay"]>;
         default: unknown extends Defaults["openDelay"] ? number : number | Defaults["openDelay"];
     };
@@ -2473,30 +2666,30 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"]>;
         default: unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"];
     };
 };
-export declare const YSelect: import("vue").DefineComponent<{
-    position: Omit<{
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+export declare const YSelect: import('vue').DefineComponent<{
+    align: {
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">>;
-        default: NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
     };
-    align: {
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+    offset: {
+        type: PropType<string | number | number[]>;
+    };
+    position: Omit<{
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
         default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">>;
+        default: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
     };
     origin: {
         type: StringConstructor;
         default: string;
     };
-    offset: {
-        type: PropType<string | number | string[]>;
-    };
     viewportMargin: {
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: number;
@@ -2507,7 +2700,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
     disabled: PropType<boolean>;
     status: {
-        type: PropType<"error" | "success" | "warning" | undefined>;
+        type: PropType<"error" | "warning" | "success" | undefined>;
         validator(value: string): boolean;
     };
     helperText: StringConstructor;
@@ -2575,7 +2768,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     itemKey: Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     };
@@ -2586,7 +2779,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     itemChildren: Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
     };
@@ -2601,65 +2794,71 @@ export declare const YSelect: import("vue").DefineComponent<{
     menuProps: {
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -2669,19 +2868,24 @@ export declare const YSelect: import("vue").DefineComponent<{
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -2689,13 +2893,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -2710,16 +2917,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -2742,8 +2949,9 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -2760,7 +2968,8 @@ export declare const YSelect: import("vue").DefineComponent<{
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
     };
     maxHeight: {
         type: (StringConstructor | NumberConstructor)[];
@@ -2779,17 +2988,17 @@ export declare const YSelect: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    fieldInputRef: import("vue").Ref<any>;
-    model: import("vue").Ref<any> & {
+    fieldInputRef: import('vue').Ref<any>;
+    model: import('vue').Ref<any> & {
         readonly rxValue: any;
     };
-    selections: import("vue").ComputedRef<ListItem<any>[]>;
-    selected: import("vue").ComputedRef<any[]>;
-    menuRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    selections: import('vue').ComputedRef<ListItem<any>[]>;
+    selected: import('vue').ComputedRef<any[]>;
+    menuRef: import('vue').Ref<import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
         transition: {
             default: string;
-            type: PropType<string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
+            type: PropType<string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
             })>;
         };
         preventCloseBubble: PropType<boolean>;
@@ -2799,19 +3008,24 @@ export declare const YSelect: import("vue").DefineComponent<{
         minHeight: PropType<string | number>;
         height: PropType<string | number>;
         maxHeight: PropType<string | number>;
+        scrollStrategy: {
+            type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
         coordinateStrategy: Omit<{
-            type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+            type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
             default: string;
-        }, "type" | "default"> & {
-            type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-            default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+        }, "default" | "type"> & {
+            type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+            default: string | import('../../composables/coordinate').CoordinateStrategyFn;
         };
         position: {
-            type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+            type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
             default: string;
         };
         align: {
-            type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+            type: PropType<"top" | "bottom" | "start" | "end" | "center">;
             default: string;
         };
         origin: {
@@ -2819,13 +3033,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             default: string;
         };
         offset: {
-            type: PropType<string | number | string[]>;
+            type: PropType<string | number | number[]>;
         };
         viewportMargin: {
             type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
             default: number;
         };
-        base: PropType<import("../layer/base").BaseType>;
+        closeClickContent: {
+            type: PropType<boolean>;
+        };
+        base: PropType<import('../layer/base').BaseType>;
         theme: PropType<string>;
         modelValue: {
             type: PropType<boolean>;
@@ -2840,16 +3057,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         classes: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         contentClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         closeClickScrim: {
             type: PropType<boolean>;
         };
         contentStyles: {
-            type: PropType<import("vue").CSSProperties>;
+            type: PropType<import('vue').CSSProperties>;
             default: () => void;
         };
         disabled: {
@@ -2872,8 +3089,9 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: number;
         };
+        contained: BooleanConstructor;
         menuClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         openOnClickBase: {
             type: PropType<boolean>;
@@ -2890,24 +3108,30 @@ export declare const YSelect: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onAfterLeave?: ((...args: any[]) => any) | undefined;
+        onHoverContent?: ((...args: any[]) => any) | undefined;
     }, {
-        layer$: import("vue").Ref<import("vue").DefineComponent<{
+        layer$: import('vue').Ref<import('vue').DefineComponent<{
             minWidth: PropType<string | number>;
             width: PropType<string | number>;
             maxWidth: PropType<string | number>;
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: {
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -2915,16 +3139,19 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             transition: {
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
                 default: string;
             };
@@ -2942,16 +3169,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -2974,6 +3201,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {
@@ -2981,21 +3209,22 @@ export declare const YSelect: import("vue").DefineComponent<{
                 determine?: ((event: Event) => boolean) | undefined;
                 include?: (() => (HTMLElement | undefined)[]) | undefined;
             };
-            layerGroup: import("vue").ComputedRef<HTMLElement>;
-            active: import("vue").WritableComputedRef<boolean>;
-            finish: import("vue").ShallowRef<boolean>;
-            rendered: import("vue").ComputedRef<boolean>;
-            lazyValue: import("vue").ComputedRef<any>;
+            layerGroup: import('vue').ComputedRef<HTMLElement>;
+            active: import('vue').WritableComputedRef<boolean>;
+            finish: import('vue').ShallowRef<boolean>;
+            rendered: import('vue').ComputedRef<boolean>;
+            lazyValue: import('vue').ComputedRef<any>;
             onAfterUpdate: () => void;
-            scrim$: import("vue").Ref<HTMLElement | undefined>;
-            content$: import("vue").Ref<HTMLElement | undefined>;
-            base$: import("vue").Ref<any>;
-            baseEl: import("vue").Ref<HTMLElement | undefined>;
-            polyTransitionBindProps: import("vue").ComputedRef<{
+            scrim$: import('vue').Ref<HTMLElement | undefined>;
+            content$: import('vue').Ref<HTMLElement | undefined>;
+            base$: import('vue').Ref<any>;
+            baseEl: import('vue').Ref<HTMLElement | undefined>;
+            baseFromSlotEl: import('vue').ComputedRef<any>;
+            polyTransitionBindProps: import('vue').ComputedRef<{
                 is: any;
                 transitionProps: any;
             }>;
-            coordinateStyles: import("vue").Ref<{
+            coordinateStyles: import('vue').Ref<{
                 [x: `--${string}`]: string | number | undefined;
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -3372,7 +3601,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 writingMode?: import("csstype").Property.WritingMode | undefined;
                 zIndex?: import("csstype").Property.ZIndex | undefined;
                 zoom?: import("csstype").Property.Zoom | undefined;
-                all?: import("csstype").Globals | undefined;
+                all?: import('csstype').Globals | undefined;
                 animation?: import("csstype").Property.Animation<string & {}> | undefined;
                 animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
                 background?: import("csstype").Property.Background<string | number> | undefined;
@@ -4590,28 +4819,33 @@ export declare const YSelect: import("vue").DefineComponent<{
                 "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
             }>;
             layerGroupState: WeakMap<HTMLElement, Set<any>>;
-            getActiveLayers: () => import("vue").ComponentInternalInstance[];
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            getActiveLayers: () => import('vue').ComponentInternalInstance[];
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             'update:modelValue': (value: boolean) => true;
             'click:complement': (mouseEvent: MouseEvent) => true;
             afterLeave: () => true;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             minWidth: PropType<string | number>;
             width: PropType<string | number>;
             maxWidth: PropType<string | number>;
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: {
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -4619,16 +4853,19 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             transition: {
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
                 default: string;
             };
@@ -4646,16 +4883,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -4678,6 +4915,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             modal: PropType<boolean>;
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -4685,36 +4923,40 @@ export declare const YSelect: import("vue").DefineComponent<{
             "onClick:complement"?: ((mouseEvent: MouseEvent) => any) | undefined;
         }, {
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: "levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
         }, SlotsType<{
             base: any;
             default: any;
         }>> | undefined>;
-        baseEl: import("vue").ComputedRef<any>;
-        classes: import("vue").ComputedRef<{
+        baseEl: import('vue').ComputedRef<any>;
+        classes: import('vue').ComputedRef<{
             'y-menu': boolean;
         }>;
-        children: import("vue").ShallowRef<any[]>;
-        parent: import("../layer/active-stack").ActiveStackProvide | null;
-        active: import("vue").WritableComputedRef<boolean>;
-        hovered: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "afterLeave")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        children: import('vue').ShallowRef<any[]>;
+        parent: import('../layer/active-stack').ActiveStackProvide | null;
+        active: import('vue').Ref<any> & {
+            readonly rxValue: any;
+        };
+        hovered: import('vue').ComputedRef<boolean>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "afterLeave" | "hoverContent")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
         transition: {
             default: string;
-            type: PropType<string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
+            type: PropType<string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
             })>;
         };
         preventCloseBubble: PropType<boolean>;
@@ -4724,19 +4966,24 @@ export declare const YSelect: import("vue").DefineComponent<{
         minHeight: PropType<string | number>;
         height: PropType<string | number>;
         maxHeight: PropType<string | number>;
+        scrollStrategy: {
+            type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
         coordinateStrategy: Omit<{
-            type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+            type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
             default: string;
-        }, "type" | "default"> & {
-            type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-            default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+        }, "default" | "type"> & {
+            type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+            default: string | import('../../composables/coordinate').CoordinateStrategyFn;
         };
         position: {
-            type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+            type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
             default: string;
         };
         align: {
-            type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+            type: PropType<"top" | "bottom" | "start" | "end" | "center">;
             default: string;
         };
         origin: {
@@ -4744,13 +4991,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             default: string;
         };
         offset: {
-            type: PropType<string | number | string[]>;
+            type: PropType<string | number | number[]>;
         };
         viewportMargin: {
             type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
             default: number;
         };
-        base: PropType<import("../layer/base").BaseType>;
+        closeClickContent: {
+            type: PropType<boolean>;
+        };
+        base: PropType<import('../layer/base').BaseType>;
         theme: PropType<string>;
         modelValue: {
             type: PropType<boolean>;
@@ -4765,16 +5015,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         classes: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         contentClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         closeClickScrim: {
             type: PropType<boolean>;
         };
         contentStyles: {
-            type: PropType<import("vue").CSSProperties>;
+            type: PropType<import('vue').CSSProperties>;
             default: () => void;
         };
         disabled: {
@@ -4797,8 +5047,9 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: number;
         };
+        contained: BooleanConstructor;
         menuClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         openOnClickBase: {
             type: PropType<boolean>;
@@ -4815,36 +5066,42 @@ export declare const YSelect: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onAfterLeave?: ((...args: any[]) => any) | undefined;
+        onHoverContent?: ((...args: any[]) => any) | undefined;
     }, {
         disabled: boolean;
-        contentStyles: import("vue").CSSProperties;
-        openOnHover: boolean;
-        openDelay: number;
+        align: "top" | "bottom" | "start" | "end" | "center";
         closeDelay: number;
-        zIndex: string | number;
-        coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-        position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-        align: "top" | "end" | "bottom" | "start" | "center";
+        openDelay: number;
+        transition: string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        });
+        coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+        position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
         origin: string;
         viewportMargin: string | number | unknown[];
-        transition: string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        });
+        zIndex: string | number;
+        scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+        contentStyles: import('vue').CSSProperties;
+        openOnHover: boolean;
+        contained: boolean;
         preventClip: boolean;
         openOnClickBase: boolean;
         closeCondition: boolean | Function;
-    }, true, {}, {}, {
+    }, true, {}, SlotsType<{
+        default: any;
+        base: any;
+    }>, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+    }, Readonly<import('vue').ExtractPropTypes<{
         transition: {
             default: string;
-            type: PropType<string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
+            type: PropType<string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
             })>;
         };
         preventCloseBubble: PropType<boolean>;
@@ -4854,19 +5111,24 @@ export declare const YSelect: import("vue").DefineComponent<{
         minHeight: PropType<string | number>;
         height: PropType<string | number>;
         maxHeight: PropType<string | number>;
+        scrollStrategy: {
+            type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+            default: string;
+            validator: (val: any) => boolean;
+        };
         coordinateStrategy: Omit<{
-            type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+            type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
             default: string;
-        }, "type" | "default"> & {
-            type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-            default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+        }, "default" | "type"> & {
+            type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+            default: string | import('../../composables/coordinate').CoordinateStrategyFn;
         };
         position: {
-            type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+            type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
             default: string;
         };
         align: {
-            type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+            type: PropType<"top" | "bottom" | "start" | "end" | "center">;
             default: string;
         };
         origin: {
@@ -4874,13 +5136,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             default: string;
         };
         offset: {
-            type: PropType<string | number | string[]>;
+            type: PropType<string | number | number[]>;
         };
         viewportMargin: {
             type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
             default: number;
         };
-        base: PropType<import("../layer/base").BaseType>;
+        closeClickContent: {
+            type: PropType<boolean>;
+        };
+        base: PropType<import('../layer/base').BaseType>;
         theme: PropType<string>;
         modelValue: {
             type: PropType<boolean>;
@@ -4895,16 +5160,16 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         classes: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         contentClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         closeClickScrim: {
             type: PropType<boolean>;
         };
         contentStyles: {
-            type: PropType<import("vue").CSSProperties>;
+            type: PropType<import('vue').CSSProperties>;
             default: () => void;
         };
         disabled: {
@@ -4927,8 +5192,9 @@ export declare const YSelect: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: number;
         };
+        contained: BooleanConstructor;
         menuClasses: {
-            type: PropType<string | string[] | Record<string, any>>;
+            type: PropType<string | Record<string, any> | string[]>;
         };
         openOnClickBase: {
             type: PropType<boolean>;
@@ -4945,24 +5211,30 @@ export declare const YSelect: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onAfterLeave?: ((...args: any[]) => any) | undefined;
+        onHoverContent?: ((...args: any[]) => any) | undefined;
     }, {
-        layer$: import("vue").Ref<import("vue").DefineComponent<{
+        layer$: import('vue').Ref<import('vue').DefineComponent<{
             minWidth: PropType<string | number>;
             width: PropType<string | number>;
             maxWidth: PropType<string | number>;
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: {
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -4970,16 +5242,19 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             transition: {
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
                 default: string;
             };
@@ -4997,16 +5272,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -5029,6 +5304,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {
@@ -5036,21 +5312,22 @@ export declare const YSelect: import("vue").DefineComponent<{
                 determine?: ((event: Event) => boolean) | undefined;
                 include?: (() => (HTMLElement | undefined)[]) | undefined;
             };
-            layerGroup: import("vue").ComputedRef<HTMLElement>;
-            active: import("vue").WritableComputedRef<boolean>;
-            finish: import("vue").ShallowRef<boolean>;
-            rendered: import("vue").ComputedRef<boolean>;
-            lazyValue: import("vue").ComputedRef<any>;
+            layerGroup: import('vue').ComputedRef<HTMLElement>;
+            active: import('vue').WritableComputedRef<boolean>;
+            finish: import('vue').ShallowRef<boolean>;
+            rendered: import('vue').ComputedRef<boolean>;
+            lazyValue: import('vue').ComputedRef<any>;
             onAfterUpdate: () => void;
-            scrim$: import("vue").Ref<HTMLElement | undefined>;
-            content$: import("vue").Ref<HTMLElement | undefined>;
-            base$: import("vue").Ref<any>;
-            baseEl: import("vue").Ref<HTMLElement | undefined>;
-            polyTransitionBindProps: import("vue").ComputedRef<{
+            scrim$: import('vue').Ref<HTMLElement | undefined>;
+            content$: import('vue').Ref<HTMLElement | undefined>;
+            base$: import('vue').Ref<any>;
+            baseEl: import('vue').Ref<HTMLElement | undefined>;
+            baseFromSlotEl: import('vue').ComputedRef<any>;
+            polyTransitionBindProps: import('vue').ComputedRef<{
                 is: any;
                 transitionProps: any;
             }>;
-            coordinateStyles: import("vue").Ref<{
+            coordinateStyles: import('vue').Ref<{
                 [x: `--${string}`]: string | number | undefined;
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -5427,7 +5704,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 writingMode?: import("csstype").Property.WritingMode | undefined;
                 zIndex?: import("csstype").Property.ZIndex | undefined;
                 zoom?: import("csstype").Property.Zoom | undefined;
-                all?: import("csstype").Globals | undefined;
+                all?: import('csstype').Globals | undefined;
                 animation?: import("csstype").Property.Animation<string & {}> | undefined;
                 animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
                 background?: import("csstype").Property.Background<string | number> | undefined;
@@ -6645,28 +6922,33 @@ export declare const YSelect: import("vue").DefineComponent<{
                 "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
             }>;
             layerGroupState: WeakMap<HTMLElement, Set<any>>;
-            getActiveLayers: () => import("vue").ComponentInternalInstance[];
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            getActiveLayers: () => import('vue').ComponentInternalInstance[];
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             'update:modelValue': (value: boolean) => true;
             'click:complement': (mouseEvent: MouseEvent) => true;
             afterLeave: () => true;
-        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             minWidth: PropType<string | number>;
             width: PropType<string | number>;
             maxWidth: PropType<string | number>;
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: {
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -6674,16 +6956,19 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             transition: {
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
                 default: string;
             };
@@ -6701,16 +6986,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -6733,6 +7018,7 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             modal: PropType<boolean>;
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -6740,74 +7026,83 @@ export declare const YSelect: import("vue").DefineComponent<{
             "onClick:complement"?: ((mouseEvent: MouseEvent) => any) | undefined;
         }, {
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: "levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
         }, SlotsType<{
             base: any;
             default: any;
         }>> | undefined>;
-        baseEl: import("vue").ComputedRef<any>;
-        classes: import("vue").ComputedRef<{
+        baseEl: import('vue').ComputedRef<any>;
+        classes: import('vue').ComputedRef<{
             'y-menu': boolean;
         }>;
-        children: import("vue").ShallowRef<any[]>;
-        parent: import("../layer/active-stack").ActiveStackProvide | null;
-        active: import("vue").WritableComputedRef<boolean>;
-        hovered: import("vue").ComputedRef<boolean>;
+        children: import('vue').ShallowRef<any[]>;
+        parent: import('../layer/active-stack').ActiveStackProvide | null;
+        active: import('vue').Ref<any> & {
+            readonly rxValue: any;
+        };
+        hovered: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
         disabled: boolean;
-        contentStyles: import("vue").CSSProperties;
-        openOnHover: boolean;
-        openDelay: number;
+        align: "top" | "bottom" | "start" | "end" | "center";
         closeDelay: number;
-        zIndex: string | number;
-        coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-        position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-        align: "top" | "end" | "bottom" | "start" | "center";
+        openDelay: number;
+        transition: string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        });
+        coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+        position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
         origin: string;
         viewportMargin: string | number | unknown[];
-        transition: string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        });
+        zIndex: string | number;
+        scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+        contentStyles: import('vue').CSSProperties;
+        openOnHover: boolean;
+        contained: boolean;
         preventClip: boolean;
         openOnClickBase: boolean;
         closeCondition: boolean | Function;
     }> | undefined>;
-    baseEl: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    baseEl: import('vue').ComputedRef<any>;
+    opened: import('vue').Ref<any> & {
+        readonly rxValue: any;
+    };
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (value: any) => boolean;
     'update:opened': (opened: boolean) => boolean;
     'click:item': (item: any, e: MouseEvent) => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    position: Omit<{
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    align: {
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">>;
-        default: NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
     };
-    align: {
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+    offset: {
+        type: PropType<string | number | number[]>;
+    };
+    position: Omit<{
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
         default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">>;
+        default: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
     };
     origin: {
         type: StringConstructor;
         default: string;
     };
-    offset: {
-        type: PropType<string | number | string[]>;
-    };
     viewportMargin: {
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: number;
@@ -6818,7 +7113,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     readonly: PropType<boolean>;
     disabled: PropType<boolean>;
     status: {
-        type: PropType<"error" | "success" | "warning" | undefined>;
+        type: PropType<"error" | "warning" | "success" | undefined>;
         validator(value: string): boolean;
     };
     helperText: StringConstructor;
@@ -6886,7 +7181,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     itemKey: Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     };
@@ -6897,7 +7192,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     itemChildren: Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<string | boolean>>;
         default: NonNullable<string | boolean>;
     };
@@ -6912,65 +7207,71 @@ export declare const YSelect: import("vue").DefineComponent<{
     menuProps: {
         type: PropType<Partial<{
             disabled: boolean;
-            contentStyles: import("vue").CSSProperties;
-            openOnHover: boolean;
-            openDelay: number;
+            align: "top" | "bottom" | "start" | "end" | "center";
             closeDelay: number;
-            zIndex: string | number;
-            coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            align: "top" | "end" | "bottom" | "start" | "center";
+            openDelay: number;
+            transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             origin: string;
             viewportMargin: string | number | unknown[];
-            transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            zIndex: string | number;
+            scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            contentStyles: import('vue').CSSProperties;
+            openOnHover: boolean;
+            contained: boolean;
             preventClip: boolean;
             openOnClickBase: boolean;
             closeCondition: boolean | Function;
         }> & Omit<{
             readonly disabled: boolean;
-            readonly contentStyles: import("vue").CSSProperties;
-            readonly openOnHover: boolean;
-            readonly openDelay: number;
+            readonly align: "top" | "bottom" | "start" | "end" | "center";
             readonly closeDelay: number;
-            readonly zIndex: string | number;
-            readonly coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
-            readonly position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
-            readonly align: "top" | "end" | "bottom" | "start" | "center";
+            readonly openDelay: number;
+            readonly transition: string | (import('vue').TransitionProps & {
+                is?: import('vue').Component | undefined;
+            });
+            readonly coordinateStrategy: string | import('../../composables/coordinate').CoordinateStrategyFn;
+            readonly position: "default" | "top" | "bottom" | "start" | "end" | "left" | "right";
             readonly origin: string;
             readonly viewportMargin: string | number | unknown[];
-            readonly transition: string | (import("vue").TransitionProps & {
-                is?: import("vue").Component | undefined;
-            });
+            readonly zIndex: string | number;
+            readonly scrollStrategy: "close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+            readonly contentStyles: import('vue').CSSProperties;
+            readonly openOnHover: boolean;
+            readonly contained: boolean;
             readonly preventClip: boolean;
             readonly openOnClickBase: boolean;
-            readonly theme?: string | undefined;
-            readonly base?: import("../layer/base").BaseType;
+            readonly base?: import('../layer/base').BaseType;
+            readonly modelValue?: boolean | undefined;
             readonly width?: string | number | undefined;
             readonly height?: string | number | undefined;
-            readonly modelValue?: boolean | undefined;
-            readonly classes?: string | string[] | Record<string, any> | undefined;
+            readonly theme?: string | undefined;
+            readonly classes?: string | Record<string, any> | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly offset?: string | number | number[] | undefined;
+            readonly minHeight?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly maxHeight?: string | number | undefined;
+            readonly closeClickContent?: boolean | undefined;
             readonly scrim?: boolean | undefined;
             readonly scrimOpacity?: number | undefined;
             readonly eager?: boolean | undefined;
-            readonly contentClasses?: string | string[] | Record<string, any> | undefined;
+            readonly contentClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeClickScrim?: boolean | undefined;
-            readonly offset?: string | number | string[] | undefined;
-            readonly minWidth?: string | number | undefined;
-            readonly maxWidth?: string | number | undefined;
-            readonly minHeight?: string | number | undefined;
-            readonly maxHeight?: string | number | undefined;
             readonly preventCloseBubble?: boolean | undefined;
-            readonly menuClasses?: string | string[] | Record<string, any> | undefined;
+            readonly menuClasses?: string | Record<string, any> | string[] | undefined;
             readonly closeCondition?: boolean | Function | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             transition: {
                 default: string;
-                type: PropType<string | (import("vue").TransitionProps & {
-                    is?: import("vue").Component | undefined;
+                type: PropType<string | (import('vue').TransitionProps & {
+                    is?: import('vue').Component | undefined;
                 })>;
             };
             preventCloseBubble: PropType<boolean>;
@@ -6980,19 +7281,24 @@ export declare const YSelect: import("vue").DefineComponent<{
             minHeight: PropType<string | number>;
             height: PropType<string | number>;
             maxHeight: PropType<string | number>;
+            scrollStrategy: {
+                type: PropType<"close" | "none" | "block" | ((data: import('../layer/scroll-strategies').ScrollStrategyData, props: import('../layer/scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+                default: string;
+                validator: (val: any) => boolean;
+            };
             coordinateStrategy: Omit<{
-                type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+                type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
                 default: string;
-            }, "type" | "default"> & {
-                type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
-                default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+            }, "default" | "type"> & {
+                type: PropType<string | import('../../composables/coordinate').CoordinateStrategyFn>;
+                default: string | import('../../composables/coordinate').CoordinateStrategyFn;
             };
             position: {
-                type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+                type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
                 default: string;
             };
             align: {
-                type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+                type: PropType<"top" | "bottom" | "start" | "end" | "center">;
                 default: string;
             };
             origin: {
@@ -7000,13 +7306,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 default: string;
             };
             offset: {
-                type: PropType<string | number | string[]>;
+                type: PropType<string | number | number[]>;
             };
             viewportMargin: {
                 type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            base: PropType<import("../layer/base").BaseType>;
+            closeClickContent: {
+                type: PropType<boolean>;
+            };
+            base: PropType<import('../layer/base').BaseType>;
             theme: PropType<string>;
             modelValue: {
                 type: PropType<boolean>;
@@ -7021,16 +7330,16 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<boolean>;
             };
             classes: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             contentClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             closeClickScrim: {
                 type: PropType<boolean>;
             };
             contentStyles: {
-                type: PropType<import("vue").CSSProperties>;
+                type: PropType<import('vue').CSSProperties>;
                 default: () => void;
             };
             disabled: {
@@ -7053,8 +7362,9 @@ export declare const YSelect: import("vue").DefineComponent<{
                 type: PropType<string | number>;
                 default: number;
             };
+            contained: BooleanConstructor;
             menuClasses: {
-                type: PropType<string | string[] | Record<string, any>>;
+                type: PropType<string | Record<string, any> | string[]>;
             };
             openOnClickBase: {
                 type: PropType<boolean>;
@@ -7071,7 +7381,8 @@ export declare const YSelect: import("vue").DefineComponent<{
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onAfterLeave?: ((...args: any[]) => any) | undefined;
-        }, "disabled" | "contentStyles" | "openOnHover" | "openDelay" | "closeDelay" | "zIndex" | "coordinateStrategy" | "position" | "align" | "origin" | "viewportMargin" | "transition" | "preventClip" | "openOnClickBase" | "closeCondition">>;
+            onHoverContent?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "align" | "closeDelay" | "openDelay" | "transition" | "coordinateStrategy" | "position" | "origin" | "viewportMargin" | "zIndex" | "scrollStrategy" | "contentStyles" | "openOnHover" | "contained" | "preventClip" | "openOnClickBase" | "closeCondition">>;
     };
     maxHeight: {
         type: (StringConstructor | NumberConstructor)[];
@@ -7095,28 +7406,28 @@ export declare const YSelect: import("vue").DefineComponent<{
     "onClick:item"?: ((item: any, e: MouseEvent) => any) | undefined;
 }, {
     type: string;
+    multiple: boolean;
+    returnItem: boolean;
+    align: "top" | "bottom" | "start" | "end" | "center";
     variation: string;
+    focused: boolean;
+    maxErrors: string | number;
     displayTag: string;
     autoSelect: boolean;
     floating: boolean;
     floated: boolean;
-    maxErrors: string | number;
-    focused: boolean;
     tabindex: string;
-    openDelay: number;
     closeDelay: number;
-    position: NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
-    align: "top" | "end" | "bottom" | "start" | "center";
+    openDelay: number;
+    maxHeight: string | number;
+    position: NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
     origin: string;
     viewportMargin: string | number | unknown[];
-    maxHeight: string | number;
     items: any[];
     itemKey: string;
     itemText: string;
     itemChildren: NonNullable<string | boolean>;
-    returnItem: boolean;
     dropdownIcon: YIconIconProp;
-    multiple: boolean;
     weakEquals: boolean;
     valueEquals: SelectEquals;
     defaultSelect: boolean;
@@ -7129,6 +7440,7 @@ export declare const YSelect: import("vue").DefineComponent<{
         internalItems: ListItem[];
     };
     leading: any;
+    label: any;
     'helper-text': any;
     menu: any;
     'menu-prepend': any;