@adyen/bento-vue3 0.9.3

package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts

@@ -0,0 +1,118 @@
+import { PropType } from 'vue';
+import { Booleanish } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    value: string;
+    disabled: boolean;
+    ariaLabel: string;
+    open: boolean;
+    additionalItemsSelected: number;
+    ariaLabelledby: string;
+    debounceTime: number;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';
+export { default as DropdownInputSmall } from './dropdown-small-textbox/dropdown-small-textbox.vue';
+export { DropdownBaseTextboxState } from './dropdown-base-textbox/dropdown-base-textbox.types';

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

@@ -0,0 +1,5 @@
+import { BentoListboxOptionItem } from '@/types';
+export type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem, 'data'> & {
+    src?: string;
+};
+export type BentoAvatarListboxOptions = BentoAvatarListboxOptionItem[];

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

@@ -0,0 +1,152 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoAvatarListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    dropdownItems: import("vue").ComputedRef<{
+        value: import("@/types").BentoListboxValue;
+        label: string;
+        data: string;
+    }[]>;
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoAvatarListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    error: boolean;
+    value: BentoListboxSelectedValue;
+    description: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    items: BentoAvatarListboxOptions;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef, Ref } from 'vue';
+import { BentoCountryVariant } from '@/components/country';
+import { BentoCountryListboxOptions } from '../dropdown-country.types';
+import { BentoListboxOptions } from '@/types';
+export declare const useCountryItems: (variant: Ref<BentoCountryVariant>, items: Ref<BentoCountryListboxOptions>) => ComputedRef<BentoListboxOptions>;

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

@@ -0,0 +1,7 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoCountryCode } from '@/components/country';
+export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
+    value: BentoCountryCode;
+    label?: string;
+};
+export type BentoCountryListboxOptions = BentoCountryListboxOptionItem[];

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

@@ -0,0 +1,161 @@
+import { PropType } from 'vue';
+import { BentoCountryListboxOptions } from './dropdown-country.types';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoCountryVariant } from '@/components/country';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoCountryListboxOptions>;
+        default: () => any[];
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    countryItems: import("vue").ComputedRef<import("@/types").BentoListboxOptions>;
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+    BentoCountryVariant: typeof BentoCountryVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoCountryListboxOptions>;
+        default: () => any[];
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    error: boolean;
+    value: BentoListboxSelectedValue;
+    description: string;
+    label: string;
+    variant: BentoCountryVariant;
+    required: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    items: BentoCountryListboxOptions;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoCurrencyISOCode } from '@/components/currency';
+export type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
+    value: BentoCurrencyISOCode;
+};
+export type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];

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

@@ -0,0 +1,147 @@
+import { PropType } from 'vue';
+import type { BentoCurrencyListboxOptions } from './dropdown-currency.types';
+import type { BentoListboxSelectedValue } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoCurrencyListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoCurrencyListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    error: boolean;
+    value: BentoListboxSelectedValue;
+    description: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    items: BentoCurrencyListboxOptions;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoPaymentMethodType } from '@/components/payment-method';
+export type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
+    value: BentoPaymentMethodType;
+};
+export type BentoPaymentMethodListboxOptions = BentoPaymentMethodListboxOptionItem[];