@adyen/bento-vue2 1.1.0 → 1.2.0

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { BentoModalEvent, BentoModalSize } from '@/components/modal';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoFilterBarModel, BentoFilterItemType, BentoFilterModel } from '@/components/filter-bar';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoModalEvent, BentoModalSize } from "../../../modal";
+import { BentoButtonVariant } from "../../../button";
+import { BentoFilterBarModel, BentoFilterItemType, BentoFilterModel } from "../..";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { AllFiltersModalEvent } from './all-filters-modal.types';
 declare const _default: import("vue").DefineComponent<{
     value: {
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple?: boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple?: boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -131,7 +131,7 @@ declare const _default: import("vue").DefineComponent<{
                 value: import("../../../country").BentoCountryCode;
                 label?: string;
             }[];
-            variant?: import("../../../country").BentoCountryVariant;
+            variant?: "name" | "iso" | "phone_code" | "capital" | "custom" | import("../../../country").BentoCountryVariant;
         } | {
             search?: {
                 debounceTime?: number;
@@ -148,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple?: boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -181,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple?: boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<{
             multiple?: boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -232,12 +232,12 @@ declare const _default: import("vue").DefineComponent<{
                 value: import("../../../payment-method").BentoPaymentMethodType;
             }[];
         } | {
-            firstDayOfWeek?: import("@/components/date-range-picker").BentoDateRangePickerFirstDayOfWeek;
-            isDateDisabled?: import("@/components/date-range-picker").BentoDateRangePickerIsDateDisabled;
+            firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
+            isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
         } | {
             allowTimeInput?: boolean;
-            firstDayOfWeek?: import("@/components/date-range-picker").BentoDateRangePickerFirstDayOfWeek;
-            isDateDisabled?: import("@/components/date-range-picker").BentoDateRangePickerIsDateDisabled;
+            firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
+            isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
             maxRange?: number;
             numberOfMonths?: number;
             quickSelectRanges?: boolean | {
@@ -788,7 +788,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -813,7 +813,7 @@ declare const _default: import("vue").DefineComponent<{
                 multiple?: boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -846,7 +846,7 @@ declare const _default: import("vue").DefineComponent<{
                 multiple?: boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -863,7 +863,7 @@ declare const _default: import("vue").DefineComponent<{
                     value: import("../../../country").BentoCountryCode;
                     label?: string;
                 }[];
-                variant?: import("../../../country").BentoCountryVariant;
+                variant?: "name" | "iso" | "phone_code" | "capital" | "custom" | import("../../../country").BentoCountryVariant;
             } | {
                 search?: {
                     debounceTime?: number;
@@ -880,7 +880,7 @@ declare const _default: import("vue").DefineComponent<{
                 multiple?: boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -913,7 +913,7 @@ declare const _default: import("vue").DefineComponent<{
                 multiple?: boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -946,7 +946,7 @@ declare const _default: import("vue").DefineComponent<{
                 multiple?: boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -964,12 +964,12 @@ declare const _default: import("vue").DefineComponent<{
                     value: import("../../../payment-method").BentoPaymentMethodType;
                 }[];
             } | {
-                firstDayOfWeek?: import("@/components/date-range-picker").BentoDateRangePickerFirstDayOfWeek;
-                isDateDisabled?: import("@/components/date-range-picker").BentoDateRangePickerIsDateDisabled;
+                firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
+                isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
             } | {
                 allowTimeInput?: boolean;
-                firstDayOfWeek?: import("@/components/date-range-picker").BentoDateRangePickerFirstDayOfWeek;
-                isDateDisabled?: import("@/components/date-range-picker").BentoDateRangePickerIsDateDisabled;
+                firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
+                isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
                 maxRange?: number;
                 numberOfMonths?: number;
                 quickSelectRanges?: boolean | {

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoFilterBarValue } from '@/components/filter-bar/filter-bar.types';
+import { BentoButtonVariant } from "../../../button";
+import { BentoFilterBarValue } from "../../filter-bar.types";
 import { BaseFilterEvent } from './base-filter.types';
 declare const _default: import("vue").DefineComponent<{
     appliedFiltersCount: {
@@ -83,11 +83,11 @@ declare const _default: import("vue").DefineComponent<{
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoButtonActionsLayout: {
-        BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
-        BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
-        FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
-        SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
-        VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+        BUTTONS_START: import("../../../button").BentoButtonActionsLayoutExtended.BUTTONS_START;
+        BUTTONS_END: import("../../../button").BentoButtonActionsLayoutBasic.BUTTONS_END;
+        FILL_CONTAINER: import("../../../button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+        SPACE_BETWEEN: import("../../../button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+        VERTICAL_STACK: import("../../../button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
     };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     appliedFiltersCount: {

package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts

@@ -1,5 +1,5 @@
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { BentoBaseButtonEvent } from '@/components/internal/base-button';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoBaseButtonEvent } from "../../../internal/base-button";
 declare const _default: import("vue").DefineComponent<{
     amountAppliedValues: {
         type: NumberConstructor;

package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
 import { BentoDateRangeFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
-import { BentoDateRangePickerValue } from '@/components/date-range-picker';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { BentoButtonActionsList } from '@/components/button/components/button-actions';
-import { DateRangePickerCalendarFormData } from '@/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types';
+import { BentoDateRangePickerValue } from "../../../date-range-picker";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoButtonActionsList } from "../../../button/components/button-actions";
+import { DateRangePickerCalendarFormData } from "../../../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types";
 declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: PropType<BentoDateRangePickerValue>;
@@ -176,11 +176,11 @@ declare const _default: import("vue").DefineComponent<{
     isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     buttonLabel: import("vue").ComputedRef<string>;
     BentoButtonActionsLayout: {
-        BUTTONS_START: import("@/components/button/components/button-actions").BentoButtonActionsLayoutExtended.BUTTONS_START;
-        BUTTONS_END: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.BUTTONS_END;
-        FILL_CONTAINER: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
-        SPACE_BETWEEN: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
-        VERTICAL_STACK: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+        BUTTONS_START: import("../../../button/components/button-actions").BentoButtonActionsLayoutExtended.BUTTONS_START;
+        BUTTONS_END: import("../../../button/components/button-actions").BentoButtonActionsLayoutBasic.BUTTONS_END;
+        FILL_CONTAINER: import("../../../button/components/button-actions").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+        SPACE_BETWEEN: import("../../../button/components/button-actions").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+        VERTICAL_STACK: import("../../../button/components/button-actions").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
     };
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoFilterEvent } from '../../filter-bar.types';
-import { BentoInputFieldType } from '@/components/input-field';
+import { BentoInputFieldType } from "../../../input-field";
 declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: PropType<string[]>;

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '@/types';
+import { BentoListboxSelectedValue } from "../../../../types";
 import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.types';
 declare const _default: import("vue").DefineComponent<{
     defaultValue: {
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     appliedFiltersCount: import("vue").ComputedRef<number>;
     filteredItems: import("vue").ComputedRef<any>;
-    internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
+    internalFilterValue: import("vue").Ref<import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[]>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
     isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     listboxFilterId: import("vue").ComputedRef<string>;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoFilterEvent, BentoSelectAvatarFilterOptions } from '@/components/filter-bar';
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoFilterEvent, BentoSelectAvatarFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: PropType<BentoSelectAvatarFilterOptions>;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoCountryVariant } from '@/components/country';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoFilterEvent, BentoSelectCountryFilterOptions } from '@/components/filter-bar';
+import { BentoCountryVariant } from "../../../../../country";
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoFilterEvent, BentoSelectCountryFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: PropType<BentoSelectCountryFilterOptions>;
@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     countryOptions: import("vue").ComputedRef<{
-        listboxItems: import("@/types").BentoListboxOptions;
-        search?: import("@/types").BentoListboxSearchOptions;
+        listboxItems: import("../../../../../../types").BentoListboxOptions;
+        search?: import("../../../../../../types").BentoListboxSearchOptions;
         messages?: {
             [key: string]: {
                 [key: string]: string;
@@ -38,15 +38,15 @@ declare const _default: import("vue").DefineComponent<{
                 persistentButtonLabelAllSelected: string;
             };
         };
-        isOptionDisabled?: (optionValue: import("@/types").BentoListboxOptionItem) => boolean;
+        isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
         multiple?: boolean;
         lazy?: {
             hasMoreItems: boolean;
-            lazyLoadType: import("@/types").BentoListboxLazyLoadType;
+            lazyLoadType: "button" | "none" | import("../../../../../../types").BentoListboxLazyLoadType | "automatic";
             loading: boolean;
             showMoreEvent?: () => void;
         };
-        variant?: BentoCountryVariant;
+        variant?: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
     }>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
     BentoCountryVariant: typeof BentoCountryVariant;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoFilterEvent, BentoSelectCurrencyFilterOptions } from '@/components/filter-bar';
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoFilterEvent, BentoSelectCurrencyFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: PropType<BentoSelectCurrencyFilterOptions>;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoFilterEvent, BentoSelectPaymentMethodFilterOptions } from '@/components/filter-bar';
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoFilterEvent, BentoSelectPaymentMethodFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: PropType<BentoSelectPaymentMethodFilterOptions>;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoCountryVariant } from '@/components/country';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoFilterEvent, BentoSelectTagFilterOptions } from '@/components/filter-bar';
+import { BentoCountryVariant } from "../../../../../country";
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoFilterEvent, BentoSelectTagFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: PropType<BentoSelectTagFilterOptions>;
@@ -31,10 +31,10 @@ declare const _default: import("vue").DefineComponent<{
     countryOptions: import("vue").ComputedRef<{
         listboxItems: {
             label: string;
-            value: import("@/types").BentoListboxValue;
+            value: import("../../../../../../types").BentoListboxValue;
             data: import("../../../../../tag").BentoTagVariant;
         }[];
-        search?: import("@/types").BentoListboxSearchOptions;
+        search?: import("../../../../../../types").BentoListboxSearchOptions;
         messages?: {
             [key: string]: {
                 [key: string]: string;
@@ -42,11 +42,11 @@ declare const _default: import("vue").DefineComponent<{
                 persistentButtonLabelAllSelected: string;
             };
         };
-        isOptionDisabled?: (optionValue: import("@/types").BentoListboxOptionItem) => boolean;
+        isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
         multiple?: boolean;
         lazy?: {
             hasMoreItems: boolean;
-            lazyLoadType: import("@/types").BentoListboxLazyLoadType;
+            lazyLoadType: "button" | "none" | import("../../../../../../types").BentoListboxLazyLoadType | "automatic";
             loading: boolean;
             showMoreEvent?: () => void;
         };

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

@@ -1,12 +1,12 @@
-import { BentoAvatarListboxOptions } from '@/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types';
-import { BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, 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';
+import { BentoAvatarListboxOptions } from "../dropdown/components/variants/dropdown-avatar/dropdown-avatar.types";
+import { BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, BentoListboxSelectedValue, OmitStrict } from "../../types";
+import { BentoCountryListboxOptions } from "../dropdown/components/variants/dropdown-country/dropdown-country.types";
+import { BentoTagListboxOptions } from "../dropdown/components/variants/dropdown-tag/dropdown-tag.types";
+import { BentoCountryVariant } from "../country";
+import { BentoCurrencyListboxOptions } from "../dropdown/components/variants/dropdown-currency/dropdown-currency.types";
+import { BentoPaymentMethodListboxOptions } from "../dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types";
 import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled } from '../date-picker/date-picker.types';
-import { BentoDateRangePickerValue } from '@/components/date-range-picker';
+import { BentoDateRangePickerValue } from "../date-range-picker";
 import { DateRangePickerCalendarRangeSelectorItems } from '../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types';
 export interface BentoSelectFilterOptions {
     listboxItems: BentoListboxOptions;
@@ -20,7 +20,7 @@ export interface BentoSelectFilterOptions {
     };
     lazy?: {
         hasMoreItems: boolean;
-        lazyLoadType: BentoListboxLazyLoadType;
+        lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
         loading: boolean;
         showMoreEvent?: () => void;
     };
@@ -32,7 +32,7 @@ export type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions
 };
 export type BentoSelectCountryFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoCountryListboxOptions;
-    variant?: BentoCountryVariant;
+    variant?: BentoCountryVariant | `${BentoCountryVariant}`;
 };
 export type BentoSelectCurrencyFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoCurrencyListboxOptions;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoSearchBarEvent } from '@/components/search-bar';
+import { BentoButtonVariant } from "../button";
+import { BentoSearchBarEvent } from "../search-bar";
 declare const _default: import("vue").DefineComponent<{
     searchTerm: {
         type: StringConstructor;

package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts

@@ -1,10 +1,10 @@
 import { PropType } from 'vue';
-import { BentoButtonActionsList } from '@/components/button';
+import { BentoButtonActionsList } from "../button";
 import { BentoHeaderVariant } from './header.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<BentoHeaderVariant>;
+        type: PropType<"component" | "page" | BentoHeaderVariant>;
         default: BentoHeaderVariant;
         validator: (value: BentoHeaderVariant) => boolean;
     };
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<BentoHeaderVariant>;
+        type: PropType<"component" | "page" | BentoHeaderVariant>;
         default: BentoHeaderVariant;
         validator: (value: BentoHeaderVariant) => boolean;
     };
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    variant: BentoHeaderVariant;
+    variant: "component" | "page" | BentoHeaderVariant;
     actions: BentoButtonActionsList;
     lastUpdated: number | Date;
     infoIconTooltipText: string;

package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts

@@ -1,13 +1,14 @@
 import { PropType } from 'vue';
-import { PopperContainerPosition } from '@/components/popper-container';
+import { PopperContainerPosition } from "../popper-container";
 declare const _default: import("vue").DefineComponent<{
     tooltipText: {
         type: StringConstructor;
         required: true;
     };
     tooltipPosition: {
-        type: PropType<PopperContainerPosition>;
-        default: import("@/components/popper-container").PopperContainerPositionExtended;
+        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: PopperContainerPosition) => boolean;
     };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     tooltipText: {
@@ -15,10 +16,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tooltipPosition: {
-        type: PropType<PopperContainerPosition>;
-        default: import("@/components/popper-container").PopperContainerPositionExtended;
+        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: PopperContainerPosition) => boolean;
     };
 }>>, {
-    tooltipPosition: PopperContainerPosition;
+    tooltipPosition: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/input-field/input-field.types.d.ts

@@ -1,4 +1,4 @@
-import { BentoDropdown } from '@/components/dropdown/';
+import { BentoDropdown } from "../dropdown";
 export declare enum BentoInputFieldVariant {
     DEFAULT = "default",
     PAYMENT_METHOD = "payment-method",

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

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
 import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldValue, BentoInputFieldVariant } from './input-field.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoDropdownSize } from '../dropdown/dropdown.types';
-import { BentoListboxSelectedValue } from '@/types';
+import { BentoListboxSelectedValue } from "../../types";
 declare const _default: import("vue").DefineComponent<{
     ariaHidden: {
         type: BooleanConstructor;
@@ -21,8 +21,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     dropdownPosition: {
-        type: PropType<BentoInputFieldElementPosition>;
+        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
+        validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     error: {
         type: BooleanConstructor;
@@ -53,20 +54,23 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     staticValuePosition: {
-        type: PropType<BentoInputFieldElementPosition>;
+        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
+        validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     type: {
-        type: PropType<BentoInputFieldType>;
+        type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
         default: BentoInputFieldType;
+        validator: (value: BentoInputFieldType) => boolean;
     };
     value: {
         type: PropType<BentoInputFieldValue>;
         default: any;
     };
     variant: {
-        type: PropType<BentoInputFieldVariant>;
+        type: PropType<"default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant>;
         default: BentoInputFieldVariant;
+        validator: (value: BentoInputFieldVariant) => boolean;
     };
 }, {
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -74,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoInputFieldVariant: typeof BentoInputFieldVariant;
     BentoDropdownSize: typeof BentoDropdownSize;
     BentoInputFieldEvent: typeof BentoInputFieldEvent;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("@/utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
@@ -121,8 +125,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     dropdownPosition: {
-        type: PropType<BentoInputFieldElementPosition>;
+        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
+        validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     error: {
         type: BooleanConstructor;
@@ -153,27 +158,30 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     staticValuePosition: {
-        type: PropType<BentoInputFieldElementPosition>;
+        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
+        validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     type: {
-        type: PropType<BentoInputFieldType>;
+        type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
         default: BentoInputFieldType;
+        validator: (value: BentoInputFieldType) => boolean;
     };
     value: {
         type: PropType<BentoInputFieldValue>;
         default: any;
     };
     variant: {
-        type: PropType<BentoInputFieldVariant>;
+        type: PropType<"default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant>;
         default: BentoInputFieldVariant;
+        validator: (value: BentoInputFieldVariant) => boolean;
     };
 }>>, {
     error: boolean;
     value: BentoInputFieldValue;
-    type: BentoInputFieldType;
+    type: "number" | "search" | "text" | BentoInputFieldType;
     disabled: boolean;
-    variant: BentoInputFieldVariant;
+    variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     required: boolean;
     ariaLabel: string;
     placeholder: string;
@@ -182,8 +190,8 @@ declare const _default: import("vue").DefineComponent<{
     optional: boolean;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
-    dropdownPosition: BentoInputFieldElementPosition;
+    dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
     staticValue: string;
-    staticValuePosition: BentoInputFieldElementPosition;
+    staticValuePosition: "start" | "end" | BentoInputFieldElementPosition;
 }>;
 export default _default;