import * as vue from 'vue'; import { ComponentPropsOptions, ExtractPropTypes, Ref, EffectScope } from 'vue'; declare const block: readonly ["top", "bottom"]; declare const inline: readonly ["start", "end", "left", "right"]; type Tblock = typeof block[number]; type Tinline = typeof inline[number]; type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`; declare class Box { x: number; y: number; width: number; height: number; constructor({ x, y, width, height }: { x: number; y: number; width: number; height: number; }); get top(): number; get bottom(): number; get left(): number; get right(): number; } interface FilterPropsOptions, Props = ExtractPropTypes> { filterProps, U extends Exclude>>(props: T): Partial>; } interface LocationStrategyData { contentEl: Ref; target: Ref; isActive: Ref; isRtl: Ref; } type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => undefined | { updateLocation: (e: Event) => void; }; declare const locationStrategies: { static: typeof staticLocationStrategy; connected: typeof connectedLocationStrategy; }; interface StrategyProps$1 { locationStrategy: keyof typeof locationStrategies | LocationStrategyFn; location: Anchor; origin: Anchor | 'auto' | 'overlap'; offset?: number | string | number[]; maxHeight?: number | string; maxWidth?: number | string; minHeight?: number | string; minWidth?: number | string; } declare function staticLocationStrategy(): void; declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>): { updateLocation: () => { available: { x: number; y: number; }; contentBox: Box; } | undefined; }; interface ScrollStrategyData { root: Ref; contentEl: Ref; targetEl: Ref; isActive: Ref; updateLocation: Ref<((e: Event) => void) | undefined>; } type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps, scope: EffectScope) => void; declare const scrollStrategies: { none: null; close: typeof closeScrollStrategy; block: typeof blockScrollStrategy; reposition: typeof repositionScrollStrategy; }; interface StrategyProps { scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn; contained: boolean | undefined; } declare function closeScrollStrategy(data: ScrollStrategyData): void; declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps): void; declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void; declare const VBottomSheet: { new (...args: any[]): vue.CreateComponentPublicInstance<{ absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; contentClass?: any; activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: vue.VNodeChild | { default?: ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'update:modelValue': (value: boolean) => boolean; }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & { absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; contentClass?: any; activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: vue.VNodeChild | { default?: ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, { absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; }, true, {}, vue.SlotsType; }) => vue.VNode[]; activator: (arg: { isActive: boolean; props: Record; }) => vue.VNode[]; }>>, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; contentClass?: any; activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: vue.VNodeChild | { default?: ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, {}, {}, {}, {}, { absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & vue.ComponentOptionsBase<{ absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; contentClass?: any; activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: vue.VNodeChild | { default?: ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: vue.Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'update:modelValue': (value: boolean) => boolean; }, string, { absolute: boolean; location: Anchor; origin: NonNullable<"auto" | Anchor | "overlap">; inset: boolean; transition: NonNullable | { component: vue.Component; }>; zIndex: NonNullable; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; }, {}, string, vue.SlotsType; }) => vue.VNode[]; activator: (arg: { isActive: boolean; props: Record; }) => vue.VNode[]; }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{ transition: Omit; default: string; validator: (val: unknown) => boolean; }, "type" | "default"> & { type: vue.PropType | { component: vue.Component; }>; default: NonNullable | { component: vue.Component; }; }, "type" | "default"> & { type: vue.PropType | { component: vue.Component; }>>; default: NonNullable | { component: vue.Component; }>; }; theme: StringConstructor; scrollStrategy: Omit<{ type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; default: string; validator: (val: any) => boolean; }, "type" | "default"> & { type: vue.PropType void) | "reposition">>; default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; }; locationStrategy: { type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined)>; default: string; validator: (val: any) => boolean; }; location: { type: vue.PropType; default: string; }; origin: Omit<{ type: vue.PropType<"auto" | Anchor | "overlap">; default: string; }, "type" | "default"> & { type: vue.PropType>; default: NonNullable<"auto" | Anchor | "overlap">; }; offset: vue.PropType; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: vue.PropType; style: { type: vue.PropType; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: vue.PropType; activator: vue.PropType; activatorProps: { type: vue.PropType>; default: () => {}; }; openOnClick: { type: BooleanConstructor; default: undefined; }; openOnHover: BooleanConstructor; openOnFocus: { type: BooleanConstructor; default: undefined; }; closeOnContentClick: BooleanConstructor; absolute: BooleanConstructor; attach: vue.PropType; closeOnBack: { type: BooleanConstructor; default: boolean; }; contained: BooleanConstructor; contentClass: null; contentProps: null; disabled: BooleanConstructor; opacity: (StringConstructor | NumberConstructor)[]; noClickAnimation: BooleanConstructor; modelValue: BooleanConstructor; persistent: BooleanConstructor; scrim: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; zIndex: Omit<{ type: (StringConstructor | NumberConstructor)[]; default: number; }, "type" | "default"> & { type: vue.PropType>; default: NonNullable; }; fullscreen: BooleanConstructor; retainFocus: { type: BooleanConstructor; default: boolean; }; scrollable: BooleanConstructor; inset: BooleanConstructor; }, vue.ExtractPropTypes<{ transition: Omit; default: string; validator: (val: unknown) => boolean; }, "type" | "default"> & { type: vue.PropType | { component: vue.Component; }>; default: NonNullable | { component: vue.Component; }; }, "type" | "default"> & { type: vue.PropType | { component: vue.Component; }>>; default: NonNullable | { component: vue.Component; }>; }; theme: StringConstructor; scrollStrategy: Omit<{ type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; default: string; validator: (val: any) => boolean; }, "type" | "default"> & { type: vue.PropType void) | "reposition">>; default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; }; locationStrategy: { type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => { updateLocation: (e: Event) => void; } | undefined)>; default: string; validator: (val: any) => boolean; }; location: { type: vue.PropType; default: string; }; origin: Omit<{ type: vue.PropType<"auto" | Anchor | "overlap">; default: string; }, "type" | "default"> & { type: vue.PropType>; default: NonNullable<"auto" | Anchor | "overlap">; }; offset: vue.PropType; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: vue.PropType; style: { type: vue.PropType; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: vue.PropType; activator: vue.PropType; activatorProps: { type: vue.PropType>; default: () => {}; }; openOnClick: { type: BooleanConstructor; default: undefined; }; openOnHover: BooleanConstructor; openOnFocus: { type: BooleanConstructor; default: undefined; }; closeOnContentClick: BooleanConstructor; absolute: BooleanConstructor; attach: vue.PropType; closeOnBack: { type: BooleanConstructor; default: boolean; }; contained: BooleanConstructor; contentClass: null; contentProps: null; disabled: BooleanConstructor; opacity: (StringConstructor | NumberConstructor)[]; noClickAnimation: BooleanConstructor; modelValue: BooleanConstructor; persistent: BooleanConstructor; scrim: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; zIndex: Omit<{ type: (StringConstructor | NumberConstructor)[]; default: number; }, "type" | "default"> & { type: vue.PropType>; default: NonNullable; }; fullscreen: BooleanConstructor; retainFocus: { type: BooleanConstructor; default: boolean; }; scrollable: BooleanConstructor; inset: BooleanConstructor; }>>; type VBottomSheet = InstanceType; export { VBottomSheet };