@adyen/bento-vue2 1.1.0 → 1.2.0

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

@@ -1,5 +1,5 @@
-import { BentoAvatarImageColor, BentoAvatarImageVariant } from '@/components/avatar-image';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from "../../avatar-image";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../typography";
 declare const _default: import("vue").DefineComponent<{
     iconOnly: {
         type: BooleanConstructor;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { BentoBaseButtonEvent } from './base-button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { Booleanish } from '@/types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../typography";
+import { Booleanish } from "../../../types";
 declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
+import { BentoButtonVariant } from "../../../../button";
 import { CalendarMonthDayVariant } from './components/calendar-month-day';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../../typography";
 import { CalendarMonthEvent, CalendarMonthFirstDayOfWeek, CalendarMonthIsDateDisabled, CalendarMonthPosition } from './calendar-month.types';
 declare const _default: import("vue").DefineComponent<{
     endDate: {

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoDateFormat } from '@/components/date';
+import { BentoDateFormat } from "../../../../../../date";
 import { CalendarMonthDayEvent, CalendarMonthDayVariant } from './calendar-month-day.types';
 declare const _default: import("vue").DefineComponent<{
     day: {

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoTypographyElement } from '@/components/typography';
+import { BentoTypographyElement } from "../../typography";
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { PopperContainerPosition } from '@/components/popper-container';
+import { BentoButtonVariant } from "../../button";
+import { PopperContainerPosition } from "../../popper-container";
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     tooltipPosition: {
         type: PropType<PopperContainerPosition>;
-        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        default: import("../../popper-container").PopperContainerPositionBasic;
     };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     tooltipPosition: {
         type: PropType<PopperContainerPosition>;
-        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        default: import("../../popper-container").PopperContainerPositionBasic;
     };
 }>>, {
     tooltipPosition: PopperContainerPosition;

package/dist/@types/packages/vue2/src/components/internal/footer-actions/footer-actions.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoButtonActionsList } from '@/components/button';
+import { BentoButtonActionsList } from "../../button";
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoListboxOptionItem, BentoListboxValue } from '@/types';
+import { BentoTypographyElement } from "../../../../../../../../typography";
+import { BentoListboxOptionItem, BentoListboxValue } from "../../../../../../../../../types";
 import { ListboxMultiSelectCategoryEvent } from './listbox-multi-select-category.types';
 declare const _default: import("vue").DefineComponent<{
     category: {

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from '@/types';
+import { BentoTypographyElement } from "../../../../../../typography";
+import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
 import { ListboxMultiSelectOptionsEvent } from './listbox-multi-select-options.types';
 declare const _default: import("vue").DefineComponent<{
     categoryItems: {

package/dist/@types/packages/vue2/src/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 { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from '@/types';
+import { BentoTypographyElement } from "../../../../typography";
+import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: {
         type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent } from '@/types';
+import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;

package/dist/@types/packages/vue2/src/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 '@/components/tag';
-import { BentoTypographyElement } from '@/components/typography';
+import type { BentoListboxOptionItem } from "../../../../../types";
+import { BentoTagVariant } from "../../../../tag";
+import { BentoTypographyElement } from "../../../../typography";
 declare const _default: import("vue").DefineComponent<{
     option: {
         type: PropType<BentoListboxOptionItem>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: {
-        type: PropType<(optionValue: import("@/types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: () => false;
     };
     items: {
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], string, Readonly<import("vue").ExtractPropTypes<{
     isOptionDisabled: {
-        type: PropType<(optionValue: import("@/types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean>;
         default: () => false;
     };
     items: {
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    isOptionDisabled: (optionValue: import("@/types").BentoListboxOptionItem) => boolean;
+    isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoListboxEvent, BentoListboxOptionItem } from '@/types';
+import { BentoTypographyElement } from "../../../../typography";
+import { BentoListboxEvent, BentoListboxOptionItem } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoButtonVariant, BentoLoadingButtonState } from '@/components/button';
+import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSelectedValue } from "../../../types";
+import { BentoTypographyElement } from "../../typography";
+import { BentoButtonVariant, BentoLoadingButtonState } from "../../button";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("@/types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -28,8 +28,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<BentoListboxLazyLoadType>;
+        type: PropType<"button" | "none" | BentoListboxLazyLoadType | "automatic">;
         default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
     };
     multiple: {
         type: BooleanConstructor;
@@ -87,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("@/types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -99,8 +100,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<BentoListboxLazyLoadType>;
+        type: PropType<"button" | "none" | BentoListboxLazyLoadType | "automatic">;
         default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
     };
     multiple: {
         type: BooleanConstructor;
@@ -121,11 +123,11 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     loading: boolean;
-    isOptionDisabled: (optionValue: import("@/types").BentoListboxOptionItem) => boolean;
+    isOptionDisabled: (optionValue: import("../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     searching: boolean;
     hasMoreItems: boolean;
-    lazyLoadType: BentoListboxLazyLoadType;
+    lazyLoadType: "button" | "none" | BentoListboxLazyLoadType | "automatic";
     multiple: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/link/index.d.ts

@@ -1,2 +1,2 @@
 export { default as BentoLink } from './link.vue';
-export * from '@/core/components/link/link.types';
+export * from "../../../../core/src/components/link/link.types";

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

@@ -3,10 +3,10 @@ export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
         props: RouterLinkProps;
     };
     external?: boolean;
-    variant?: BentoLinkVariant;
+    variant?: BentoLinkVariant | `${BentoLinkVariant}`;
     disableTypography?: boolean;
 }
-import { BentoLinkVariant } from '@/core/components/link/link.types';
+import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
 import type { RouterLinkProps } 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>, {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     variant: BentoLinkVariant;
 }>>>, {
-    variant: BentoLinkVariant;
+    variant: "default" | BentoLinkVariant | "quiet";
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.types.d.ts

@@ -1,4 +1,4 @@
-import type { VueNodeElement } from '@/types';
+import type { VueNodeElement } from "../../../../types";
 export interface BentoMenuItem {
     text: string;
     handler: () => void;

package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import type { VueNodeElement } from '@/types';
-import { BentoBaseButtonEvent } from '@/components/internal/base-button';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import type { VueNodeElement } from "../../../../types";
+import { BentoBaseButtonEvent } from "../../../internal/base-button";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoPopoverPositions } from '@/components/popover';
+import { BentoButtonVariant } from "../button";
+import { BentoPopoverPositions } from "../popover";
 import { BentoMenuItem } from './components';
 import { BentoMenuButtonProps, BentoMenuEvent } from './menu.types';
 declare const _default: import("vue").DefineComponent<{
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     menuPosition: {
-        type: PropType<import("../popper-container").PopperContainerPosition>;
+        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" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     menuPosition: {
-        type: PropType<import("../popper-container").PopperContainerPosition>;
+        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" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
     button: {
         variant: BentoButtonVariant;
     };
-    menuPosition: import("../popper-container").PopperContainerPosition;
+    menuPosition: "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" | import("../popper-container").PopperContainerPosition;
     menuFixedPositioning: boolean;
     menuWidth: number;
 }>;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from "../../../modal.types";
+import { BentoButtonVariant } from "../../../../../../../core/src/components/button/button.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../../typography";
 declare const _default: import("vue").DefineComponent<{
     modalRole: {
         type: StringConstructor;

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

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { GridLayoutContainerType } from '@/internal';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from "../../modal.types";
+import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { GridLayoutContainerType } from "../../../internal";
 declare const _default: import("vue").DefineComponent<{
     modalRole: {
         type: StringConstructor;

package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
-import { BentoButtonActionsList } from '@/components/button';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from "../../modal.types";
+import { BentoButtonActionsList } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
         type: BooleanConstructor;

package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoModalDialogType, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
-import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
+import { BentoModalDialogType, BentoModalEvent, BentoModalRole, BentoModalSize } from "../../modal.types";
+import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
         type: BooleanConstructor;
@@ -47,11 +47,11 @@ declare const _default: import("vue").DefineComponent<{
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoModalDialogType: typeof BentoModalDialogType;
     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, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     isOpen: {

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

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
-import { BentoButtonActionsList } from '@/components/button';
+import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from "./modal.types";
+import { BentoButtonActionsList } from "../button";
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<BentoModalVariant>;
+        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
         default: BentoModalVariant;
+        validator: (value: BentoModalVariant) => boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
@@ -27,8 +28,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<BentoModalSize>;
+        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         default: BentoModalSize;
+        validator: (value: BentoModalSize) => boolean;
     };
     customPadding: {
         type: StringConstructor;
@@ -39,8 +41,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
+        type: PropType<"smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant>;
         default: BentoModalColumnLayoutVariant;
+        validator: (value: BentoModalColumnLayoutVariant) => boolean;
     };
     actionsLabel: {
         type: StringConstructor;
@@ -51,8 +54,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     dialogType: {
-        type: PropType<BentoModalDialogType>;
+        type: PropType<"info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType>;
         default: BentoModalDialogType;
+        validator: (value: BentoModalDialogType) => boolean;
     };
     content: {
         type: StringConstructor;
@@ -62,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     onCloseModal: () => void;
     customProps: import("vue").ComputedRef<{
         hideCloseButton: boolean;
-        size: BentoModalSize;
+        size: "small" | "medium" | "large" | BentoModalSize;
         customPadding: string;
         actionsLabel: string;
         destructiveActions: boolean;
@@ -72,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         dialogType?: undefined;
         content?: undefined;
     } | {
-        dialogType: BentoModalDialogType;
+        dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;
         content: string;
         isDismissible: boolean;
         overflowVisible: boolean;
@@ -86,8 +90,9 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<BentoModalVariant>;
+        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
         default: BentoModalVariant;
+        validator: (value: BentoModalVariant) => boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
@@ -110,8 +115,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<BentoModalSize>;
+        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         default: BentoModalSize;
+        validator: (value: BentoModalSize) => boolean;
     };
     customPadding: {
         type: StringConstructor;
@@ -122,8 +128,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
+        type: PropType<"smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant>;
         default: BentoModalColumnLayoutVariant;
+        validator: (value: BentoModalColumnLayoutVariant) => boolean;
     };
     actionsLabel: {
         type: StringConstructor;
@@ -134,8 +141,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     dialogType: {
-        type: PropType<BentoModalDialogType>;
+        type: PropType<"info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType>;
         default: BentoModalDialogType;
+        validator: (value: BentoModalDialogType) => boolean;
     };
     content: {
         type: StringConstructor;
@@ -143,18 +151,18 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     content: string;
-    variant: BentoModalVariant;
-    size: BentoModalSize;
+    variant: "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
+    size: "small" | "medium" | "large" | BentoModalSize;
     isOpen: boolean;
     actions: BentoButtonActionsList;
     isDismissible: boolean;
     hideCloseButton: boolean;
     customPadding: string;
     withColumnLayout: boolean;
-    columnsSize: BentoModalColumnLayoutVariant;
+    columnsSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
     overflowVisible: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
-    dialogType: BentoModalDialogType;
+    dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts

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

package/dist/@types/packages/vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoButtonVariant } from '@/components/button';
+import { BentoButtonVariant } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     hasNext: {
         type: BooleanConstructor;

package/dist/@types/packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoTypographyElement } from '@/components/typography';
+import { BentoTypographyElement } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     itemsPerPage: {
         type: NumberConstructor;

package/dist/@types/packages/vue2/src/components/payment-method/composables/usePaymentIcon.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
 import { BentoPaymentMethodType } from '../payment-method.types';
-export declare const usePaymentIcon: (type: Ref<BentoPaymentMethodType>, useFallback?: boolean) => Ref<string>;
+export declare const usePaymentIcon: (type: Ref<BentoPaymentMethodType | `${BentoPaymentMethodType}`>, useFallback?: boolean) => Ref<string>;