npm - @onereach/ui-components - Versions diffs - 25.3.4-beta.5804.0 → 25.3.4-beta.5809.0 - Mend

@onereach/ui-components 25.3.4-beta.5804.0 → 25.3.4-beta.5809.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (436) hide show

package/dist/types/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts DELETED Viewed

@@ -1,2122 +0,0 @@
-import { ReferenceElement } from '@floating-ui/dom';
-import { FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
-import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
-import { PropType } from 'vue';
-import { DateTimePickerModelValue } from './types';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: PropType<DateTimePickerModelValue>;
-        default: undefined;
-    };
-    dateFormat: {
-        type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
-        default: undefined;
-    };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>>;
-        default: undefined;
-    };
-    yearsOptionsLength: {
-        type: NumberConstructor;
-        default: number;
-    };
-    weekStartsOn: {
-        type: NumberConstructor;
-        default: number;
-    };
-    locale: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    yearFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    monthFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    dateFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    dateHighlighter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    hoursFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    minutesFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    hourStep: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minuteStep: {
-        type: NumberConstructor;
-        default: number;
-    };
-    variant: {
-        type: PropType<"styled" | "unstyled" | "embedded">;
-        default: undefined;
-    };
-    size: {
-        type: PropType<"m" | "s">;
-        default: undefined;
-    };
-    anchor: {
-        type: PropType<ReferenceElement>;
-        default: undefined;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    root: import("vue").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue").ComputedRef<string[]>;
-    inputBox: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean | undefined;
-            variant?: "styled" | "unstyled" | "embedded" | undefined;
-            size?: "m" | "s" | undefined;
-            direction?: "row" | "column" | undefined;
-            invalid?: boolean | undefined;
-            readonly?: boolean | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-            style?: unknown;
-            onFocus?: ((...args: any[]) => any) | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "focus", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            direction: {
-                type: PropType<"row" | "column">;
-                default: () => import("@onereach/ui-components.or-input-box-v3").InputBoxDirection;
-            };
-            variant: {
-                type: PropType<"styled" | "unstyled" | "embedded">;
-                default: () => InputBoxVariant;
-            };
-            size: {
-                type: PropType<"m" | "s">;
-                default: () => InputBoxSize;
-            };
-            invalid: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            readonly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-        }, {
-            root: import("vue").Ref<HTMLElement | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], string, {
-            disabled: boolean;
-            variant: "styled" | "unstyled" | "embedded";
-            size: "m" | "s";
-            direction: "row" | "column";
-            invalid: boolean;
-            readonly: boolean;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        direction: {
-            type: PropType<"row" | "column">;
-            default: () => import("@onereach/ui-components.or-input-box-v3").InputBoxDirection;
-        };
-        variant: {
-            type: PropType<"styled" | "unstyled" | "embedded">;
-            default: () => InputBoxVariant;
-        };
-        size: {
-            type: PropType<"m" | "s">;
-            default: () => InputBoxSize;
-        };
-        invalid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        root: import("vue").Ref<HTMLElement | undefined>;
-        rootStyles: import("vue").ComputedRef<string[]>;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    inputBoxRoot: import("vue").ComputedRef<HTMLElement | undefined>;
-    datePopover: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            variant?: "auto" | "popover" | "bottom-sheet" | undefined;
-            offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
-            isOpen?: boolean | undefined;
-            placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            customStyles?: string[] | undefined;
-            bottomSheetProps?: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            } | undefined;
-            trigger?: ReferenceElement | undefined;
-            fallbackPlacement?: "none" | "start" | "end" | undefined;
-            hideOptions?: {
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            } | undefined;
-            fullWidth?: boolean | undefined;
-            disableDefaultStyles?: boolean | undefined;
-            keepAlive?: boolean | undefined;
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-            style?: unknown;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            customStyles: {
-                type: PropType<string[]>;
-                default: () => never[];
-            };
-            isOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"auto" | "popover" | "bottom-sheet">;
-                default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
-            };
-            bottomSheetProps: {
-                type: PropType<{
-                    variant?: "basic" | "advanced" | undefined;
-                    isOpen?: boolean | undefined;
-                    isFullscreen?: boolean | undefined;
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    key?: string | number | symbol | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
-                    ref_for?: boolean | undefined;
-                    ref_key?: string | undefined;
-                    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    class?: unknown;
-                    style?: unknown;
-                }>;
-                default: undefined;
-            };
-            trigger: {
-                type: PropType<ReferenceElement>;
-                default: undefined;
-            };
-            placement: {
-                type: PropType<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end">;
-                default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
-            };
-            fallbackPlacement: {
-                type: PropType<"none" | "start" | "end" | undefined>;
-                default: string;
-            };
-            hideOptions: {
-                type: PropType<{
-                    padding?: import("@floating-ui/dom").Padding | undefined;
-                    strategy?: "referenceHidden" | "escaped" | undefined;
-                    rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                    elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                    altBoundary?: boolean | undefined;
-                    boundary?: import("@floating-ui/dom").Boundary | undefined;
-                }>;
-                default: undefined;
-            };
-            offset: {
-                type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
-                default: number;
-            };
-            fullWidth: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disableDefaultStyles: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            keepAlive: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            root: import("vue").Ref<HTMLElement | undefined>;
-            containerRoot: import("vue").Ref<HTMLElement | undefined>;
-            bottomSheet: import("vue").Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    variant?: "basic" | "advanced" | undefined;
-                    isOpen?: boolean | undefined;
-                    isFullscreen?: boolean | undefined;
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    key?: string | number | symbol | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
-                    ref_for?: boolean | undefined;
-                    ref_key?: string | undefined;
-                    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    class?: unknown;
-                    style?: unknown;
-                };
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    isOpen: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    variant: {
-                        type: PropType<"basic" | "advanced">;
-                        default: () => import("..").BottomSheetVariant;
-                    };
-                    isFullscreen: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>> & {
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }, {
-                    root: import("vue").Ref<HTMLElement | undefined>;
-                    content: import("vue").Ref<HTMLElement | undefined>;
-                    rootStyles: import("vue").ComputedRef<string[]>;
-                    rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                    handleStyles: import("vue").ComputedRef<string[]>;
-                    headerStyles: import("vue").ComputedRef<string[]>;
-                    contentStyles: import("vue").ComputedRef<string[]>;
-                    state: Readonly<import("vue").Ref<"open" | "closed">>;
-                    fullscreen: import("vue").Ref<boolean>;
-                    open: () => void;
-                    close: () => void;
-                    toggle: () => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                    variant: "basic" | "advanced";
-                    isOpen: boolean;
-                    isFullscreen: boolean;
-                }, {}, string, {}> & {
-                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                    created?: ((() => void) | (() => void)[]) | undefined;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import("vue").nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-            } & Readonly<import("vue").ExtractPropTypes<{
-                isOpen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"basic" | "advanced">;
-                    default: () => import("..").BottomSheetVariant;
-                };
-                isFullscreen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-            } & import("vue").ShallowUnwrapRef<{
-                root: import("vue").Ref<HTMLElement | undefined>;
-                content: import("vue").Ref<HTMLElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                handleStyles: import("vue").ComputedRef<string[]>;
-                headerStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                fullscreen: import("vue").Ref<boolean>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-            bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-            bodyStyles: import("vue").ComputedRef<string[]>;
-            floatingStyles: Readonly<import("vue").Ref<{
-                position: import("@floating-ui/dom").Strategy;
-                top: string;
-                left: string;
-                transform?: string | undefined;
-                willChange?: string | undefined;
-            }>>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
-            isFlipped: import("vue").ComputedRef<boolean>;
-            isHidden: import("vue").ComputedRef<boolean>;
-            isDesktop: import("vue").ComputedRef<any>;
-            isMobile: import("vue").ComputedRef<boolean>;
-            open: () => void;
-            close: () => void;
-            toggle: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-            variant: "auto" | "popover" | "bottom-sheet";
-            offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
-            isOpen: boolean;
-            placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            customStyles: string[];
-            bottomSheetProps: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            };
-            trigger: ReferenceElement;
-            fallbackPlacement: "none" | "start" | "end" | undefined;
-            hideOptions: {
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            };
-            fullWidth: boolean;
-            disableDefaultStyles: boolean;
-            keepAlive: boolean;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        customStyles: {
-            type: PropType<string[]>;
-            default: () => never[];
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<"auto" | "popover" | "bottom-sheet">;
-            default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
-        };
-        bottomSheetProps: {
-            type: PropType<{
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            }>;
-            default: undefined;
-        };
-        trigger: {
-            type: PropType<ReferenceElement>;
-            default: undefined;
-        };
-        placement: {
-            type: PropType<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end">;
-            default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
-        };
-        fallbackPlacement: {
-            type: PropType<"none" | "start" | "end" | undefined>;
-            default: string;
-        };
-        hideOptions: {
-            type: PropType<{
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            }>;
-            default: undefined;
-        };
-        offset: {
-            type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
-            default: number;
-        };
-        fullWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disableDefaultStyles: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        keepAlive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        root: import("vue").Ref<HTMLElement | undefined>;
-        containerRoot: import("vue").Ref<HTMLElement | undefined>;
-        bottomSheet: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                isOpen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"basic" | "advanced">;
-                    default: () => import("..").BottomSheetVariant;
-                };
-                isFullscreen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                root: import("vue").Ref<HTMLElement | undefined>;
-                content: import("vue").Ref<HTMLElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                handleStyles: import("vue").ComputedRef<string[]>;
-                headerStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                fullscreen: import("vue").Ref<boolean>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                variant: "basic" | "advanced";
-                isOpen: boolean;
-                isFullscreen: boolean;
-            }, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            isOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"basic" | "advanced">;
-                default: () => import("..").BottomSheetVariant;
-            };
-            isFullscreen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            root: import("vue").Ref<HTMLElement | undefined>;
-            content: import("vue").Ref<HTMLElement | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-            rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-            handleStyles: import("vue").ComputedRef<string[]>;
-            headerStyles: import("vue").ComputedRef<string[]>;
-            contentStyles: import("vue").ComputedRef<string[]>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
-            fullscreen: import("vue").Ref<boolean>;
-            open: () => void;
-            close: () => void;
-            toggle: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-        bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
-        rootStyles: import("vue").ComputedRef<string[]>;
-        bodyStyles: import("vue").ComputedRef<string[]>;
-        floatingStyles: Readonly<import("vue").Ref<{
-            position: import("@floating-ui/dom").Strategy;
-            top: string;
-            left: string;
-            transform?: string | undefined;
-            willChange?: string | undefined;
-        }>>;
-        state: Readonly<import("vue").Ref<"open" | "closed">>;
-        isFlipped: import("vue").ComputedRef<boolean>;
-        isHidden: import("vue").ComputedRef<boolean>;
-        isDesktop: import("vue").ComputedRef<any>;
-        isMobile: import("vue").ComputedRef<boolean>;
-        open: () => void;
-        close: () => void;
-        toggle: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    datePopoverState: import("vue").ComputedRef<"open" | "closed" | undefined>;
-    datePopoverStyles: import("vue").ComputedRef<string[]>;
-    timePopover: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            variant?: "auto" | "popover" | "bottom-sheet" | undefined;
-            offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
-            isOpen?: boolean | undefined;
-            placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            customStyles?: string[] | undefined;
-            bottomSheetProps?: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            } | undefined;
-            trigger?: ReferenceElement | undefined;
-            fallbackPlacement?: "none" | "start" | "end" | undefined;
-            hideOptions?: {
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            } | undefined;
-            fullWidth?: boolean | undefined;
-            disableDefaultStyles?: boolean | undefined;
-            keepAlive?: boolean | undefined;
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-            style?: unknown;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            customStyles: {
-                type: PropType<string[]>;
-                default: () => never[];
-            };
-            isOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"auto" | "popover" | "bottom-sheet">;
-                default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
-            };
-            bottomSheetProps: {
-                type: PropType<{
-                    variant?: "basic" | "advanced" | undefined;
-                    isOpen?: boolean | undefined;
-                    isFullscreen?: boolean | undefined;
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    key?: string | number | symbol | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
-                    ref_for?: boolean | undefined;
-                    ref_key?: string | undefined;
-                    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    class?: unknown;
-                    style?: unknown;
-                }>;
-                default: undefined;
-            };
-            trigger: {
-                type: PropType<ReferenceElement>;
-                default: undefined;
-            };
-            placement: {
-                type: PropType<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end">;
-                default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
-            };
-            fallbackPlacement: {
-                type: PropType<"none" | "start" | "end" | undefined>;
-                default: string;
-            };
-            hideOptions: {
-                type: PropType<{
-                    padding?: import("@floating-ui/dom").Padding | undefined;
-                    strategy?: "referenceHidden" | "escaped" | undefined;
-                    rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                    elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                    altBoundary?: boolean | undefined;
-                    boundary?: import("@floating-ui/dom").Boundary | undefined;
-                }>;
-                default: undefined;
-            };
-            offset: {
-                type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
-                default: number;
-            };
-            fullWidth: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disableDefaultStyles: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            keepAlive: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            root: import("vue").Ref<HTMLElement | undefined>;
-            containerRoot: import("vue").Ref<HTMLElement | undefined>;
-            bottomSheet: import("vue").Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    variant?: "basic" | "advanced" | undefined;
-                    isOpen?: boolean | undefined;
-                    isFullscreen?: boolean | undefined;
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    key?: string | number | symbol | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
-                    ref_for?: boolean | undefined;
-                    ref_key?: string | undefined;
-                    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    class?: unknown;
-                    style?: unknown;
-                };
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    isOpen: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    variant: {
-                        type: PropType<"basic" | "advanced">;
-                        default: () => import("..").BottomSheetVariant;
-                    };
-                    isFullscreen: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                }>> & {
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }, {
-                    root: import("vue").Ref<HTMLElement | undefined>;
-                    content: import("vue").Ref<HTMLElement | undefined>;
-                    rootStyles: import("vue").ComputedRef<string[]>;
-                    rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                    handleStyles: import("vue").ComputedRef<string[]>;
-                    headerStyles: import("vue").ComputedRef<string[]>;
-                    contentStyles: import("vue").ComputedRef<string[]>;
-                    state: Readonly<import("vue").Ref<"open" | "closed">>;
-                    fullscreen: import("vue").Ref<boolean>;
-                    open: () => void;
-                    close: () => void;
-                    toggle: () => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                    variant: "basic" | "advanced";
-                    isOpen: boolean;
-                    isFullscreen: boolean;
-                }, {}, string, {}> & {
-                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                    created?: ((() => void) | (() => void)[]) | undefined;
-                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                    mounted?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                    updated?: ((() => void) | (() => void)[]) | undefined;
-                    activated?: ((() => void) | (() => void)[]) | undefined;
-                    deactivated?: ((() => void) | (() => void)[]) | undefined;
-                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                    destroyed?: ((() => void) | (() => void)[]) | undefined;
-                    unmounted?: ((() => void) | (() => void)[]) | undefined;
-                    renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                    renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                    errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import("vue").nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-            } & Readonly<import("vue").ExtractPropTypes<{
-                isOpen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"basic" | "advanced">;
-                    default: () => import("..").BottomSheetVariant;
-                };
-                isFullscreen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-            } & import("vue").ShallowUnwrapRef<{
-                root: import("vue").Ref<HTMLElement | undefined>;
-                content: import("vue").Ref<HTMLElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                handleStyles: import("vue").ComputedRef<string[]>;
-                headerStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                fullscreen: import("vue").Ref<boolean>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-            bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-            bodyStyles: import("vue").ComputedRef<string[]>;
-            floatingStyles: Readonly<import("vue").Ref<{
-                position: import("@floating-ui/dom").Strategy;
-                top: string;
-                left: string;
-                transform?: string | undefined;
-                willChange?: string | undefined;
-            }>>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
-            isFlipped: import("vue").ComputedRef<boolean>;
-            isHidden: import("vue").ComputedRef<boolean>;
-            isDesktop: import("vue").ComputedRef<any>;
-            isMobile: import("vue").ComputedRef<boolean>;
-            open: () => void;
-            close: () => void;
-            toggle: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-            variant: "auto" | "popover" | "bottom-sheet";
-            offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
-            isOpen: boolean;
-            placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            customStyles: string[];
-            bottomSheetProps: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            };
-            trigger: ReferenceElement;
-            fallbackPlacement: "none" | "start" | "end" | undefined;
-            hideOptions: {
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            };
-            fullWidth: boolean;
-            disableDefaultStyles: boolean;
-            keepAlive: boolean;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        customStyles: {
-            type: PropType<string[]>;
-            default: () => never[];
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<"auto" | "popover" | "bottom-sheet">;
-            default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
-        };
-        bottomSheetProps: {
-            type: PropType<{
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            }>;
-            default: undefined;
-        };
-        trigger: {
-            type: PropType<ReferenceElement>;
-            default: undefined;
-        };
-        placement: {
-            type: PropType<"bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end">;
-            default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
-        };
-        fallbackPlacement: {
-            type: PropType<"none" | "start" | "end" | undefined>;
-            default: string;
-        };
-        hideOptions: {
-            type: PropType<{
-                padding?: import("@floating-ui/dom").Padding | undefined;
-                strategy?: "referenceHidden" | "escaped" | undefined;
-                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
-                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
-                altBoundary?: boolean | undefined;
-                boundary?: import("@floating-ui/dom").Boundary | undefined;
-            }>;
-            default: undefined;
-        };
-        offset: {
-            type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
-            default: number;
-        };
-        fullWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disableDefaultStyles: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        keepAlive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        root: import("vue").Ref<HTMLElement | undefined>;
-        containerRoot: import("vue").Ref<HTMLElement | undefined>;
-        bottomSheet: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                variant?: "basic" | "advanced" | undefined;
-                isOpen?: boolean | undefined;
-                isFullscreen?: boolean | undefined;
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                isOpen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"basic" | "advanced">;
-                    default: () => import("..").BottomSheetVariant;
-                };
-                isFullscreen: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                root: import("vue").Ref<HTMLElement | undefined>;
-                content: import("vue").Ref<HTMLElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-                handleStyles: import("vue").ComputedRef<string[]>;
-                headerStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                fullscreen: import("vue").Ref<boolean>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                variant: "basic" | "advanced";
-                isOpen: boolean;
-                isFullscreen: boolean;
-            }, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            isOpen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"basic" | "advanced">;
-                default: () => import("..").BottomSheetVariant;
-            };
-            isFullscreen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            root: import("vue").Ref<HTMLElement | undefined>;
-            content: import("vue").Ref<HTMLElement | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-            rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-            handleStyles: import("vue").ComputedRef<string[]>;
-            headerStyles: import("vue").ComputedRef<string[]>;
-            contentStyles: import("vue").ComputedRef<string[]>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
-            fullscreen: import("vue").Ref<boolean>;
-            open: () => void;
-            close: () => void;
-            toggle: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-        bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
-        rootStyles: import("vue").ComputedRef<string[]>;
-        bodyStyles: import("vue").ComputedRef<string[]>;
-        floatingStyles: Readonly<import("vue").Ref<{
-            position: import("@floating-ui/dom").Strategy;
-            top: string;
-            left: string;
-            transform?: string | undefined;
-            willChange?: string | undefined;
-        }>>;
-        state: Readonly<import("vue").Ref<"open" | "closed">>;
-        isFlipped: import("vue").ComputedRef<boolean>;
-        isHidden: import("vue").ComputedRef<boolean>;
-        isDesktop: import("vue").ComputedRef<any>;
-        isMobile: import("vue").ComputedRef<boolean>;
-        open: () => void;
-        close: () => void;
-        toggle: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    timePopoverState: import("vue").ComputedRef<"open" | "closed" | undefined>;
-    timePopoverStyles: import("vue").ComputedRef<string[]>;
-    resolvedDateFormat: import("@onereach/ui-components-common/hooks").UseDateFormatReturn;
-    resolvedTimeFormat: import("@onereach/ui-components-common/hooks").UseTimeFormatReturn;
-    resolvedLocale: import("@onereach/ui-components-common/hooks").UseLocaleReturn;
-    initialValue: import("vue").Ref<{
-        toString: () => string;
-        toDateString: () => string;
-        toTimeString: () => string;
-        toLocaleString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        toLocaleDateString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        toLocaleTimeString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        valueOf: () => number;
-        getTime: () => number;
-        getFullYear: () => number;
-        getUTCFullYear: () => number;
-        getMonth: () => number;
-        getUTCMonth: () => number;
-        getDate: () => number;
-        getUTCDate: () => number;
-        getDay: () => number;
-        getUTCDay: () => number;
-        getHours: () => number;
-        getUTCHours: () => number;
-        getMinutes: () => number;
-        getUTCMinutes: () => number;
-        getSeconds: () => number;
-        getUTCSeconds: () => number;
-        getMilliseconds: () => number;
-        getUTCMilliseconds: () => number;
-        getTimezoneOffset: () => number;
-        setTime: (time: number) => number;
-        setMilliseconds: (ms: number) => number;
-        setUTCMilliseconds: (ms: number) => number;
-        setSeconds: (sec: number, ms?: number | undefined) => number;
-        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-        setDate: (date: number) => number;
-        setUTCDate: (date: number) => number;
-        setMonth: (month: number, date?: number | undefined) => number;
-        setUTCMonth: (month: number, date?: number | undefined) => number;
-        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-        toUTCString: () => string;
-        toISOString: () => string;
-        toJSON: (key?: any) => string;
-        [Symbol.toPrimitive]: {
-            (hint: "default"): string;
-            (hint: "string"): string;
-            (hint: "number"): number;
-            (hint: string): string | number;
-        };
-    }>;
-    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<DateTimePickerModelValue>;
-    draft: import("vue").Ref<{
-        toString: () => string;
-        toDateString: () => string;
-        toTimeString: () => string;
-        toLocaleString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        toLocaleDateString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        toLocaleTimeString: {
-            (): string;
-            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-        };
-        valueOf: () => number;
-        getTime: () => number;
-        getFullYear: () => number;
-        getUTCFullYear: () => number;
-        getMonth: () => number;
-        getUTCMonth: () => number;
-        getDate: () => number;
-        getUTCDate: () => number;
-        getDay: () => number;
-        getUTCDay: () => number;
-        getHours: () => number;
-        getUTCHours: () => number;
-        getMinutes: () => number;
-        getUTCMinutes: () => number;
-        getSeconds: () => number;
-        getUTCSeconds: () => number;
-        getMilliseconds: () => number;
-        getUTCMilliseconds: () => number;
-        getTimezoneOffset: () => number;
-        setTime: (time: number) => number;
-        setMilliseconds: (ms: number) => number;
-        setUTCMilliseconds: (ms: number) => number;
-        setSeconds: (sec: number, ms?: number | undefined) => number;
-        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-        setDate: (date: number) => number;
-        setUTCDate: (date: number) => number;
-        setMonth: (month: number, date?: number | undefined) => number;
-        setUTCMonth: (month: number, date?: number | undefined) => number;
-        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-        toUTCString: () => string;
-        toISOString: () => string;
-        toJSON: (key?: any) => string;
-        [Symbol.toPrimitive]: {
-            (hint: "default"): string;
-            (hint: "string"): string;
-            (hint: "number"): number;
-            (hint: string): string | number;
-        };
-    } | null | undefined>;
-    invalid: import("vue").ComputedRef<boolean>;
-    apply: () => void;
-    reset: () => void;
-    toggleDatePopover: () => void;
-    toggleTimePopover: () => void;
-    closeDatePopover: () => void;
-    closeTimePopover: () => void;
-    formatMobileDate: (value: Date, format: "short" | "medium" | "long" | FormatFunction<Date>, locale: string) => string;
-    formatMobileTime: (value: Date, format: "auto" | "h12" | "h23" | FormatFunction<Date>, locale: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<DateTimePickerModelValue>;
-        default: undefined;
-    };
-    dateFormat: {
-        type: PropType<"short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>>;
-        default: undefined;
-    };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>>;
-        default: undefined;
-    };
-    yearsOptionsLength: {
-        type: NumberConstructor;
-        default: number;
-    };
-    weekStartsOn: {
-        type: NumberConstructor;
-        default: number;
-    };
-    locale: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    yearFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    monthFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    dateFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    dateHighlighter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    hoursFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    minutesFilter: {
-        type: PropType<FilterFunction<Date>>;
-        default: undefined;
-    };
-    hourStep: {
-        type: NumberConstructor;
-        default: number;
-    };
-    minuteStep: {
-        type: NumberConstructor;
-        default: number;
-    };
-    variant: {
-        type: PropType<"styled" | "unstyled" | "embedded">;
-        default: undefined;
-    };
-    size: {
-        type: PropType<"m" | "s">;
-        default: undefined;
-    };
-    anchor: {
-        type: PropType<ReferenceElement>;
-        default: undefined;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    variant: "styled" | "unstyled" | "embedded";
-    size: "m" | "s";
-    required: boolean;
-    anchor: ReferenceElement;
-    readonly: boolean;
-    modelValue: DateTimePickerModelValue;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    locale: string;
-    weekStartsOn: number;
-    dateFilter: FilterFunction<Date>;
-    dateHighlighter: FilterFunction<Date>;
-    yearsOptionsLength: number;
-    yearFilter: FilterFunction<Date>;
-    monthFilter: FilterFunction<Date>;
-    hoursFilter: FilterFunction<Date>;
-    minutesFilter: FilterFunction<Date>;
-    hourStep: number;
-    minuteStep: number;
-    dateFormat: "short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>;
-    timeFormat: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
-}, {}>;
-export default _default;