@adyen/bento-vue3 0.9.3

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

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import { BentoPaymentMethodType } from './payment-method.types';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<BentoPaymentMethodType>;
+        default: BentoPaymentMethodType;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    paymentMethodIconSrc: import("vue").Ref<string>;
+    conditionalIconClasses: import("vue").ComputedRef<{
+        'b-payment-method__icon--small': boolean;
+    }>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<BentoPaymentMethodType>;
+        default: BentoPaymentMethodType;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    small: boolean;
+    type: BentoPaymentMethodType;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { default as BentoPopoverImage } from './popover-image.vue';

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default as BentoPopover } from './popover.vue';
+export * from './popover.types';

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

@@ -0,0 +1,19 @@
+import { PopperContainerPosition } from '../popper-container';
+export declare const BentoPopoverPositions: {
+    AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
+};
+export type BentoPopoverPositions = PopperContainerPosition;

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

@@ -0,0 +1,170 @@
+import { PropType } from 'vue';
+import { PopperContainerAriaRole } from '@/components/popper-container';
+import { BentoPopoverPositions } from './popover.types';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../..").VueNodeElement>;
+        required: true;
+    };
+    withoutSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-popover--small': boolean;
+        'b-popover--with-divider': boolean;
+        'b-popover--large': boolean;
+        'b-popover--fit-content': boolean;
+        'b-popover--without-space': boolean;
+    }>;
+    contentConditionalClasses: import("vue").ComputedRef<{
+        'b-popover__content--with-title': boolean;
+    }>;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    PopperContainerAriaRole: typeof PopperContainerAriaRole;
+    dismissPopover: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../..").VueNodeElement>;
+        required: true;
+    };
+    withoutSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    small: boolean;
+    title: string;
+    large: boolean;
+    ariaLabel: string;
+    modifiers: unknown[];
+    position: import("@/components/popper-container").PopperContainerPosition;
+    fixedPositioning: boolean;
+    open: boolean;
+    actions: BentoButtonActionsList;
+    actionsLayout: BentoButtonActionsLayout;
+    divider: boolean;
+    disableFocusTrap: boolean;
+    dismissible: boolean;
+    fitContent: boolean;
+    withoutSpace: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as PopperContainer } from './popper-container.vue';
+export * from './popper-container.types';

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

@@ -0,0 +1,54 @@
+import type { Modifier, StrictModifiers } from '@popperjs/core';
+type ArrowModifier = Modifier<'arrow', unknown>;
+type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
+type SameWidthModifier = Modifier<'sameWidth', unknown>;
+type TrackPositionModifer = Modifier<'trackPosition', unknown>;
+type FlipModifer = Modifier<'flip', unknown>;
+export type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
+export interface PopperContainerArrowProp {
+    classes?: string[];
+    padding?: string;
+}
+export declare enum PopperContainerPositionBasic {
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}
+export declare enum PopperContainerPositionExtended {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+export declare enum PopperContainerAriaRole {
+    TOOLTIP = "tooltip",
+    POPOVER = "dialog"
+}
+export declare const PopperContainerPosition: {
+    AUTO: PopperContainerPositionExtended.AUTO;
+    AUTO_START: PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: PopperContainerPositionExtended.AUTO_END;
+    TOP_START: PopperContainerPositionExtended.TOP_START;
+    TOP_END: PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: PopperContainerPositionExtended.LEFT_END;
+    TOP: PopperContainerPositionBasic.TOP;
+    RIGHT: PopperContainerPositionBasic.RIGHT;
+    BOTTOM: PopperContainerPositionBasic.BOTTOM;
+    LEFT: PopperContainerPositionBasic.LEFT;
+};
+export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
+export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
+export {};

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

@@ -0,0 +1,23 @@
+import type { VueNodeElement } from '@/types';
+import { ExtendedModifiers, FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
+export declare const getArrowModifier: (arrow: VueNodeElement, arrowProps: PopperContainerArrowProp) => {
+    name: string;
+    options: {
+        element: VueNodeElement;
+        padding: string | number;
+    };
+};
+export declare const getOffsetModifier: (arrowProps: PopperContainerArrowProp, offset: number[]) => {
+    name: string;
+    options: {
+        offset: number[];
+    };
+};
+export declare const getFlipModifier: (fallbackPosition: FallbackPositionProp) => {
+    name: string;
+    options: {
+        fallbackPlacements: import("./popper-container.types").PopperContainerPosition[];
+    };
+};
+export declare const arrowDataHideAttributeModifier: ExtendedModifiers;
+export declare const sameWidthModifier: ExtendedModifiers;

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

@@ -0,0 +1,134 @@
+import type { PositioningStrategy } from '@popperjs/core';
+import { PropType } from 'vue';
+import { ExtendedModifiers, FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
+import type { VueNodeElement } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
+        validator: (value: unknown) => boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: PropType<boolean | PopperContainerArrowProp>;
+        default: any;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+        validator: (value: number[]) => boolean;
+    };
+    matchWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    fallbackPosition: {
+        type: PropType<FallbackPositionProp>;
+        default: any;
+    };
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}, {}, {
+    popper: any;
+    emittedPosition: any;
+}, {
+    strategy(): PositioningStrategy;
+    allModifiers(): ExtendedModifiers[];
+    arrowClasses(): string[];
+}, {
+    initPopper(): void;
+    destroyPopper(): void;
+    updatePopperOptions(options: any): void;
+    updateModifiers(): void;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
+        validator: (value: unknown) => boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: PropType<boolean | PopperContainerArrowProp>;
+        default: any;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+        validator: (value: number[]) => boolean;
+    };
+    matchWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    fallbackPosition: {
+        type: PropType<FallbackPositionProp>;
+        default: any;
+    };
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}>>, {
+    id: string;
+    ariaLabel: string;
+    modifiers: unknown[];
+    arrow: any;
+    offset: number[];
+    position: PopperContainerPosition;
+    matchWidth: boolean;
+    fixedPositioning: boolean;
+    disabledFocusTrap: boolean;
+    fallbackPosition: FallbackPositionProp;
+    ariaRole: PopperContainerAriaRole;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+export declare enum BentoRadioButtonStateClass {
+    DISABLED = "disabled",
+    ERROR = "error"
+}

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

@@ -0,0 +1,58 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { ComputedRef } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}, {
+    ariaLabel: ComputedRef<string>;
+    ariaInvalid: ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
+    isChecked: ComputedRef<boolean>;
+    defaultSlotValue: boolean;
+    descriptionSlotValue: boolean;
+    conditionalClassContainer: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    conditionalClassInput: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    radioButtonId: string;
+    onClick: () => void;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}>>, {
+    disabled: boolean;
+    modelValue: string | number;
+    hasError: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoRadioGroup } from './radio-group.vue';
+export { BentoRadioGroupVariant } from './radio-group.types';

package/dist/@types/components/radio-group/radio-group.types.d.ts

@@ -0,0 +1,12 @@
+export declare enum BentoRadioGroupVariant {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export interface BentoRadioGroupItem {
+    value: string | number;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    hasError?: boolean;
+}
+export type BentoRadioGroupItems = Array<BentoRadioGroupItem>;

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

@@ -0,0 +1,76 @@
+import { PropType } from 'vue';
+import { BentoRadioGroupItems, BentoRadioGroupVariant } from './radio-group.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoRadioGroupItems>;
+        required: true;
+    };
+    variant: {
+        type: PropType<BentoRadioGroupVariant>;
+        default: BentoRadioGroupVariant;
+        validator: (value: BentoRadioGroupVariant) => boolean;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-radio-group--horizontal': boolean;
+    }>;
+    inputValue: import("vue").Ref<string | number>;
+    onInput: (value: any) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoRadioGroupItems>;
+        required: true;
+    };
+    variant: {
+        type: PropType<BentoRadioGroupVariant>;
+        default: BentoRadioGroupVariant;
+        validator: (value: BentoRadioGroupVariant) => boolean;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}>>, {
+    variant: BentoRadioGroupVariant;
+    disabled: boolean;
+    hasError: boolean;
+    formId: string;
+    selectedValue: string | number;
+}>;
+export default _default;