@onereach/ui-components 23.2.4-beta.5592.0 → 23.2.4-beta.5595.0

package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts

@@ -1,5 +1,5 @@
 import { FilterFunction } from '@onereach/ui-components-common/types';
-import { PropType, nextTick } from 'vue';
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<Date>;
@@ -28,149 +28,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
-    yearButton: 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("@onereach/ui-components.or-button-v3").ButtonType;
-            };
-            variant: {
-                type: PropType<"outlined" | "link" | "text" | "contained">;
-                default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
-            };
-            color: {
-                type: PropType<"inherit" | "primary" | "danger">;
-                default: () => import("@onereach/ui-components.or-button-v3").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 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<{
+    yearButton: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: PropType<"button" | "reset" | "submit">;
             default: () => import("@onereach/ui-components.or-button-v3").ButtonType;
@@ -203,7 +61,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[]>;
@@ -212,543 +70,131 @@ declare const _default: import("vue").DefineComponent<{
         onClick: (e: unknown) => void;
         onFocus: (e: unknown) => void;
         onBlur: (e: unknown) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    yearsButtons: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean | undefined;
-            icon?: string | {
-                variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
-                size?: "xl" | "inherit" | "l" | "m" | undefined;
-                onClick?: ((...args: any[]) => any) | undefined;
+    }, 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("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<"outlined" | "link" | "text" | "contained">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<"inherit" | "primary" | "danger">;
+            default: () => import("@onereach/ui-components.or-button-v3").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("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<"outlined" | "link" | "text" | "contained">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<"inherit" | "primary" | "danger">;
+            default: () => import("@onereach/ui-components.or-button-v3").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>;
+    yearsButtons: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<string | (Partial<{
+                variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                size: "xl" | "inherit" | "l" | "m";
+            }> & Omit<{
                 readonly icon: string;
-                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;
-            selected?: boolean | undefined;
-            closeButton?: boolean | undefined;
-            tooltipText?: string | undefined;
-            onClick?: ((...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;
-            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" | "close" | "focus" | "blur", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            icon: {
-                type: PropType<string | {
-                    variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
-                    size?: "xl" | "inherit" | "l" | "m" | undefined;
-                    onClick?: ((...args: any[]) => any) | undefined;
-                    readonly icon: string;
-                    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;
-            };
-            closeButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            selected: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            tooltipText: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-        }, {
-            content: import("vue").Ref<HTMLDivElement | undefined>;
-            root: import("vue").Ref<HTMLElement | undefined>;
-            tooltip: import("vue").Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    content?: string | 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;
-                    trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
-                    fallbackPlacement?: "none" | "start" | "end" | undefined;
-                    debounce?: number | undefined;
-                    externalControl?: 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;
-                    };
-                    content: {
-                        type: StringConstructor;
-                        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: undefined;
-                    };
-                    offset: {
-                        type: PropType<import("../../..").PopoverOffset>;
-                        default: number;
-                    };
-                    debounce: {
-                        type: NumberConstructor;
-                        default: number;
-                    };
-                    externalControl: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    trigger: {
-                        type: PropType<import("@floating-ui/dom").ReferenceElement>;
-                        default: undefined;
-                    };
-                }>> & {
-                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }, {
-                    root: import("vue").Ref<HTMLElement | undefined>;
-                    localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
-                    hasExternalControl: import("vue").ComputedRef<boolean>;
-                    rootStyles: import("vue").ComputedRef<string[]>;
-                    popoverStyles: import("vue").ComputedRef<string[]>;
-                    bodyStyles: import("vue").ComputedRef<string[]>;
-                    state: Readonly<import("vue").Ref<"open" | "closed">>;
-                    open: () => void;
-                    close: () => void;
-                    toggle: () => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                    content: string;
-                    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";
-                    trigger: import("@floating-ui/dom").ReferenceElement;
-                    fallbackPlacement: "none" | "start" | "end" | undefined;
-                    debounce: number;
-                    externalControl: 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 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;
-                };
-                content: {
+                readonly variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                readonly size: "xl" | "inherit" | "l" | "m";
+                onClick?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                icon: {
                     type: StringConstructor;
-                    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;
+                    required: true;
                 };
-                fallbackPlacement: {
-                    type: PropType<"none" | "start" | "end" | undefined>;
-                    default: undefined;
+                variant: {
+                    type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconVariant;
                 };
-                offset: {
-                    type: PropType<import("../../..").PopoverOffset>;
-                    default: number;
-                };
-                debounce: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                externalControl: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                trigger: {
-                    type: PropType<import("@floating-ui/dom").ReferenceElement>;
-                    default: undefined;
+                size: {
+                    type: PropType<"xl" | "inherit" | "l" | "m">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconSize;
                 };
             }>> & {
-                "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>;
-                localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
-                hasExternalControl: import("vue").ComputedRef<boolean>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                popoverStyles: import("vue").ComputedRef<string[]>;
-                bodyStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-            rootStyles: import("vue").ComputedRef<string[]>;
-            iconStyles: import("vue").ComputedRef<string[]>;
-            isTooltipShown: import("vue").ComputedRef<boolean>;
-            iconProps: import("vue").ComputedRef<{
-                icon: string;
-                variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
-            } | {
-                variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
-                icon?: undefined;
-            }>;
-            isRootVisible: import("vue").Ref<boolean>;
-            stop: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur")[], string, {
-            disabled: boolean;
-            icon: string | {
-                variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
-                size?: "xl" | "inherit" | "l" | "m" | undefined;
                 onClick?: ((...args: any[]) => any) | undefined;
-                readonly icon: string;
-                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;
-            };
-            selected: boolean;
-            closeButton: boolean;
-            tooltipText: 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 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<{
-        icon: {
-            type: PropType<string | {
-                variant?: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit" | undefined;
-                size?: "xl" | "inherit" | "l" | "m" | undefined;
-                onClick?: ((...args: any[]) => any) | undefined;
-                readonly icon: string;
-                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;
-            }>;
+            }, "variant" | "size">)>;
             default: undefined;
         };
         closeButton: {
@@ -772,160 +218,10 @@ declare const _default: import("vue").DefineComponent<{
         onClose?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         content: import("vue").Ref<HTMLDivElement | undefined>;
         root: import("vue").Ref<HTMLElement | undefined>;
-        tooltip: import("vue").Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                content?: string | 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;
-                trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
-                fallbackPlacement?: "none" | "start" | "end" | undefined;
-                debounce?: number | undefined;
-                externalControl?: 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;
-                };
-                content: {
-                    type: StringConstructor;
-                    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: undefined;
-                };
-                offset: {
-                    type: PropType<import("../../..").PopoverOffset>;
-                    default: number;
-                };
-                debounce: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                externalControl: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                trigger: {
-                    type: PropType<import("@floating-ui/dom").ReferenceElement>;
-                    default: undefined;
-                };
-            }>> & {
-                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                root: import("vue").Ref<HTMLElement | undefined>;
-                localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
-                hasExternalControl: import("vue").ComputedRef<boolean>;
-                rootStyles: import("vue").ComputedRef<string[]>;
-                popoverStyles: import("vue").ComputedRef<string[]>;
-                bodyStyles: import("vue").ComputedRef<string[]>;
-                state: Readonly<import("vue").Ref<"open" | "closed">>;
-                open: () => void;
-                close: () => void;
-                toggle: () => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
-                content: string;
-                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";
-                trigger: import("@floating-ui/dom").ReferenceElement;
-                fallbackPlacement: "none" | "start" | "end" | undefined;
-                debounce: number;
-                externalControl: 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 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<{
+        tooltip: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             isOpen: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -962,474 +258,410 @@ 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>;
             localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
             hasExternalControl: import("vue").ComputedRef<boolean>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
             bodyStyles: import("vue").ComputedRef<string[]>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            state: Ref<"open" | "closed">;
             open: () => void;
             close: () => void;
             toggle: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-        rootStyles: import("vue").ComputedRef<string[]>;
-        iconStyles: import("vue").ComputedRef<string[]>;
-        isTooltipShown: import("vue").ComputedRef<boolean>;
-        iconProps: import("vue").ComputedRef<{
-            icon: string;
-            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
-        } | {
-            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
-            icon?: undefined;
-        }>;
-        isRootVisible: import("vue").Ref<boolean>;
-        stop: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {})[]>;
-    yearButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
-    monthButton: 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("@onereach/ui-components.or-button-v3").ButtonType;
+        }, 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<"outlined" | "link" | "text" | "contained">;
-                default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+            content: {
+                type: StringConstructor;
+                default: undefined;
             };
-            color: {
-                type: PropType<"inherit" | "primary" | "danger">;
-                default: () => import("@onereach/ui-components.or-button-v3").ButtonColor;
+            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;
             };
-            activated: {
-                type: BooleanConstructor;
-                default: boolean;
+            fallbackPlacement: {
+                type: PropType<"none" | "start" | "end" | undefined>;
+                default: undefined;
             };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
+            offset: {
+                type: PropType<import("../../..").PopoverOffset>;
+                default: number;
+            };
+            debounce: {
+                type: NumberConstructor;
+                default: number;
             };
-            loading: {
+            externalControl: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            loadingText: {
-                type: StringConstructor;
-                default: string;
+            trigger: {
+                type: PropType<import("@floating-ui/dom").ReferenceElement>;
+                default: undefined;
             };
         }>> & {
-            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 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("@onereach/ui-components.or-button-v3").ButtonType;
-        };
-        variant: {
-            type: PropType<"outlined" | "link" | "text" | "contained">;
-            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
-        };
-        color: {
-            type: PropType<"inherit" | "primary" | "danger">;
-            default: () => import("@onereach/ui-components.or-button-v3").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>;
-    monthButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
-    yearMenu: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            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;
-            trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
-            additionalStyles?: string[] | 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<{
+        }, {
+            content: string;
+            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";
+            trigger: import("@floating-ui/dom").ReferenceElement;
+            fallbackPlacement: "none" | "start" | "end" | undefined;
+            debounce: number;
+            externalControl: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             isOpen: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            trigger: {
-                type: PropType<import("@floating-ui/dom").ReferenceElement>;
+            content: {
+                type: StringConstructor;
                 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: undefined;
+            };
             offset: {
                 type: PropType<import("../../..").PopoverOffset>;
                 default: number;
             };
-            additionalStyles: {
-                type: PropType<string[]>;
-                default: () => never[];
+            debounce: {
+                type: NumberConstructor;
+                default: number;
             };
-        }>> & {
-            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
+            externalControl: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").ReferenceElement>;
+                default: undefined;
+            };
+        }>> & {
+            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
+            localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
+            hasExternalControl: import("vue").ComputedRef<boolean>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            bodyStyles: import("vue").ComputedRef<string[]>;
+            state: Ref<"open" | "closed">;
             open: () => void;
             close: () => void;
             toggle: () => void;
-            onClick: (event: Event) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
+        }, {}, {}, {}, {
+            content: string;
             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";
             trigger: import("@floating-ui/dom").ReferenceElement;
-            additionalStyles: 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 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: {
+            fallbackPlacement: "none" | "start" | "end" | undefined;
+            debounce: number;
+            externalControl: boolean;
+        }> | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        iconStyles: import("vue").ComputedRef<string[]>;
+        isTooltipShown: import("vue").ComputedRef<boolean>;
+        iconProps: import("vue").ComputedRef<{
+            icon: string;
+            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
+        } | {
+            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
+            icon?: undefined;
+        }>;
+        isRootVisible: import("vue").Ref<boolean>;
+        stop: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "focus" | "blur")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<string | (Partial<{
+                variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                size: "xl" | "inherit" | "l" | "m";
+            }> & Omit<{
+                readonly icon: string;
+                readonly variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                readonly size: "xl" | "inherit" | "l" | "m";
+                onClick?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconVariant;
+                };
+                size: {
+                    type: PropType<"xl" | "inherit" | "l" | "m">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconSize;
+                };
+            }>> & {
+                onClick?: ((...args: any[]) => any) | undefined;
+            }, "variant" | "size">)>;
+            default: undefined;
+        };
+        closeButton: {
             type: BooleanConstructor;
             default: boolean;
         };
-        trigger: {
-            type: PropType<import("@floating-ui/dom").ReferenceElement>;
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        icon: string | (Partial<{
+            variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+            size: "xl" | "inherit" | "l" | "m";
+        }> & Omit<{
+            readonly icon: string;
+            readonly variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+            readonly size: "xl" | "inherit" | "l" | "m";
+            onClick?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+                default: () => import("@onereach/ui-components.or-icon-v3").IconVariant;
+            };
+            size: {
+                type: PropType<"xl" | "inherit" | "l" | "m">;
+                default: () => import("@onereach/ui-components.or-icon-v3").IconSize;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, "variant" | "size">);
+        selected: boolean;
+        closeButton: boolean;
+        tooltipText: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<string | (Partial<{
+                variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                size: "xl" | "inherit" | "l" | "m";
+            }> & Omit<{
+                readonly icon: string;
+                readonly variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+                readonly size: "xl" | "inherit" | "l" | "m";
+                onClick?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconVariant;
+                };
+                size: {
+                    type: PropType<"xl" | "inherit" | "l" | "m">;
+                    default: () => import("@onereach/ui-components.or-icon-v3").IconSize;
+                };
+            }>> & {
+                onClick?: ((...args: any[]) => any) | undefined;
+            }, "variant" | "size">)>;
             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;
+        closeButton: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        offset: {
-            type: PropType<import("../../..").PopoverOffset>;
-            default: number;
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        additionalStyles: {
-            type: PropType<string[]>;
-            default: () => never[];
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipText: {
+            type: StringConstructor;
+            default: string;
         };
     }>> & {
-        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+    }, {
+        content: import("vue").Ref<HTMLDivElement | undefined>;
         root: import("vue").Ref<HTMLElement | undefined>;
-        rootStyles: import("vue").ComputedRef<string[]>;
-        popoverStyles: import("vue").ComputedRef<string[]>;
-        state: Readonly<import("vue").Ref<"open" | "closed">>;
-        open: () => void;
-        close: () => void;
-        toggle: () => void;
-        onClick: (event: Event) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    yearMenuState: import("vue").ComputedRef<"open" | "closed" | undefined>;
-    monthMenu: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            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;
-            trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
-            additionalStyles?: string[] | undefined;
+        tooltip: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            content: {
+                type: StringConstructor;
+                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: undefined;
+            };
+            offset: {
+                type: PropType<import("../../..").PopoverOffset>;
+                default: number;
+            };
+            debounce: {
+                type: NumberConstructor;
+                default: number;
+            };
+            externalControl: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").ReferenceElement>;
+                default: 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<{
+        }, {
+            root: import("vue").Ref<HTMLElement | undefined>;
+            localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
+            hasExternalControl: import("vue").ComputedRef<boolean>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            popoverStyles: import("vue").ComputedRef<string[]>;
+            bodyStyles: import("vue").ComputedRef<string[]>;
+            state: Ref<"open" | "closed">;
+            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;
             };
+            content: {
+                type: StringConstructor;
+                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: undefined;
+            };
+            offset: {
+                type: PropType<import("../../..").PopoverOffset>;
+                default: number;
+            };
+            debounce: {
+                type: NumberConstructor;
+                default: number;
+            };
+            externalControl: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             trigger: {
                 type: PropType<import("@floating-ui/dom").ReferenceElement>;
                 default: undefined;
             };
+        }>> & {
+            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {
+            content: string;
+            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";
+            trigger: import("@floating-ui/dom").ReferenceElement;
+            fallbackPlacement: "none" | "start" | "end" | undefined;
+            debounce: number;
+            externalControl: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            content: {
+                type: StringConstructor;
+                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: undefined;
+            };
             offset: {
                 type: PropType<import("../../..").PopoverOffset>;
                 default: number;
             };
-            additionalStyles: {
-                type: PropType<string[]>;
-                default: () => never[];
+            debounce: {
+                type: NumberConstructor;
+                default: number;
+            };
+            externalControl: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import("@floating-ui/dom").ReferenceElement>;
+                default: undefined;
             };
         }>> & {
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
@@ -1437,40 +669,397 @@ declare const _default: import("vue").DefineComponent<{
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
+            localTrigger: import("vue").ComputedRef<import("@floating-ui/dom").ReferenceElement | undefined>;
+            hasExternalControl: import("vue").ComputedRef<boolean>;
             rootStyles: import("vue").ComputedRef<string[]>;
             popoverStyles: import("vue").ComputedRef<string[]>;
-            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            bodyStyles: import("vue").ComputedRef<string[]>;
+            state: Ref<"open" | "closed">;
             open: () => void;
             close: () => void;
             toggle: () => void;
-            onClick: (event: Event) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
+        }, {}, {}, {}, {
+            content: string;
             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";
             trigger: import("@floating-ui/dom").ReferenceElement;
-            additionalStyles: 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 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<{
+            fallbackPlacement: "none" | "start" | "end" | undefined;
+            debounce: number;
+            externalControl: boolean;
+        }> | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        iconStyles: import("vue").ComputedRef<string[]>;
+        isTooltipShown: import("vue").ComputedRef<boolean>;
+        iconProps: import("vue").ComputedRef<{
+            icon: string;
+            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
+        } | {
+            variant: import("@onereach/ui-components.or-icon-v3").IconVariant;
+            icon?: undefined;
+        }>;
+        isRootVisible: import("vue").Ref<boolean>;
+        stop: () => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        icon: string | (Partial<{
+            variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+            size: "xl" | "inherit" | "l" | "m";
+        }> & Omit<{
+            readonly icon: string;
+            readonly variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+            readonly size: "xl" | "inherit" | "l" | "m";
+            onClick?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+                default: () => import("@onereach/ui-components.or-icon-v3").IconVariant;
+            };
+            size: {
+                type: PropType<"xl" | "inherit" | "l" | "m">;
+                default: () => import("@onereach/ui-components.or-icon-v3").IconSize;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, "variant" | "size">);
+        selected: boolean;
+        closeButton: boolean;
+        tooltipText: string;
+    }>[]>;
+    yearButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
+    monthButton: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<"button" | "reset" | "submit">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<"outlined" | "link" | "text" | "contained">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<"inherit" | "primary" | "danger">;
+            default: () => import("@onereach/ui-components.or-button-v3").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("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<"outlined" | "link" | "text" | "contained">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<"inherit" | "primary" | "danger">;
+            default: () => import("@onereach/ui-components.or-button-v3").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("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<"outlined" | "link" | "text" | "contained">;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<"inherit" | "primary" | "danger">;
+            default: () => import("@onereach/ui-components.or-button-v3").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>;
+    monthButtonRoot: import("vue").ComputedRef<HTMLButtonElement | undefined>;
+    yearMenu: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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;
+        };
+        offset: {
+            type: PropType<import("../../..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        popoverStyles: import("vue").ComputedRef<string[]>;
+        state: Ref<"open" | "closed">;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        onClick: (event: Event) => 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;
+        };
+        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;
+        };
+        offset: {
+            type: PropType<import("../../..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        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";
+        trigger: import("@floating-ui/dom").ReferenceElement;
+        additionalStyles: string[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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;
+        };
+        offset: {
+            type: PropType<import("../../..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        popoverStyles: import("vue").ComputedRef<string[]>;
+        state: Ref<"open" | "closed">;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        onClick: (event: Event) => void;
+    }, {}, {}, {}, {
+        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";
+        trigger: import("@floating-ui/dom").ReferenceElement;
+        additionalStyles: string[];
+    }> | undefined>;
+    yearMenuState: import("vue").ComputedRef<any>;
+    monthMenu: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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;
+        };
+        offset: {
+            type: PropType<import("../../..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        popoverStyles: import("vue").ComputedRef<string[]>;
+        state: Ref<"open" | "closed">;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        onClick: (event: Event) => 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;
+        };
+        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;
+        };
+        offset: {
+            type: PropType<import("../../..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        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";
+        trigger: import("@floating-ui/dom").ReferenceElement;
+        additionalStyles: string[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         isOpen: {
             type: BooleanConstructor;
             default: boolean;
@@ -1495,25 +1084,31 @@ 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>;
         rootStyles: import("vue").ComputedRef<string[]>;
         popoverStyles: import("vue").ComputedRef<string[]>;
-        state: Readonly<import("vue").Ref<"open" | "closed">>;
+        state: Ref<"open" | "closed">;
         open: () => void;
         close: () => void;
         toggle: () => void;
         onClick: (event: Event) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
-    monthMenuState: import("vue").ComputedRef<"open" | "closed" | undefined>;
-    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<Date>;
+    }, {}, {}, {}, {
+        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";
+        trigger: import("@floating-ui/dom").ReferenceElement;
+        additionalStyles: string[];
+    }> | undefined>;
+    monthMenuState: import("vue").ComputedRef<any>;
+    model: WritableComputedRef<T>;
     yearOptions: import("vue").ComputedRef<Date[]>;
     monthOptions: import("vue").ComputedRef<Date[]>;
     goToNextMonth: () => void;
     goToPreviousMonth: () => void;
     formatYear: (value: Date) => string;
     formatMonth: (value: Date) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<Date>;
         required: true;