@adyen/bento-vue2 0.0.5 → 0.0.7

package/README.md

@@ -29,7 +29,8 @@ npm install @adyen/bento-vue2
 In order to use the compoent via the `BentoVue` plugin, the following steps must be reproduced:
 
 1. Load the plugin globally in **Vue**
-2. Use the library defined components in your application
+2. Import the `font.css` file.
+3. Use the library defined components in your application
 
 #### Load plugin and register components
 
@@ -42,6 +43,17 @@ import BentoVue from '@adyen/bento-vue2';
 Vue.use(BentoVue);
 ```
 
+#### Import the fonts
+
+When using the default theme, you will need to include the required `Inter` font in your project application. This can
+easily be done by simply importing the `font.css` file.
+
+NOTE: make sure the builder your are using (e.g. `webpack` , `vite`, etc...) is able to process font files.
+
+```javascript
+import '@adyen/bento-vue2/fonts.css';
+```
+
 #### Use the components
 
 Inside the `.vue` components of your application, you can simply use the available components:

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

@@ -31,9 +31,6 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     onClickButton: () => void;
-    onFocusButton: () => void;
-    onBlurButton: () => void;
-    onKeydownEscButton: () => void;
 }, {}, {}, {}, 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;

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

@@ -4,7 +4,7 @@ export interface BentoButtonActionObject {
     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, "click"[], 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/controls-group/controls-group.vue.d.ts

@@ -0,0 +1,49 @@
+import { BentoTypographyElement } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-controls-group--disabled': boolean;
+    }>;
+    legendConditionalClasses: import("vue").ComputedRef<{
+        'b-controls-group__label--hidden': boolean;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    form: string;
+    disabled: boolean;
+    showLabel: boolean;
+}>;
+export default _default;

package/dist/@types/components/controls-group/index.d.ts

@@ -0,0 +1 @@
+export { default as ControlsGroup } from './controls-group.vue';

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/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/filter-bar/components/base-filter/base-filter.vue.d.ts

@@ -62,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     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/focus-trap/focus-trap.types.d.ts

@@ -1,16 +1,16 @@
-export declare enum AdlFocusTrapArrowNavigationDirection {
+export declare enum BentoFocusTrapArrowNavigationDirection {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal"
 }
-export declare enum AdlFocusTrapVerticalNavigationEvent {
+export declare enum BentoFocusTrapVerticalNavigationEvent {
     ARROW_UP = "arrowup",
     ARROW_DOWN = "arrowdown"
 }
-export declare enum AdlFocusTrapHorizontalNavigationEvent {
+export declare enum BentoFocusTrapHorizontalNavigationEvent {
     ARROW_LEFT = "arrowleft",
     ARROW_RIGHT = "arrowright"
 }
-export interface AdlFocusTrapFocusableIn {
+export interface BentoFocusTrapFocusableIn {
     node: HTMLElement;
     index: number;
     lockItem: boolean;

package/dist/@types/components/focus-trap/focus-trap.utils.d.ts

@@ -1,7 +1,7 @@
-import { AdlFocusTrapHorizontalNavigationEvent, AdlFocusTrapVerticalNavigationEvent } from './focus-trap.types';
+import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
 export declare const deferAction: (callback: FrameRequestCallback) => number;
 export declare const getNextFocusableElement: (factor: any, element: any) => HTMLElement;
-export declare const getArrowType: (event: KeyboardEvent, arrowOrder: AdlFocusTrapVerticalNavigationEvent[] | AdlFocusTrapHorizontalNavigationEvent[]) => {
+export declare const getArrowType: (event: KeyboardEvent, arrowOrder: BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[]) => {
     isArrowNext: boolean;
     isArrowPrev: boolean;
 };

package/dist/@types/components/focus-trap/focus-trap.vue.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { AdlFocusTrapArrowNavigationDirection, AdlFocusTrapHorizontalNavigationEvent, AdlFocusTrapVerticalNavigationEvent } from './focus-trap.types';
+import { BentoFocusTrapArrowNavigationDirection, BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
 declare const _default: import("vue").DefineComponent<{
     arrowNavigation: {
-        type: PropType<AdlFocusTrapArrowNavigationDirection>;
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
         default: any;
         validator: (value: unknown) => boolean;
     };
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isHorizontalArrowNavigation(): boolean;
     isVerticalArrowNavigation(): boolean;
-    arrowOrder(): AdlFocusTrapVerticalNavigationEvent[] | AdlFocusTrapHorizontalNavigationEvent[];
+    arrowOrder(): BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[];
 }, {
     setFocusInside(): Promise<void>;
     onBlur(): void;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     disable(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     arrowNavigation: {
-        type: PropType<AdlFocusTrapArrowNavigationDirection>;
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
         default: any;
         validator: (value: unknown) => boolean;
     };
@@ -34,6 +34,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    arrowNavigation: AdlFocusTrapArrowNavigationDirection;
+    arrowNavigation: BentoFocusTrapArrowNavigationDirection;
 }>;
 export default _default;

package/dist/@types/components/focus-trap/index.d.ts

@@ -1 +1 @@
-export { default as AdlFocusTrap } from './focus-trap.vue';
+export { default as BentoFocusTrap } from './focus-trap.vue';

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     isStrongest: import("vue").ComputedRef<boolean>;
     titleVariant: import("vue").ComputedRef<BentoTypographyVariant.BODY | BentoTypographyVariant.SUBTITLE>;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, 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<{
     isImageTitle: {
         type: BooleanConstructor;
         default: boolean;

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/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.vue.d.ts

@@ -37,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modifiers: {
         type: ArrayConstructor;
         default: any;
@@ -97,6 +101,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modifiers: {
         type: ArrayConstructor;
         default: any;
@@ -119,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     arrow: any;
     matchWidth: boolean;
     fixedPositioning: boolean;
+    disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
     ariaRole: PopperContainerAriaRole;
 }>;

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

@@ -15,9 +15,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, {}, {}, {
-    onInput(event: Event): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    onInput: (event: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], 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 './components/tooltip-container.vue';
-export { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';
+export { Tooltip } from './tooltip.vue';

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

@@ -1,39 +1,73 @@
 import { PropType } from 'vue';
+import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
-    component: {
-        type: (ObjectConstructor | StringConstructor)[];
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        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: {
+        type: NumberConstructor;
+        default: number;
+    };
     content: {
         type: StringConstructor;
         required: true;
     };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    id: string;
-    isShown: import("vue").Ref<boolean>;
-    target: any;
-    openTooltip: () => void;
-    closeTooltip: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    component: {
-        type: (ObjectConstructor | StringConstructor)[];
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    PopperContainerAriaRole: typeof PopperContainerAriaRole;
+    PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    tabIndex: import("vue").ComputedRef<number>;
+}, {}, {}, {}, 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("../../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: {
+        type: NumberConstructor;
+        default: number;
+    };
     content: {
         type: StringConstructor;
         required: true;
     };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    position: import("../popper-container").PopperContainerPositionBasic;
+    offset: number;
+    id: string;
+    position: import("@/components/popper-container").PopperContainerPositionBasic;
+    isShown: boolean;
 }>;
 export default _default;
+export declare class Tooltip {
+}