@adyen/bento-vue2 0.3.0 → 0.4.1

package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -74,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -109,6 +117,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
-import { BentoTypographyElement } from '../typography';
+import { BentoTypographyElement } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -56,9 +60,13 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
     filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
+    isSearching: import("vue").ComputedRef<boolean>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
     selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
+    descriptionConditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown__description--error': boolean;
+    }>;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
@@ -77,6 +85,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -116,6 +128,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;

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

@@ -0,0 +1 @@
+export { default as BentoInputFilter } from './input-filter.vue';

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     value: {
         type: PropType<string[]>;
-        required: true;
+        default: () => string[];
     };
 }, {
     BentoInputFieldType: typeof BentoInputFieldType;
@@ -36,7 +36,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     value: {
         type: PropType<string[]>;
-        required: true;
+        default: () => string[];
     };
-}>>, {}>;
+}>>, {
+    value: string[];
+}>;
 export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoSelectAvatarFilter } from './select-avatar-filter.vue';

package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<BentoSelectAvatarFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<BentoSelectAvatarFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoSelectAvatarFilterOptions;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoSelectCountryFilter } from './select-country-filter.vue';

package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import { BentoCountryVariant } from '@/components/country';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoSelectCountryFilterOptions } from '@/components/filter-bar';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<BentoSelectCountryFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    countryOptions: import("vue").ComputedRef<{
+        listboxItems: import("@/types").BentoListboxOptions;
+        multiple?: boolean;
+        isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
+        variant: BentoCountryVariant;
+    }>;
+    onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
+    BentoCountryVariant: typeof BentoCountryVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<BentoSelectCountryFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoSelectCountryFilterOptions;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoSelectCurrencyFilter } from './select-currency-filter.vue';

package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<BentoSelectCurrencyFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<BentoSelectCurrencyFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoSelectCurrencyFilterOptions;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoSelectPaymentMethodFilter } from './select-payment-method-filter.vue';

package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<BentoSelectPaymentMethodFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<BentoSelectPaymentMethodFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoSelectPaymentMethodFilterOptions;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoSelectTagFilter } from './select-tag-filter.vue';

package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { BentoCountryVariant } from '@/components/country';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoSelectTagFilterOptions } from '@/components/filter-bar';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<BentoSelectTagFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    countryOptions: import("vue").ComputedRef<{
+        listboxItems: {
+            label: string;
+            value: import("@/types").BentoListboxValue;
+            data: import("../../../../../tag").BentoTagVariant;
+        }[];
+        multiple?: boolean;
+        isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
+    }>;
+    onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
+    BentoCountryVariant: typeof BentoCountryVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<BentoSelectTagFilterOptions>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoSelectTagFilterOptions;
+}>;
+export default _default;

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

@@ -1,19 +1,46 @@
-import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '../../types';
+import { BentoAvatarListboxOptions } from '@/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue, OmitStrict } from '@/types';
+import { BentoCountryListboxOptions } from '@/components/dropdown/components/variants/dropdown-country/dropdown-country.types';
+import { BentoTagListboxOptions } from '@/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types';
+import { BentoCountryVariant } from '@/components/country';
+import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types';
+import { BentoPaymentMethodListboxOptions } from '@/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types';
 export interface BentoSelectFilterOptions {
     listboxItems: BentoListboxOptions;
     multiple?: boolean;
     isOptionDisabled?: BentoListboxIsOptionDisabled;
 }
-export type BentoTextFilterValue = string | null;
+export type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoAvatarListboxOptions;
+};
+export type BentoSelectCountryFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoCountryListboxOptions;
+    variant: BentoCountryVariant;
+};
+export type BentoSelectCurrencyFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoCurrencyListboxOptions;
+};
+export type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoTagListboxOptions;
+};
+export type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoPaymentMethodListboxOptions;
+};
+export type BentoInputFilterValue = string | null;
 export type BentoSelectFilterValue = BentoListboxSelectedValue;
 export type BentoBooleanFilterValue = string | null;
-export type BentoFilterBarValue = BentoTextFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue;
-export type BentoFilterOptions = BentoSelectFilterOptions | undefined;
+export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue;
+export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | undefined;
 export declare enum BentoFilterItemType {
-    TEXT = "BentoTextFilter",
-    SELECT = "BentoSelectFilter",
+    INPUT = "BentoInputFilter",
     BOOLEAN = "BentoBooleanFilter",
-    RANGE = "BentoRangeFilter"
+    RANGE = "BentoRangeFilter",
+    SELECT = "BentoSelectFilter",
+    SELECT_AVATAR = "BentoSelectAvatarFilter",
+    SELECT_COUNTRY = "BentoSelectCountryFilter",
+    SELECT_CURRENCY = "BentoSelectCurrencyFilter",
+    SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter",
+    SELECT_TAG = "BentoSelectTagFilter"
 }
 export interface BentoFilterModel {
     field: string;

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

@@ -4,7 +4,7 @@ import { BentoButtonVariant } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
     searchTerm: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     value: {
         type: PropType<BentoFilterBarModel>;
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isClearAllVisible: import("vue").ComputedRef<boolean>;
+    isSearchBarEnabled: import("vue").ComputedRef<boolean>;
     searchBarAriaLabel: string;
     BentoButtonVariant: typeof BentoButtonVariant;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
@@ -21,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "search-clear" | "search-input" | "update:search-term")[], string, Readonly<import("vue").ExtractPropTypes<{
     searchTerm: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     value: {
         type: PropType<BentoFilterBarModel>;

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

@@ -1 +1,2 @@
+export * from './avatar';
 export * from './listbox';

package/dist/@types/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxValue } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    isOptionDisabled: {
+        type: PropType<BentoListboxIsOptionDisabled>;
+        default: () => false;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+    selectedItemsList: {
+        type: PropType<BentoListboxValue[]>;
+        default: () => any[];
+    };
+}, {
+    toggleCheckboxSelection: (value: BentoListboxValue) => void;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("select" | "toggle-checkbox-selection")[], string, Readonly<import("vue").ExtractPropTypes<{
+    isOptionDisabled: {
+        type: PropType<BentoListboxIsOptionDisabled>;
+        default: () => false;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+    selectedItemsList: {
+        type: PropType<BentoListboxValue[]>;
+        default: () => any[];
+    };
+}>>, {
+    isOptionDisabled: BentoListboxIsOptionDisabled;
+    selectedItemsList: BentoListboxValue[];
+}>;
+export default _default;

package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement } from '@/components/typography';
-import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from '@/types';
+import { BentoListboxIsOptionDisabled, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: {
         type: PropType<BentoListboxIsOptionDisabled>;
@@ -20,9 +20,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isAllSelected: import("vue").ComputedRef<boolean>;
+    isAllItemsIncludingDisabled: import("vue").ComputedRef<boolean>;
+    isAnOptionSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     selectedItemsList: import("vue").Ref<BentoListboxValue[]>;
     selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    selectedOptions: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     BentoTypographyElement: typeof BentoTypographyElement;
     toggleCheckboxSelection: (value: BentoListboxValue) => void;
     toggleSelectAll: (selectedValue: boolean) => void;

package/dist/@types/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { BentoListboxOptionItem } from '@/types';
-import { BentoTagVariant } from '../../../../tag';
-import { BentoTypographyElement } from '../../../../typography';
+import { BentoTagVariant } from '@/components/tag';
+import { BentoTypographyElement } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     option: {
         type: PropType<BentoListboxOptionItem>;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     variant: import("vue").ComputedRef<BentoTagVariant>;
     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<{
     option: {
         type: PropType<BentoListboxOptionItem>;
         required: true;

package/dist/@types/components/internal/listbox/listbox.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import { BentoTypographyElement } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -30,7 +31,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
+    isSearchResultEmpty: import("vue").ComputedRef<boolean>;
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
+    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;

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

@@ -6,16 +6,18 @@ export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
     variant?: BentoLinkVariant;
 }
 import { BentoLinkVariant } from './link.types';
-import type { RouterLinkProps } from 'vue-router/types/router';
+import type { RouterLinkProps, RouterLinkSlotArgument } from 'vue-router/types/router';
 import type { AnchorHTMLAttributes } from 'vue/types/jsx';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     variant: BentoLinkVariant;
-}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    click: (clickEvent: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     variant: BentoLinkVariant;
 }>>>, {
     variant: BentoLinkVariant;
 }>, {
-    default: (_: import("vue-router/types/router").RouterLinkSlotArgument) => any;
+    default: (_: RouterLinkSlotArgument) => any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/@types/components/payment-method/payment-method.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '../typography';
+import { BentoTypographyElement } from '@/components/typography';
 import { BentoPaymentMethodType } from './payment-method.types';
 declare const _default: import("vue").DefineComponent<{
     type: {

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

@@ -1,4 +1,4 @@
-import type { VueNodeElement } from '../../types';
+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.d.ts

@@ -12,7 +12,6 @@ import {
 
     // Bento
     BentoAlert,
-    BentoAvatar,
     BentoButton,
     BentoButtonActions,
     BentoButtonGroup,
@@ -62,7 +61,6 @@ declare module 'vue' {
 
         // Bento
         BentoAlert: typeof BentoAlert;
-        BentoAvatar: typeof BentoAvatar;
         BentoButton: typeof BentoButton;
         BentoButtonGroup: typeof BentoButtonGroup;
         BentoButtonActions: typeof BentoButtonActions;

package/dist/@types/composables/initials.d.ts

@@ -1,3 +1,3 @@
 import { ComputedRef } from 'vue';
-import { MaybeRef } from '../types';
+import { MaybeRef } from '@/types';
 export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,7 +1,7 @@
-import type { ComputedRef, Ref } from 'vue';
-import type { Fn } from '../../types';
-import { BentoListboxMultiSelectValue, BentoListboxOptions } from '../../types';
-export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
+import type { ComputedRef } from 'vue';
+import type { BentoListboxMultiSelectValue, Fn } from '@/types';
+import { BentoListboxOptions } from '@/types';
+export declare const useCheckboxSelectAll: (selectedItemsList: ComputedRef<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;
     toggleSelectAll: (selectedValue: boolean) => void;

package/dist/@types/composables/useDynamicImport.d.ts

@@ -1,2 +1,2 @@
-import { MaybeRef } from '../types';
+import { MaybeRef } from '@/types';
 export declare const useDynamicIconImport: (packageName: string, suffixSvgSrc: MaybeRef<string>, fallBackSrc: string) => import("vue").Ref<string>;

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

@@ -1,3 +1,3 @@
-import type { MaybeElementRef } from '../../types';
+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/useEventListener/index.d.ts

@@ -1,4 +1,4 @@
-import type { Fn, MaybeComputedRef } from '../../../types';
+import type { Fn, MaybeComputedRef } from '@/types';
 import type { Arrayable, GeneralEventListener } from './types';
 export declare function useEventListener<E extends keyof WindowEventMap>(event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
 export declare function useEventListener<E extends keyof WindowEventMap>(target: Window, event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;

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

@@ -1,4 +1,4 @@
-import type { MaybeComputedElementRef, MaybeElement } from '../../types';
+import type { MaybeComputedElementRef, MaybeElement } from '@/types';
 export declare const defaultWindow: Window & typeof globalThis;
 export declare const isIOS: boolean;
 export declare function resolveUnref<T>(r: any): T;