npm - @onereach/ui-components - Versions diffs - 23.2.4-beta.5592.0 → 23.2.4-beta.5594.0 - Mend

@onereach/ui-components 23.2.4-beta.5592.0 → 23.2.4-beta.5594.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 (245) hide show

package/dist/types/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     overflow: {
-        type: PropType<"hidden" | "wrap" | "scroll">;
+        type: PropType<"scroll" | "hidden" | "wrap">;
         default: () => TagsOverflow;
     };
     placeholder: {
@@ -40,631 +40,239 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     root: import("vue").Ref<HTMLDivElement | undefined>;
-    tags: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean | undefined;
-            overflow?: "hidden" | "wrap" | "scroll" | undefined;
-            items?: Tag[] | undefined;
-            tagProps?: {
-                disabled?: boolean | undefined;
-                variant?: "button" | "tag" | "reset" | undefined;
-                color?: string | undefined;
+    tags: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: PropType<Tag[]>;
+            default: () => never[];
+        };
+        overflow: {
+            type: PropType<"scroll" | "hidden" | "wrap">;
+            default: () => TagsOverflow;
+        };
+        tagProps: {
+            type: PropType<Partial<{
+                disabled: boolean;
+                variant: "button" | "tag" | "reset";
+                color: string;
+            }> & Omit<{
+                readonly disabled: boolean;
+                readonly variant: "button" | "tag" | "reset";
+                readonly color: string;
+                onClick?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onReset?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: PropType<"button" | "tag" | "reset">;
+                    default: () => import("../../..").TagVariant;
+                };
+                color: {
+                    type: PropType<string>;
+                    default: () => import("../../..").TagColor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
                 onClick?: ((...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;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onReset?: ((...args: any[]) => any) | undefined;
-            } | undefined;
+            }, "disabled" | "variant" | "color">>;
+            default: undefined;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        container: import("vue").Ref<HTMLElement | undefined>;
+        localItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
+        overflowButton: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"button" | "reset" | "submit">;
+                default: () => import("../../..").ButtonType;
+            };
+            variant: {
+                type: PropType<"outlined" | "link" | "text" | "contained">;
+                default: () => import("../../..").ButtonVariant;
+            };
+            color: {
+                type: PropType<"inherit" | "primary" | "danger">;
+                default: () => import("../../..").ButtonColor;
+            };
+            activated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingText: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
             onClick?: ((...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;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...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: "click" | "focus" | "blur" | "reset", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            items: {
-                type: PropType<Tag[]>;
-                default: () => never[];
+        }, {
+            root: import("vue").Ref<HTMLButtonElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            contentStyles: import("vue").ComputedRef<string[]>;
+            contentContainerStyles: import("vue").ComputedRef<string[]>;
+            isVue3: boolean;
+            onClick: (e: unknown) => void;
+            onFocus: (e: unknown) => void;
+            onBlur: (e: unknown) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"button" | "reset" | "submit">;
+                default: () => import("../../..").ButtonType;
             };
-            overflow: {
-                type: PropType<"hidden" | "wrap" | "scroll">;
-                default: () => TagsOverflow;
+            variant: {
+                type: PropType<"outlined" | "link" | "text" | "contained">;
+                default: () => import("../../..").ButtonVariant;
             };
-            tagProps: {
-                type: PropType<{
-                    disabled?: boolean | undefined;
-                    variant?: "button" | "tag" | "reset" | undefined;
-                    color?: string | undefined;
-                    onClick?: ((...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;
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
-                    onReset?: ((...args: any[]) => any) | undefined;
-                }>;
-                default: undefined;
+            color: {
+                type: PropType<"inherit" | "primary" | "danger">;
+                default: () => import("../../..").ButtonColor;
+            };
+            activated: {
+                type: BooleanConstructor;
+                default: boolean;
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingText: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & {
             onClick?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
         }, {
-            root: import("vue").Ref<HTMLElement | undefined>;
-            container: import("vue").Ref<HTMLElement | undefined>;
-            localItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
-            overflowButton: import("vue").Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    disabled?: boolean | undefined;
-                    type?: "button" | "reset" | "submit" | undefined;
-                    variant?: "outlined" | "link" | "text" | "contained" | undefined;
-                    color?: "inherit" | "primary" | "danger" | undefined;
-                    activated?: boolean | undefined;
-                    loading?: boolean | undefined;
-                    loadingText?: string | undefined;
-                    onClick?: ((...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;
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...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: "click" | "focus" | "blur", ...args: any[]) => void;
-                $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    type: {
-                        type: PropType<"button" | "reset" | "submit">;
-                        default: () => import("../../..").ButtonType;
-                    };
-                    variant: {
-                        type: PropType<"outlined" | "link" | "text" | "contained">;
-                        default: () => import("../../..").ButtonVariant;
-                    };
-                    color: {
-                        type: PropType<"inherit" | "primary" | "danger">;
-                        default: () => import("../../..").ButtonColor;
-                    };
-                    activated: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    loading: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    loadingText: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                }>> & {
-                    onClick?: ((...args: any[]) => any) | undefined;
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
-                }, {
-                    root: import("vue").Ref<HTMLButtonElement | undefined>;
-                    rootStyles: import("vue").ComputedRef<string[]>;
-                    contentStyles: import("vue").ComputedRef<string[]>;
-                    contentContainerStyles: import("vue").ComputedRef<string[]>;
-                    isVue3: boolean;
-                    onClick: (e: unknown) => void;
-                    onFocus: (e: unknown) => void;
-                    onBlur: (e: unknown) => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], string, {
-                    disabled: boolean;
-                    type: "button" | "reset" | "submit";
-                    variant: "outlined" | "link" | "text" | "contained";
-                    color: "inherit" | "primary" | "danger";
-                    activated: boolean;
-                    loading: boolean;
-                    loadingText: string;
-                }, {}, 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<{
-                type: {
-                    type: PropType<"button" | "reset" | "submit">;
-                    default: () => import("../../..").ButtonType;
-                };
-                variant: {
-                    type: PropType<"outlined" | "link" | "text" | "contained">;
-                    default: () => import("../../..").ButtonVariant;
-                };
-                color: {
-                    type: PropType<"inherit" | "primary" | "danger">;
-                    default: () => import("../../..").ButtonColor;
-                };
-                activated: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                loadingText: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & {
-                onClick?: ((...args: any[]) => any) | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-            } & import("vue").ShallowUnwrapRef<{
-                root: import("vue").Ref<HTMLButtonElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                contentContainerStyles: import("vue").ComputedRef<string[]>;
-                isVue3: boolean;
-                onClick: (e: unknown) => void;
-                onFocus: (e: unknown) => void;
-                onBlur: (e: unknown) => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-            overflowButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
-            overflowPopover: import("vue").Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    variant?: "auto" | "popover" | "bottom-sheet" | undefined;
-                    offset?: import("../../..").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?: import("@floating-ui/dom").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;
+            disabled: boolean;
+            type: "button" | "reset" | "submit";
+            variant: "outlined" | "link" | "text" | "contained";
+            color: "inherit" | "primary" | "danger";
+            activated: boolean;
+            loading: boolean;
+            loadingText: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"button" | "reset" | "submit">;
+                default: () => import("../../..").ButtonType;
+            };
+            variant: {
+                type: PropType<"outlined" | "link" | "text" | "contained">;
+                default: () => import("../../..").ButtonVariant;
+            };
+            color: {
+                type: PropType<"inherit" | "primary" | "danger">;
+                default: () => import("../../..").ButtonColor;
+            };
+            activated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingText: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+        }, {
+            root: import("vue").Ref<HTMLButtonElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            contentStyles: import("vue").ComputedRef<string[]>;
+            contentContainerStyles: import("vue").ComputedRef<string[]>;
+            isVue3: boolean;
+            onClick: (e: unknown) => void;
+            onFocus: (e: unknown) => void;
+            onBlur: (e: unknown) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            type: "button" | "reset" | "submit";
+            variant: "outlined" | "link" | "text" | "contained";
+            color: "inherit" | "primary" | "danger";
+            activated: boolean;
+            loading: boolean;
+            loadingText: string;
+        }> | undefined>;
+        overflowButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
+        overflowPopover: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"auto" | "popover" | "bottom-sheet">;
+                default: () => import("../../..").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
                     "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[];
-                    };
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     isOpen: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
                     variant: {
-                        type: PropType<"auto" | "popover" | "bottom-sheet">;
-                        default: () => import("../../..").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<import("@floating-ui/dom").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("../../..").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("../../..").PopoverOffset>;
-                        default: number;
-                    };
-                    fullWidth: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    disableDefaultStyles: {
-                        type: BooleanConstructor;
-                        default: boolean;
+                        type: PropType<"basic" | "advanced">;
+                        default: () => import("../../..").BottomSheetVariant;
                     };
-                    keepAlive: {
+                    isFullscreen: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -672,508 +280,335 @@ declare const _default: import("vue").DefineComponent<{
                     "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<boolean>;
-                    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("../../..").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: import("@floating-ui/dom").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("../../..").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<import("@floating-ui/dom").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("../../..").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("../../..").PopoverOffset>;
-                    default: number;
-                };
-                fullWidth: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disableDefaultStyles: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                keepAlive: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                }, "variant" | "isOpen" | "isFullscreen">>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").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("../../..").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("../../..").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").CreateComponentPublicInstance<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>;
-                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;
+                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: 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")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+            }, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, 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: Ref<"open" | "closed">;
+                fullscreen: import("vue").Ref<boolean>;
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+            }, {}, {}, {}, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> | 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: Ref<"open" | "closed">;
+            isFlipped: import("vue").ComputedRef<boolean>;
+            isHidden: import("vue").ComputedRef<boolean>;
+            isDesktop: any;
+            isMobile: any;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"auto" | "popover" | "bottom-sheet">;
+                default: () => import("../../..").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    isOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
                     };
-                    $refs: {
-                        [x: string]: unknown;
+                    variant: {
+                        type: PropType<"basic" | "advanced">;
+                        default: () => import("../../..").BottomSheetVariant;
                     };
-                    $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;
+                    isFullscreen: {
+                        type: BooleanConstructor;
+                        default: boolean;
                     };
-                    $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<{
+                }>> & {
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }, "variant" | "isOpen" | "isFullscreen">>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").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("../../..").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("../../..").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;
+        }, {
+            variant: "auto" | "popover" | "bottom-sheet";
+            offset: import("../../..").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: Partial<{
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> & Omit<{
+                readonly variant: "basic" | "advanced";
+                readonly isOpen: boolean;
+                readonly isFullscreen: boolean;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+            }, "variant" | "isOpen" | "isFullscreen">;
+            trigger: import("@floating-ui/dom").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;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"auto" | "popover" | "bottom-sheet">;
+                default: () => import("../../..").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     isOpen: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1190,346 +625,465 @@ declare const _default: import("vue").DefineComponent<{
                     "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<boolean>;
-                isMobile: import("vue").ComputedRef<boolean>;
+                }, "variant" | "isOpen" | "isFullscreen">>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").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("../../..").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("../../..").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").CreateComponentPublicInstance<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: Ref<"open" | "closed">;
+                fullscreen: import("vue").Ref<boolean>;
                 open: () => void;
                 close: () => void;
                 toggle: () => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-            overflowPopoverRoot: import("vue").ComputedRef<HTMLElement | undefined>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+            }, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, 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: Ref<"open" | "closed">;
+                fullscreen: import("vue").Ref<boolean>;
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+            }, {}, {}, {}, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> | undefined>;
+            bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
             rootStyles: import("vue").ComputedRef<string[]>;
-            popoverStyles: import("vue").ComputedRef<string[]>;
-            containerStyles: import("vue").ComputedRef<string[]>;
-            overflowButtonStyles: import("vue").ComputedRef<string[]>;
-            overflowPopoverStyles: import("vue").ComputedRef<string[]>;
-            overflowItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
-            togglePopover: () => void;
-            scrollToEnd: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], 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: Ref<"open" | "closed">;
+            isFlipped: import("vue").ComputedRef<boolean>;
+            isHidden: import("vue").ComputedRef<boolean>;
+            isDesktop: any;
+            isMobile: any;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }, {}, {}, {}, {
+            variant: "auto" | "popover" | "bottom-sheet";
+            offset: import("../../..").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: Partial<{
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> & Omit<{
+                readonly variant: "basic" | "advanced";
+                readonly isOpen: boolean;
+                readonly isFullscreen: boolean;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+            }, "variant" | "isOpen" | "isFullscreen">;
+            trigger: import("@floating-ui/dom").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;
+        }> | undefined>;
+        overflowPopoverRoot: import("vue").ComputedRef<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        popoverStyles: import("vue").ComputedRef<string[]>;
+        containerStyles: import("vue").ComputedRef<string[]>;
+        overflowButtonStyles: import("vue").ComputedRef<string[]>;
+        overflowPopoverStyles: import("vue").ComputedRef<string[]>;
+        overflowItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
+        togglePopover: () => void;
+        scrollToEnd: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: PropType<Tag[]>;
+            default: () => never[];
+        };
+        overflow: {
+            type: PropType<"scroll" | "hidden" | "wrap">;
+            default: () => TagsOverflow;
+        };
+        tagProps: {
+            type: PropType<Partial<{
+                disabled: boolean;
+                variant: "button" | "tag" | "reset";
+                color: string;
+            }> & Omit<{
+                readonly disabled: boolean;
+                readonly variant: "button" | "tag" | "reset";
+                readonly color: string;
+                onClick?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onReset?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: PropType<"button" | "tag" | "reset">;
+                    default: () => import("../../..").TagVariant;
+                };
+                color: {
+                    type: PropType<string>;
+                    default: () => import("../../..").TagColor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onReset?: ((...args: any[]) => any) | undefined;
+            }, "disabled" | "variant" | "color">>;
+            default: undefined;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        overflow: "scroll" | "hidden" | "wrap";
+        items: Tag[];
+        tagProps: Partial<{
             disabled: boolean;
-            overflow: "hidden" | "wrap" | "scroll";
-            items: Tag[];
-            tagProps: {
-                disabled?: boolean | undefined;
-                variant?: "button" | "tag" | "reset" | undefined;
-                color?: string | undefined;
+            variant: "button" | "tag" | "reset";
+            color: string;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly variant: "button" | "tag" | "reset";
+            readonly color: string;
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: PropType<"button" | "tag" | "reset">;
+                default: () => import("../../..").TagVariant;
+            };
+            color: {
+                type: PropType<string>;
+                default: () => import("../../..").TagColor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "variant" | "color">;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: PropType<Tag[]>;
+            default: () => never[];
+        };
+        overflow: {
+            type: PropType<"scroll" | "hidden" | "wrap">;
+            default: () => TagsOverflow;
+        };
+        tagProps: {
+            type: PropType<Partial<{
+                disabled: boolean;
+                variant: "button" | "tag" | "reset";
+                color: string;
+            }> & Omit<{
+                readonly disabled: boolean;
+                readonly variant: "button" | "tag" | "reset";
+                readonly color: string;
+                onClick?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onReset?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: PropType<"button" | "tag" | "reset">;
+                    default: () => import("../../..").TagVariant;
+                };
+                color: {
+                    type: PropType<string>;
+                    default: () => import("../../..").TagColor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
                 onClick?: ((...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;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onReset?: ((...args: any[]) => any) | undefined;
+            }, "disabled" | "variant" | "color">>;
+            default: undefined;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        container: import("vue").Ref<HTMLElement | undefined>;
+        localItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
+        overflowButton: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"button" | "reset" | "submit">;
+                default: () => import("../../..").ButtonType;
+            };
+            variant: {
+                type: PropType<"outlined" | "link" | "text" | "contained">;
+                default: () => import("../../..").ButtonVariant;
+            };
+            color: {
+                type: PropType<"inherit" | "primary" | "danger">;
+                default: () => import("../../..").ButtonColor;
+            };
+            activated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingText: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+        }, {
+            root: import("vue").Ref<HTMLButtonElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            contentStyles: import("vue").ComputedRef<string[]>;
+            contentContainerStyles: import("vue").ComputedRef<string[]>;
+            isVue3: boolean;
+            onClick: (e: unknown) => void;
+            onFocus: (e: unknown) => void;
+            onBlur: (e: unknown) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: PropType<"button" | "reset" | "submit">;
+                default: () => import("../../..").ButtonType;
             };
-        }, {}, 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<{
-        items: {
-            type: PropType<Tag[]>;
-            default: () => never[];
-        };
-        overflow: {
-            type: PropType<"hidden" | "wrap" | "scroll">;
-            default: () => TagsOverflow;
-        };
-        tagProps: {
-            type: PropType<{
-                disabled?: boolean | undefined;
-                variant?: "button" | "tag" | "reset" | undefined;
-                color?: string | undefined;
-                onClick?: ((...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;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onReset?: ((...args: any[]) => any) | undefined;
-            }>;
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onReset?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        root: import("vue").Ref<HTMLElement | undefined>;
-        container: import("vue").Ref<HTMLElement | undefined>;
-        localItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
-        overflowButton: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                disabled?: boolean | undefined;
-                type?: "button" | "reset" | "submit" | undefined;
-                variant?: "outlined" | "link" | "text" | "contained" | undefined;
-                color?: "inherit" | "primary" | "danger" | undefined;
-                activated?: boolean | undefined;
-                loading?: boolean | undefined;
-                loadingText?: string | undefined;
-                onClick?: ((...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;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
+            variant: {
+                type: PropType<"outlined" | "link" | "text" | "contained">;
+                default: () => import("../../..").ButtonVariant;
             };
-            $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: "click" | "focus" | "blur", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                type: {
-                    type: PropType<"button" | "reset" | "submit">;
-                    default: () => import("../../..").ButtonType;
-                };
-                variant: {
-                    type: PropType<"outlined" | "link" | "text" | "contained">;
-                    default: () => import("../../..").ButtonVariant;
-                };
-                color: {
-                    type: PropType<"inherit" | "primary" | "danger">;
-                    default: () => import("../../..").ButtonColor;
-                };
-                activated: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                loadingText: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>> & {
-                onClick?: ((...args: any[]) => any) | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-            }, {
-                root: import("vue").Ref<HTMLButtonElement | undefined>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                contentStyles: import("vue").ComputedRef<string[]>;
-                contentContainerStyles: import("vue").ComputedRef<string[]>;
-                isVue3: boolean;
-                onClick: (e: unknown) => void;
-                onFocus: (e: unknown) => void;
-                onBlur: (e: unknown) => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], string, {
-                disabled: boolean;
-                type: "button" | "reset" | "submit";
-                variant: "outlined" | "link" | "text" | "contained";
-                color: "inherit" | "primary" | "danger";
-                activated: boolean;
-                loading: boolean;
-                loadingText: string;
-            }, {}, 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<{
+            color: {
+                type: PropType<"inherit" | "primary" | "danger">;
+                default: () => import("../../..").ButtonColor;
+            };
+            activated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingText: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+        }, {
+            disabled: boolean;
+            type: "button" | "reset" | "submit";
+            variant: "outlined" | "link" | "text" | "contained";
+            color: "inherit" | "primary" | "danger";
+            activated: boolean;
+            loading: boolean;
+            loadingText: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: PropType<"button" | "reset" | "submit">;
                 default: () => import("../../..").ButtonType;
@@ -1562,7 +1116,7 @@ declare const _default: import("vue").DefineComponent<{
             onClick?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
+        }, {
             root: import("vue").Ref<HTMLButtonElement | undefined>;
             rootStyles: import("vue").ComputedRef<string[]>;
             contentStyles: import("vue").ComputedRef<string[]>;
@@ -1571,247 +1125,175 @@ declare const _default: import("vue").DefineComponent<{
             onClick: (e: unknown) => void;
             onFocus: (e: unknown) => void;
             onBlur: (e: unknown) => void;
-        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            type: "button" | "reset" | "submit";
+            variant: "outlined" | "link" | "text" | "contained";
+            color: "inherit" | "primary" | "danger";
+            activated: boolean;
+            loading: boolean;
+            loadingText: string;
+        }> | undefined>;
         overflowButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
-        overflowPopover: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                variant?: "auto" | "popover" | "bottom-sheet" | undefined;
-                offset?: import("../../..").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;
+        overflowPopover: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"auto" | "popover" | "bottom-sheet">;
+                default: () => import("../../..").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
-                    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?: import("@floating-ui/dom").ReferenceElement | undefined;
-                fallbackPlacement?: "none" | "start" | "end" | undefined;
-                hideOptions?: {
+                }, "variant" | "isOpen" | "isFullscreen">>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").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("../../..").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;
-                } | 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[];
-                };
+                }>;
+                default: undefined;
+            };
+            offset: {
+                type: PropType<import("../../..").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").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                 isOpen: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
                 variant: {
-                    type: PropType<"auto" | "popover" | "bottom-sheet">;
-                    default: () => import("../../..").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<import("@floating-ui/dom").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("../../..").PopoverPlacement;
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
                 };
-                fallbackPlacement: {
-                    type: PropType<"none" | "start" | "end" | undefined>;
-                    default: string;
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                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;
+            }>> & {
+                "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: 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")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                offset: {
-                    type: PropType<import("../../..").PopoverOffset>;
-                    default: number;
+                variant: {
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
                 };
-                fullWidth: {
+                isFullscreen: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                disableDefaultStyles: {
+            }>> & {
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                keepAlive: {
+                variant: {
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
+                };
+                isFullscreen: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -1821,130 +1303,66 @@ declare const _default: import("vue").DefineComponent<{
                 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<{
+                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: Ref<"open" | "closed">;
+                fullscreen: import("vue").Ref<boolean>;
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+            }, {}, {}, {}, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> | 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: Ref<"open" | "closed">;
+            isFlipped: import("vue").ComputedRef<boolean>;
+            isHidden: import("vue").ComputedRef<boolean>;
+            isDesktop: any;
+            isMobile: any;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"auto" | "popover" | "bottom-sheet">;
+                default: () => import("../../..").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     isOpen: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1961,130 +1379,108 @@ declare const _default: import("vue").DefineComponent<{
                     "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<boolean>;
-                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("../../..").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: import("@floating-ui/dom").ReferenceElement;
-                fallbackPlacement: "none" | "start" | "end" | undefined;
-                hideOptions: {
+                }, "variant" | "isOpen" | "isFullscreen">>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").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("../../..").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("../../..").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;
+        }, {
+            variant: "auto" | "popover" | "bottom-sheet";
+            offset: import("../../..").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: Partial<{
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> & Omit<{
+                readonly variant: "basic" | "advanced";
+                readonly isOpen: boolean;
+                readonly isFullscreen: boolean;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
+                };
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                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<{
+            }>> & {
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, "variant" | "isOpen" | "isFullscreen">;
+            trigger: import("@floating-ui/dom").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;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -2098,58 +1494,35 @@ declare const _default: import("vue").DefineComponent<{
                 default: () => import("../../..").PopoverVariant;
             };
             bottomSheetProps: {
-                type: PropType<{
-                    variant?: "basic" | "advanced" | undefined;
-                    isOpen?: boolean | undefined;
-                    isFullscreen?: boolean | undefined;
+                type: PropType<Partial<{
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }> & Omit<{
+                    readonly variant: "basic" | "advanced";
+                    readonly isOpen: boolean;
+                    readonly isFullscreen: boolean;
                     "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;
-                }>;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+                }, "variant" | "isOpen" | "isFullscreen">>;
                 default: undefined;
             };
             trigger: {
@@ -2195,132 +1568,68 @@ declare const _default: import("vue").DefineComponent<{
             "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;
+            bottomSheet: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                $attrs: {
-                    [x: string]: unknown;
+                variant: {
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
                 };
-                $refs: {
-                    [x: string]: unknown;
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                $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;
+            }>> & {
+                "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: 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")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"basic" | "advanced">;
+                    default: () => import("../../..").BottomSheetVariant;
+                };
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                $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<{
+            }>> & {
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
                 isOpen: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2337,7 +1646,7 @@ declare const _default: import("vue").DefineComponent<{
                 "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[]>;
@@ -2345,12 +1654,16 @@ declare const _default: import("vue").DefineComponent<{
                 handleStyles: import("vue").ComputedRef<string[]>;
                 headerStyles: import("vue").ComputedRef<string[]>;
                 contentStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
+                state: Ref<"open" | "closed">;
                 fullscreen: import("vue").Ref<boolean>;
                 open: () => void;
                 close: () => void;
                 toggle: () => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+            }, {}, {}, {}, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> | undefined>;
             bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
             rootStyles: import("vue").ComputedRef<string[]>;
             bodyStyles: import("vue").ComputedRef<string[]>;
@@ -2361,15 +1674,63 @@ declare const _default: import("vue").DefineComponent<{
                 transform?: string | undefined;
                 willChange?: string | undefined;
             }>>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            state: Ref<"open" | "closed">;
             isFlipped: import("vue").ComputedRef<boolean>;
             isHidden: import("vue").ComputedRef<boolean>;
-            isDesktop: import("vue").ComputedRef<boolean>;
-            isMobile: import("vue").ComputedRef<boolean>;
+            isDesktop: any;
+            isMobile: any;
             open: () => void;
             close: () => void;
             toggle: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+        }, {}, {}, {}, {
+            variant: "auto" | "popover" | "bottom-sheet";
+            offset: import("../../..").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: Partial<{
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }> & Omit<{
+                readonly variant: "basic" | "advanced";
+                readonly isOpen: boolean;
+                readonly isFullscreen: boolean;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+            }, "variant" | "isOpen" | "isFullscreen">;
+            trigger: import("@floating-ui/dom").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;
+        }> | undefined>;
         overflowPopoverRoot: import("vue").ComputedRef<HTMLElement | undefined>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
@@ -2379,129 +1740,103 @@ declare const _default: import("vue").DefineComponent<{
         overflowItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
         togglePopover: () => void;
         scrollToEnd: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    rootStyles: import("vue").ComputedRef<string[]>;
-    searchControl: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean | undefined;
-            readonly?: boolean | undefined;
-            modelValue?: string | undefined;
-            placeholder?: string | 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;
-            "onUpdate:modelValue"?: ((...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: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: StringConstructor;
-                default: string;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        overflow: "scroll" | "hidden" | "wrap";
+        items: Tag[];
+        tagProps: Partial<{
+            disabled: boolean;
+            variant: "button" | "tag" | "reset";
+            color: string;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly variant: "button" | "tag" | "reset";
+            readonly color: string;
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: PropType<"button" | "tag" | "reset">;
+                default: () => import("../../..").TagVariant;
             };
-            placeholder: {
-                type: StringConstructor;
-                default: string;
+            color: {
+                type: PropType<string>;
+                default: () => import("../../..").TagColor;
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            readonly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
         }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {
-            root: import("vue").Ref<HTMLInputElement | undefined>;
-            proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string>;
-            controlStyles: import("vue").ComputedRef<string[]>;
-            controlInlineStyles: import("vue").ComputedRef<{
-                width: string;
-            }>;
-            focused: import("vue").Ref<boolean>;
-            focus: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            modelValue: string;
-            placeholder: string;
-        }, {}, 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;
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
+        }, "disabled" | "variant" | "color">;
+    }> | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    searchControl: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLInputElement | undefined>;
+        proxyModelValue: WritableComputedRef<T>;
+        controlStyles: import("vue").ComputedRef<string[]>;
+        controlInlineStyles: import("vue").ComputedRef<{
+            width: string;
+        }>;
+        focused: import("vue").Ref<boolean>;
+        focus: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        $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<{
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        readonly: boolean;
+        modelValue: string;
+        placeholder: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
             default: string;
@@ -2520,23 +1855,28 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         root: import("vue").Ref<HTMLInputElement | undefined>;
-        proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string>;
+        proxyModelValue: WritableComputedRef<T>;
         controlStyles: import("vue").ComputedRef<string[]>;
         controlInlineStyles: import("vue").ComputedRef<{
             width: string;
         }>;
         focused: import("vue").Ref<boolean>;
         focus: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    searchModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string>;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        readonly: boolean;
+        modelValue: string;
+        placeholder: string;
+    }> | undefined>;
+    searchModelValue: WritableComputedRef<T>;
     isEmpty: import("vue").ComputedRef<boolean>;
     selection: import("vue").ComputedRef<Tag[]>;
     value: import("vue").ComputedRef<(string | number | object)[]>;
     focus: () => void;
     focused: import("vue").ComputedRef<boolean | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "update:modelValue")[], "reset" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "update:modelValue")[], "reset" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -2550,7 +1890,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     overflow: {
-        type: PropType<"hidden" | "wrap" | "scroll">;
+        type: PropType<"scroll" | "hidden" | "wrap">;
         default: () => TagsOverflow;
     };
     placeholder: {
@@ -2578,7 +1918,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    overflow: "hidden" | "wrap" | "scroll";
+    overflow: "scroll" | "hidden" | "wrap";
     isOpen: boolean;
     options: SelectItem[];
     readonly: boolean;