yuyeon 0.1.0-rc.9 → 0.1.0

package/types/components/layer/YLayer.d.ts

@@ -1,4 +1,5 @@
-import type { CSSProperties, ComponentInternalInstance, PropType, SlotsType } from 'vue';
+import { CSSProperties, ComponentInternalInstance, PropType, SlotsType } from 'vue';
+
 export declare const pressYLayerProps: <Defaults extends {
     minWidth?: unknown;
     width?: unknown;
@@ -6,12 +7,14 @@ export declare const pressYLayerProps: <Defaults extends {
     minHeight?: unknown;
     height?: unknown;
     maxHeight?: unknown;
+    scrollStrategy?: unknown;
     coordinateStrategy?: unknown;
     position?: unknown;
     align?: unknown;
     origin?: unknown;
     offset?: unknown;
     viewportMargin?: unknown;
+    closeClickContent?: unknown;
     base?: unknown;
     transition?: unknown;
     theme?: unknown;
@@ -28,6 +31,7 @@ export declare const pressYLayerProps: <Defaults extends {
     openDelay?: unknown;
     closeDelay?: unknown;
     zIndex?: unknown;
+    contained?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
         type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
@@ -53,35 +57,47 @@ export declare const pressYLayerProps: <Defaults extends {
         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"];
     };
+    scrollStrategy: unknown extends Defaults["scrollStrategy"] ? {
+        type: PropType<"close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    } : Omit<{
+        type: PropType<"close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["scrollStrategy"] ? "close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition" : NonNullable<"close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition"> | Defaults["scrollStrategy"]>;
+        default: unknown extends Defaults["scrollStrategy"] ? "close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition" : NonNullable<"close" | "none" | "block" | ((data: import('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition"> | Defaults["scrollStrategy"];
+    };
     coordinateStrategy: unknown extends Defaults["coordinateStrategy"] ? {
-        type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+        type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
         default: string;
     } : Omit<{
-        type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+        type: PropType<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn>;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["coordinateStrategy"] ? "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn : NonNullable<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn> | Defaults["coordinateStrategy"]>;
-        default: unknown extends Defaults["coordinateStrategy"] ? "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn : NonNullable<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn> | Defaults["coordinateStrategy"];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["coordinateStrategy"] ? "levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn : NonNullable<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn> | Defaults["coordinateStrategy"]>;
+        default: unknown extends Defaults["coordinateStrategy"] ? "levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn : NonNullable<"levitation" | "arrangement" | import('../../composables/coordinate').CoordinateStrategyFn> | Defaults["coordinateStrategy"];
     };
     position: unknown extends Defaults["position"] ? {
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
         default: string;
     } : Omit<{
-        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+        type: PropType<"default" | "top" | "bottom" | "start" | "end" | "left" | "right">;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> | Defaults["position"]>;
-        default: unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> | Defaults["position"];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["position"] ? "default" | "top" | "bottom" | "start" | "end" | "left" | "right" : NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right"> | Defaults["position"]>;
+        default: unknown extends Defaults["position"] ? "default" | "top" | "bottom" | "start" | "end" | "left" | "right" : NonNullable<"default" | "top" | "bottom" | "start" | "end" | "left" | "right"> | Defaults["position"];
     };
     align: unknown extends Defaults["align"] ? {
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         default: string;
     } : Omit<{
-        type: PropType<"top" | "end" | "bottom" | "start" | "center">;
+        type: PropType<"top" | "bottom" | "start" | "end" | "center">;
         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<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"];
     };
     origin: unknown extends Defaults["origin"] ? {
         type: StringConstructor;
@@ -89,17 +105,17 @@ export declare const pressYLayerProps: <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[]>;
+        type: PropType<string | number | number[]>;
     } : 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"];
+        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"];
     };
     viewportMargin: unknown extends Defaults["viewportMargin"] ? {
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
@@ -107,35 +123,43 @@ export declare const pressYLayerProps: <Defaults extends {
     } : 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"];
     };
-    base: unknown extends Defaults["base"] ? PropType<import("./base").BaseType> : {
-        type: PropType<unknown extends Defaults["base"] ? import("./base").BaseType : NonNullable<import("./base").BaseType> | Defaults["base"]>;
-        default: unknown extends Defaults["base"] ? import("./base").BaseType : NonNullable<import("./base").BaseType> | Defaults["base"];
+    closeClickContent: unknown extends Defaults["closeClickContent"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["closeClickContent"] ? boolean : boolean | Defaults["closeClickContent"]>;
+        default: unknown extends Defaults["closeClickContent"] ? boolean : boolean | Defaults["closeClickContent"];
+    };
+    base: unknown extends Defaults["base"] ? PropType<import('./base').BaseType> : {
+        type: PropType<unknown extends Defaults["base"] ? import('./base').BaseType : NonNullable<import('./base').BaseType> | Defaults["base"]>;
+        default: unknown extends Defaults["base"] ? import('./base').BaseType : NonNullable<import('./base').BaseType> | Defaults["base"];
     };
     transition: unknown extends Defaults["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;
     } : Omit<{
-        type: PropType<string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
+        type: PropType<string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
         })>;
         default: string;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["transition"] ? string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        }) : NonNullable<string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        })> | Defaults["transition"]>;
-        default: unknown extends Defaults["transition"] ? string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        }) : NonNullable<string | (import("vue").TransitionProps & {
-            is?: import("vue").Component | undefined;
-        })> | Defaults["transition"];
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        }) : Defaults["transition"] | NonNullable<string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        })>>;
+        default: unknown extends Defaults["transition"] ? string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        }) : Defaults["transition"] | NonNullable<string | (import('vue').TransitionProps & {
+            is?: import('vue').Component | undefined;
+        })>;
     };
     theme: unknown extends Defaults["theme"] ? PropType<string> : {
         type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
@@ -145,7 +169,7 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"];
     };
@@ -153,7 +177,7 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["scrim"] ? boolean : boolean | Defaults["scrim"]>;
         default: unknown extends Defaults["scrim"] ? boolean : boolean | Defaults["scrim"];
     };
@@ -161,7 +185,7 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<number>;
     } : Omit<{
         type: PropType<number>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["scrimOpacity"] ? number : number | Defaults["scrimOpacity"]>;
         default: unknown extends Defaults["scrimOpacity"] ? number : number | Defaults["scrimOpacity"];
     };
@@ -169,31 +193,31 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"]>;
         default: unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"];
     };
     classes: unknown extends Defaults["classes"] ? {
-        type: PropType<string | string[] | Record<string, any>>;
+        type: PropType<string | Record<string, any> | string[]>;
     } : Omit<{
-        type: PropType<string | string[] | Record<string, any>>;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["classes"] ? string | string[] | Record<string, any> : NonNullable<string | string[] | Record<string, any>> | Defaults["classes"]>;
-        default: unknown extends Defaults["classes"] ? string | string[] | Record<string, any> : NonNullable<string | string[] | Record<string, any>> | Defaults["classes"];
+        type: PropType<string | Record<string, any> | string[]>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["classes"] ? string | Record<string, any> | string[] : Defaults["classes"] | NonNullable<string | Record<string, any> | string[]>>;
+        default: unknown extends Defaults["classes"] ? string | Record<string, any> | string[] : Defaults["classes"] | NonNullable<string | Record<string, any> | string[]>;
     };
     contentClasses: unknown extends Defaults["contentClasses"] ? {
-        type: PropType<string | string[] | Record<string, any>>;
+        type: PropType<string | Record<string, any> | string[]>;
     } : Omit<{
-        type: PropType<string | string[] | Record<string, any>>;
-    }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["contentClasses"] ? string | string[] | Record<string, any> : NonNullable<string | string[] | Record<string, any>> | Defaults["contentClasses"]>;
-        default: unknown extends Defaults["contentClasses"] ? string | string[] | Record<string, any> : NonNullable<string | string[] | Record<string, any>> | Defaults["contentClasses"];
+        type: PropType<string | Record<string, any> | string[]>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["contentClasses"] ? string | Record<string, any> | string[] : NonNullable<string | Record<string, any> | string[]> | Defaults["contentClasses"]>;
+        default: unknown extends Defaults["contentClasses"] ? string | Record<string, any> | string[] : NonNullable<string | Record<string, any> | string[]> | Defaults["contentClasses"];
     };
     closeClickScrim: unknown extends Defaults["closeClickScrim"] ? {
         type: PropType<boolean>;
     } : Omit<{
         type: PropType<boolean>;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["closeClickScrim"] ? boolean : boolean | Defaults["closeClickScrim"]>;
         default: unknown extends Defaults["closeClickScrim"] ? boolean : boolean | Defaults["closeClickScrim"];
     };
@@ -203,7 +227,7 @@ export declare const pressYLayerProps: <Defaults extends {
     } : Omit<{
         type: PropType<CSSProperties>;
         default: () => void;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["contentStyles"] ? CSSProperties : CSSProperties | Defaults["contentStyles"]>;
         default: unknown extends Defaults["contentStyles"] ? CSSProperties : CSSProperties | Defaults["contentStyles"];
     };
@@ -213,7 +237,7 @@ export declare const pressYLayerProps: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
         default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
     };
@@ -223,7 +247,7 @@ export declare const pressYLayerProps: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]>;
         default: unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"];
     };
@@ -233,7 +257,7 @@ export declare const pressYLayerProps: <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"];
     };
@@ -243,7 +267,7 @@ export declare const pressYLayerProps: <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"];
     };
@@ -253,28 +277,37 @@ export declare const pressYLayerProps: <Defaults extends {
     } : Omit<{
         type: PropType<string | number>;
         default: number;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["zIndex"] ? string | number : NonNullable<string | number> | Defaults["zIndex"]>;
         default: unknown extends Defaults["zIndex"] ? string | number : NonNullable<string | number> | Defaults["zIndex"];
     };
+    contained: unknown extends Defaults["contained"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
+        default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
+    };
 };
-export declare const YLayer: import("vue").DefineComponent<{
+export declare const YLayer: 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('./scroll-strategies').ScrollStrategyData, props: import('./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: {
@@ -282,16 +315,19 @@ export declare const YLayer: 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("./base").BaseType>;
+    closeClickContent: {
+        type: PropType<boolean>;
+    };
+    base: PropType<import('./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;
     };
@@ -309,10 +345,10 @@ export declare const YLayer: 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>;
@@ -341,6 +377,7 @@ export declare const YLayer: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
+    contained: BooleanConstructor;
     modal: PropType<boolean>;
 }, {
     complementClickOption: {
@@ -348,22 +385,22 @@ export declare const YLayer: 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>;
-    baseFromSlotEl: import("vue").ComputedRef<any>;
-    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;
@@ -740,7 +777,7 @@ export declare const YLayer: 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;
@@ -1959,27 +1996,32 @@ export declare const YLayer: import("vue").DefineComponent<{
     }>;
     layerGroupState: WeakMap<HTMLElement, Set<any>>;
     getActiveLayers: () => ComponentInternalInstance[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, 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('./scroll-strategies').ScrollStrategyData, props: import('./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: {
@@ -1987,16 +2029,19 @@ export declare const YLayer: 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("./base").BaseType>;
+    closeClickContent: {
+        type: PropType<boolean>;
+    };
+    base: PropType<import('./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;
     };
@@ -2014,10 +2059,10 @@ export declare const YLayer: 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>;
@@ -2046,6 +2091,7 @@ export declare const YLayer: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: number;
     };
+    contained: BooleanConstructor;
     modal: PropType<boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -2053,19 +2099,21 @@ export declare const YLayer: import("vue").DefineComponent<{
     "onClick:complement"?: ((mouseEvent: MouseEvent) => any) | undefined;
 }, {
     disabled: boolean;
-    contentStyles: 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('./scroll-strategies').ScrollStrategyData, props: import('./scroll-strategies').StrategyProps, scope: import('vue').EffectScope) => void) | "reposition";
+    contentStyles: CSSProperties;
+    openOnHover: boolean;
+    contained: boolean;
 }, SlotsType<{
     base: any;
     default: any;

package/types/components/layer/active-stack.d.ts

@@ -1,5 +1,6 @@
-import type { InjectionKey, Ref } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 import { YLayer } from './YLayer';
+
 export interface ActiveStackProvide {
     push: (instance: any) => void;
     pop: (instance?: any) => void;
@@ -11,5 +12,5 @@ export declare function useActiveStack($el: Ref<typeof YLayer | undefined>, acti
     push: (instance: any) => void;
     pop: (instance?: any) => void;
     parent: ActiveStackProvide | null;
-    children: import("vue").ShallowRef<any[]>;
+    children: import('vue').ShallowRef<any[]>;
 };

package/types/components/layer/base.d.ts

@@ -1,21 +1,22 @@
 import { ComponentPublicInstance, PropType } from 'vue';
+
 export type BaseType = string | Element | ComponentPublicInstance | [x: number, y: number] | undefined;
 export declare const pressBasePropsOptions: <Defaults extends {
     base?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     base: unknown extends Defaults["base"] ? PropType<BaseType> : {
-        type: PropType<unknown extends Defaults["base"] ? BaseType : NonNullable<BaseType> | Defaults["base"]>;
-        default: unknown extends Defaults["base"] ? BaseType : NonNullable<BaseType> | Defaults["base"];
+        type: PropType<unknown extends Defaults["base"] ? BaseType : Defaults["base"] | NonNullable<BaseType>>;
+        default: unknown extends Defaults["base"] ? BaseType : Defaults["base"] | NonNullable<BaseType>;
     };
 };
 interface BaseProps {
     base: BaseType;
 }
 export declare function useBase(props: BaseProps): {
-    base$: import("vue").Ref<any>;
-    baseEl: import("vue").Ref<HTMLElement | undefined>;
-    baseSlot: import("vue").Ref<any>;
-    base: import("vue").ComputedRef<any>;
-    baseFromSlotEl: import("vue").ComputedRef<any>;
+    base$: import('vue').Ref<any>;
+    baseEl: import('vue').Ref<HTMLElement | undefined>;
+    baseSlot: import('vue').Ref<any>;
+    base: import('vue').ComputedRef<any>;
+    baseFromSlotEl: import('vue').ComputedRef<any>;
 };
 export {};

package/types/components/layer/content.d.ts

@@ -0,0 +1,21 @@
+import { PropType, Ref } from 'vue';
+
+export declare const pressContentPropsOptions: <Defaults extends {
+    closeClickContent?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    closeClickContent: unknown extends Defaults["closeClickContent"] ? {
+        type: PropType<boolean>;
+    } : Omit<{
+        type: PropType<boolean>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["closeClickContent"] ? boolean : boolean | Defaults["closeClickContent"]>;
+        default: unknown extends Defaults["closeClickContent"] ? boolean : boolean | Defaults["closeClickContent"];
+    };
+};
+interface ContentProps {
+    closeClickContent: boolean | undefined;
+}
+export declare function useContent(props: ContentProps, active: Ref<boolean>): {
+    contentEvents: import('vue').ComputedRef<Record<string, EventListener>>;
+};
+export {};