@adyen/bento-vue2 0.0.4 → 0.0.6

package/dist/@types/components/button/button.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     onClickButton: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts

@@ -1,10 +1,10 @@
-import { VueNodeElement } from '../../../../types/vue-node-element';
+import type { VueNodeElement } from '../../../../types';
 export interface BentoButtonActionObject {
     title: string;
     event: (event: Event) => void;
     icon?: VueNodeElement;
 }
-export declare type BentoButtonActionsList = Array<BentoButtonActionObject>;
+export type BentoButtonActionsList = Array<BentoButtonActionObject>;
 export declare enum BentoButtonActionsLayout {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",

package/dist/@types/components/button/components/button-group.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
     default: (_: {}) => any;
 }>;
 export default _default;
-declare type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/@types/components/button/components/loading-button/loading-button.types.d.ts

@@ -4,6 +4,6 @@ export declare enum BentoLoadingButtonState {
     SUCCESS = "success",
     FAIL = "fail"
 }
-export declare type BentoLoadingButtonIconState = Partial<{
+export type BentoLoadingButtonIconState = Partial<{
     [key in BentoLoadingButtonState]: string;
 }>;

package/dist/@types/components/card/card.vue.d.ts

@@ -13,18 +13,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AdlCardImagePosition>;
         default: AdlCardImagePosition;
     };
-}, {}, {}, {
-    conditionalClasses(): {
-        [key: string]: boolean;
-    };
-    isClickable(): boolean;
-    showBody(): boolean;
-    showFooter(): boolean;
-    showHeaderActions(): boolean;
-    showImage(): boolean;
 }, {
-    onClickCard(): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    showBody: import("vue").ComputedRef<boolean>;
+    showHeaderActions: import("vue").ComputedRef<boolean>;
+    showImage: import("vue").ComputedRef<boolean>;
+    showFooter: import("vue").ComputedRef<boolean>;
+    onClickCard: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/card/components/card-image/card-image.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/checkbox/checkbox.types.d.ts

@@ -1,2 +1,2 @@
-export declare type BentoMultiCheckboxType = Array<string | number>;
-export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
+export type BentoMultiCheckboxType = Array<string | number>;
+export type BentoCheckboxType = boolean | BentoMultiCheckboxType;

package/dist/@types/components/click-outside/click-outside.d.ts

@@ -0,0 +1,13 @@
+export declare const BentoClickOutside: import("vue").DefineComponent<{
+    el: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "handler"[], string, Readonly<import("vue").ExtractPropTypes<{
+    el: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    el: string;
+}>;

package/dist/@types/components/click-outside/index.d.ts

@@ -0,0 +1 @@
+export * from './click-outside';

package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef } from '../../../../types/maybe-ref';
+import { MaybeRef } from '../../../../types';
 import { BentoColumn } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
 export declare const DEFAULT_COLUMN_WIDTH = 100;

package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.types.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { BentoColumn } from '../../data-grid.types';
-export declare type FlexColumnLookup = Record<BentoColumn['field'], {
+export type FlexColumnLookup = Record<BentoColumn['field'], {
     flex: number;
     computedWidth: number;
     frozen: boolean;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -31,8 +31,8 @@ export interface BentoDatagridDataItem {
     id?: string;
     [fieldName: string]: unknown;
 }
-export declare type BentoDatagridData = BentoDatagridDataItem[];
-export declare type BentoDatagridDataItemId = string | number;
-export declare type BentoDatagridGetDataItemIdFn = (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
-export declare type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridDataItem) => boolean;
-export declare type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>['$props'];
+export type BentoDatagridData = BentoDatagridDataItem[];
+export type BentoDatagridDataItemId = string | number;
+export type BentoDatagridGetDataItemIdFn = (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
+export type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridDataItem) => boolean;
+export type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>['$props'];

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -186,7 +186,7 @@ declare const _default: import("vue").DefineComponent<{
     paginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
     body: any;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("navigate" | "select" | "items-page" | "column-resize" | "sort" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/dropdown/components/dropdown-input-container/dropdown-input-container.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     ariaSelected: import("vue").ComputedRef<boolean>;
     onOptionSelected: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         required: true;
     };
 }, {
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         required: true;
     };
 }>>, {

package/dist/@types/components/dropdown/dropdown.types.d.ts

@@ -1,7 +1,7 @@
-export declare type AdlDropdownValue = string | number;
+export type AdlDropdownValue = string | number;
 export interface AdlDropdownOptionItem {
     label: string;
     value: AdlDropdownValue;
 }
-export declare type AdlDropdownSelectedValue = AdlDropdownValue;
-export declare type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
+export type AdlDropdownSelectedValue = AdlDropdownValue;
+export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;

package/dist/@types/components/dropdown/dropdown.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
     inputContainerRef: any;
+    closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
     onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{

package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts

@@ -59,9 +59,10 @@ declare const _default: import("vue").DefineComponent<{
     onClickDismissFilter: () => void;
     onClickApply: () => void;
     onClickClear: () => void;
+    onClickOutside: () => void;
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "close" | "clear" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
     alwaysShowNameInLabel: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/filter-bar/filter-bar.types.d.ts

@@ -12,4 +12,4 @@ export interface BentoFilterModel {
     options?: BentoFilterOptions;
     value?: string | null;
 }
-export declare type BentoFilterBarModel = Array<BentoFilterModel>;
+export type BentoFilterBarModel = Array<BentoFilterModel>;

package/dist/@types/components/input-field/input-field.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     inputFieldElement: any;
     shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/link/link.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default: (_: import("vue-router/types/router").RouterLinkSlotArgument) => any;
 }>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -27,12 +27,12 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
+type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
     } : P[K];
 };
-declare type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover-dismiss-button--on-image': boolean;
     }>;
     BentoButtonVariant: typeof BentoButtonVariant;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     onImage: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/popover/components/popover-image/popover-image.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/popover/components/popover-title/popover-title.vue.d.ts

@@ -0,0 +1,28 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    isImageTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    isStrongest: import("vue").ComputedRef<boolean>;
+    titleVariant: import("vue").ComputedRef<BentoTypographyVariant.BODY | BentoTypographyVariant.SUBTITLE>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    isImageTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    title: string;
+    isImageTitle: boolean;
+}>;
+export default _default;

package/dist/@types/components/popover/popover.types.d.ts

@@ -16,4 +16,4 @@ export declare const BentoPopoverPositions: {
     BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
     LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
 };
-export declare type BentoPopoverPositions = PopperContainerPosition;
+export type BentoPopoverPositions = PopperContainerPosition;

package/dist/@types/components/popover/popover.vue.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
 import { PopperContainerAriaRole } from '@/components/popper-container';
 import { BentoPopoverPositions } from './popover.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
     actions: {
@@ -51,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
 }, {
@@ -63,8 +62,6 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover__content--with-title': boolean;
     }>;
     computedAriaLabel: import("vue").ComputedRef<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
     dismissPopover: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -115,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
 }>>, {

package/dist/@types/components/popper-container/popper-container.types.d.ts

@@ -1,10 +1,10 @@
 import type { Modifier, StrictModifiers } from '@popperjs/core';
-declare type ArrowModifier = Modifier<'arrow', unknown>;
-declare type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
-declare type SameWidthModifier = Modifier<'sameWidth', unknown>;
-declare type TrackPositionModifer = Modifier<'trackPosition', unknown>;
-declare type FlipModifer = Modifier<'flip', unknown>;
-export declare type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
+type ArrowModifier = Modifier<'arrow', unknown>;
+type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
+type SameWidthModifier = Modifier<'sameWidth', unknown>;
+type TrackPositionModifer = Modifier<'trackPosition', unknown>;
+type FlipModifer = Modifier<'flip', unknown>;
+export type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
 export interface PopperContainerArrowProp {
     classes?: string[];
     padding?: string;
@@ -49,6 +49,6 @@ export declare const PopperContainerPosition: {
     BOTTOM: PopperContainerPositionBasic.BOTTOM;
     LEFT: PopperContainerPositionBasic.LEFT;
 };
-export declare type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
-export declare type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
+export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
+export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
 export {};

package/dist/@types/components/popper-container/popper-container.utils.d.ts

@@ -1,4 +1,4 @@
-import { VueNodeElement } from '../../types/vue-node-element';
+import type { VueNodeElement } from '../../types';
 import { ExtendedModifiers, FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
 export declare const getArrowModifier: (arrow: VueNodeElement, arrowProps: PopperContainerArrowProp) => {
     name: string;

package/dist/@types/components/popper-container/popper-container.vue.d.ts

@@ -1,8 +1,12 @@
 import type { PositioningStrategy } from '@popperjs/core';
 import { PropType } from 'vue';
 import { ExtendedModifiers, FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
-import { VueNodeElement } from '@/types/vue-node-element';
+import type { VueNodeElement } from '@/types';
 declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -59,6 +63,10 @@ declare const _default: import("vue").DefineComponent<{
     updatePopperOptions(options: any): void;
     updateModifiers(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -104,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     offset: number[];
+    id: string;
     position: PopperContainerPosition;
     ariaLabel: string;
     modifiers: unknown[];

package/dist/@types/components/profile-picture/profile-picture.vue.d.ts

@@ -14,13 +14,13 @@ declare const _default: import("vue").DefineComponent<{
         default: AdlProfilePictureVariant;
         validator: (value: AdlProfilePictureVariant) => boolean;
     };
-}, {}, {}, {
-    conditionalClasses(): {
-        [key: string]: boolean;
-    };
-    initials(): string;
-    ariaLabel(): string;
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    ariaLabel: import("vue").Ref<string>;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    initials: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         default: any;

package/dist/@types/components/radio-button/radio-button.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     onClick: () => void;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/textarea/textarea.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, {
     onInput(event: Event): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    description: string;
     value: string;
     label: string;
+    description: string;
     placeholder: string;
 }>;
 export default _default;

package/dist/@types/components/tooltip/index.d.ts

@@ -1,2 +1 @@
-export { default as BentoTooltip } from './tooltip.vue';
-export { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';
+export { Tooltip } from './tooltip.vue';

package/dist/@types/components/tooltip/tooltip.vue.d.ts

@@ -1,14 +1,18 @@
 import { PropType } from 'vue';
-import { PopperContainerAriaRole } from '../popper-container';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
+import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../index.js").VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
-        default: import("../popper-container").PopperContainerPositionBasic;
+        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
         validator: (value: unknown) => boolean;
     };
     offset: {
@@ -27,19 +31,23 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
-    id: string;
+    PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
     tabIndex: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../index.js").VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
-        default: import("../popper-container").PopperContainerPositionBasic;
+        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
         validator: (value: unknown) => boolean;
     };
     offset: {
@@ -56,7 +64,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     offset: number;
-    position: import("../popper-container").PopperContainerPositionBasic;
+    id: string;
+    position: import("@/components/popper-container").PopperContainerPositionBasic;
     isShown: boolean;
 }>;
 export default _default;
+export declare class Tooltip {
+}

package/dist/@types/components.d.ts

@@ -20,6 +20,7 @@ import {
     BentoButtonActions,
     BentoButtonGroup,
     BentoCheckbox,
+    BentoClickOutside,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -31,7 +32,6 @@ import {
     BentoStatus,
     BentoTag,
     BentoToggle,
-    BentoTooltip,
     BentoTypography,
 } from './index';
 
@@ -58,6 +58,7 @@ declare module 'vue' {
         BentoButtonGroup: typeof BentoButtonGroup;
         BentoButtonActions: typeof BentoButtonActions;
         BentoCheckbox: typeof BentoCheckbox;
+        BentoClickOutside: typeof BentoClickOutside;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
@@ -69,7 +70,6 @@ declare module 'vue' {
         BentoStatus: typeof BentoStatus;
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;
-        BentoTooltip: typeof BentoTooltip;
         BentoTypography: typeof BentoTypography;
     }
 }

package/dist/@types/directives/click-outside/directive.d.ts

@@ -0,0 +1,6 @@
+import type { ObjectDirective } from 'vue';
+type Element = HTMLElement & {
+    __onClickOutside_stop?: () => void;
+};
+export declare const BentoClickOutsideDirective: ObjectDirective<Element>;
+export {};

package/dist/@types/directives/click-outside/index.d.ts

@@ -0,0 +1 @@
+export * from './directive';

package/dist/@types/directives/click-outside/on-click-outside.d.ts

@@ -0,0 +1,3 @@
+import type { MaybeElementRef } from '../../types';
+import type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';
+export declare function onClickOutside<T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T): () => void;

package/dist/@types/directives/click-outside/types.d.ts

@@ -0,0 +1,8 @@
+import type { MaybeElementRef } from '@/types';
+export interface OnClickOutsideOptions {
+    ignore?: (MaybeElementRef | string)[];
+    capture?: boolean;
+    detectIframe?: boolean;
+    window?: Window;
+}
+export type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;