@adyen/bento-vue3 0.9.3

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

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

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

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

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

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

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

@@ -0,0 +1,83 @@
+import { BentoAvatarListboxOptions } from '@/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue, OmitStrict } from '@/types';
+import { BentoCountryListboxOptions } from '@/components/dropdown/components/variants/dropdown-country/dropdown-country.types';
+import { BentoTagListboxOptions } from '@/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types';
+import { BentoCountryVariant } from '@/components/country';
+import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types';
+import { BentoPaymentMethodListboxOptions } from '@/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types';
+import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled, BentoDatePickerRangeDate } from '../date-picker/date-picker.types';
+export interface BentoSelectFilterOptions {
+    listboxItems: BentoListboxOptions;
+    multiple?: boolean;
+    messages?: {
+        [key: string]: {
+            persistentButtonLabelPartiallySelected: string;
+            persistentButtonLabelAllSelected: string;
+            [key: string]: string;
+        };
+    };
+    isOptionDisabled?: BentoListboxIsOptionDisabled;
+}
+export type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoAvatarListboxOptions;
+};
+export type BentoSelectCountryFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoCountryListboxOptions;
+    variant: BentoCountryVariant;
+};
+export type BentoSelectCurrencyFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoCurrencyListboxOptions;
+};
+export type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoTagListboxOptions;
+};
+export type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
+    listboxItems: BentoPaymentMethodListboxOptions;
+};
+export interface BentoDateFilterOptions {
+    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled?: BentoDatePickerIsDateDisabled;
+}
+export interface BentoDateRangeFilterOptions {
+    numberOfMonths?: number;
+    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled?: BentoDatePickerIsDateDisabled;
+}
+export type BentoInputFilterValue = string | null;
+export type BentoSelectFilterValue = BentoListboxSelectedValue;
+export type BentoBooleanFilterValue = string | null;
+export type BentoDateFilterValue = Date | null;
+export type BentoDateRangeFilterValue = BentoDatePickerRangeDate | null;
+export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
+export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | undefined;
+export declare enum BentoFilterEvent {
+    INPUT = "input",
+    UPDATE = "update"
+}
+export declare enum BentoFilterBarEvent {
+    INPUT = "input"
+}
+export declare enum BentoFilterItemType {
+    INPUT = "BentoInputFilter",
+    BOOLEAN = "BentoBooleanFilter",
+    RANGE = "BentoRangeFilter",
+    SELECT = "BentoSelectFilter",
+    SELECT_AVATAR = "BentoSelectAvatarFilter",
+    SELECT_COUNTRY = "BentoSelectCountryFilter",
+    SELECT_CURRENCY = "BentoSelectCurrencyFilter",
+    SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter",
+    SELECT_TAG = "BentoSelectTagFilter",
+    DATE = "BentoDateFilter",
+    DATE_RANGE = "BentoDateRangeFilter"
+}
+export interface BentoFilterModel {
+    field: string;
+    label: string;
+    description?: string;
+    type: BentoFilterItemType;
+    options?: BentoFilterOptions;
+    value?: BentoFilterBarValue;
+    defaultValue?: BentoFilterBarValue;
+    visible?: boolean;
+}
+export type BentoFilterBarModel = Array<BentoFilterModel>;

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

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoSearchBarEvent } from '@/components/search-bar';
+declare const _default: import("vue").DefineComponent<{
+    searchTerm: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
+}, {
+    hasHiddenFilters: import("vue").ComputedRef<boolean>;
+    isClearAllVisible: import("vue").ComputedRef<boolean>;
+    isSearchBarEnabled: import("vue").ComputedRef<boolean>;
+    searchBarAriaLabel: import("vue").ComputedRef<string>;
+    persistentFilters: import("vue").ComputedRef<BentoFilterModel[]>;
+    regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
+    isResetAllVisible: import("vue").ComputedRef<boolean>;
+    BentoButtonVariant: typeof BentoButtonVariant;
+    updateAllFilters: (newFilters: BentoFilterBarModel) => void;
+    updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
+    clearAllFilters: () => void;
+    onSearchbarClear: () => void;
+    onSearchbarInput: (newSearchTerm: string) => void;
+    resetAllFilters: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
+    searchTerm: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
+}>>, {
+    value: BentoFilterBarModel;
+    searchTerm: string;
+}>;
+export default _default;

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

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

package/dist/@types/components/focus-trap/focus-trap.types.d.ts

@@ -0,0 +1,18 @@
+export declare enum BentoFocusTrapArrowNavigationDirection {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+export declare enum BentoFocusTrapVerticalNavigationEvent {
+    ARROW_UP = "arrowup",
+    ARROW_DOWN = "arrowdown"
+}
+export declare enum BentoFocusTrapHorizontalNavigationEvent {
+    ARROW_LEFT = "arrowleft",
+    ARROW_RIGHT = "arrowright"
+}
+export interface BentoFocusTrapFocusableIn {
+    node: HTMLElement;
+    index: number;
+    lockItem: boolean;
+    guard: boolean;
+}

package/dist/@types/components/focus-trap/focus-trap.vue.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { BentoFocusTrapArrowNavigationDirection, BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
+declare const _default: import("vue").DefineComponent<{
+    arrowNavigation: {
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
+    lastFocusedElement: any;
+}, {
+    isHorizontalArrowNavigation(): boolean;
+    isVerticalArrowNavigation(): boolean;
+    arrowOrder(): BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[];
+}, {
+    setFocusInside(): Promise<void>;
+    onBlur(): void;
+    shouldPreventNavigation(): boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    disable(): void;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    arrowNavigation: {
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    arrowNavigation: BentoFocusTrapArrowNavigationDirection;
+}>;
+export default _default;

package/dist/@types/components/focus-trap/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoFocusTrap } from './focus-trap.vue';

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

@@ -0,0 +1,4 @@
+export declare enum BentoHeaderVariant {
+    PAGE = "page",
+    COMPONENT = "component"
+}

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

@@ -0,0 +1,66 @@
+import { PropType } from 'vue';
+import { BentoButtonActionsList } from '@/components/button';
+import { BentoHeaderVariant } from './header.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<BentoHeaderVariant>;
+        default: BentoHeaderVariant;
+        validator: (value: BentoHeaderVariant) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    lastUpdated: {
+        type: (DateConstructor | NumberConstructor)[];
+        default: any;
+    };
+}, {
+    hasSlot: (name: string) => boolean;
+    timestamp: import("vue").ComputedRef<any>;
+    typography: import("vue").ComputedRef<{
+        el: BentoTypographyElement;
+        variant: BentoTypographyVariant;
+        medium: boolean;
+        large: boolean;
+    }>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    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>;
+        default: BentoHeaderVariant;
+        validator: (value: BentoHeaderVariant) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    lastUpdated: {
+        type: (DateConstructor | NumberConstructor)[];
+        default: any;
+    };
+}>>, {
+    variant: BentoHeaderVariant;
+    actions: BentoButtonActionsList;
+    lastUpdated: number | Date;
+    infoIconTooltipText: string;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoHeader } from './header.vue';

package/dist/@types/components/info-icon/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoInfoIcon } from './info-icon.vue';

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

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { PopperContainerPosition } from '@/components/popper-container';
+declare const _default: import("vue").DefineComponent<{
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,37 @@
+import { BentoDropdown } from '@/components/dropdown/';
+export declare enum BentoInputFieldVariant {
+    DEFAULT = "default",
+    PAYMENT_METHOD = "payment-method",
+    STATIC_VALUE = "static-value",
+    DROPDOWN = "dropdown"
+}
+export declare enum BentoInputFieldElementPosition {
+    START = "start",
+    END = "end"
+}
+export declare enum BentoInputFieldStateClass {
+    DISABLED = "disabled",
+    ERROR = "error",
+    SMALL_PADDING_LEFT = "small-padding-left",
+    SMALL_PADDING_RIGHT = "small-padding-right"
+}
+export declare enum BentoInputFieldType {
+    SEARCH = "search",
+    TEXT = "text",
+    NUMBER = "number"
+}
+type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
+export type BentoInputDropdownProps = {
+    items: DropdownProps['items'];
+    value: DropdownProps['value'];
+};
+export declare enum BentoInputFieldEvent {
+    INPUT = "input",
+    ESCAPE_PRESSED = "escape-pressed",
+    UPDATE_DROPDOWN = "update:dropdown",
+    DROPDOWN_INPUT = "dropdown-input",
+    FOCUS = "focus",
+    CHANGE = "change",
+    BLUR = "blur"
+}
+export {};

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

@@ -0,0 +1,138 @@
+import { PropType } from 'vue';
+import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldVariant } from './input-field.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoDropdownSize } from '../dropdown/dropdown.types';
+import { BentoListboxSelectedValue } from '../../types';
+declare const _default: import("vue").DefineComponent<{
+    ariaHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdown: {
+        type: PropType<BentoInputDropdownProps>;
+        default: any;
+    };
+    dropdownPosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    staticValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    staticValuePosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
+    type: {
+        type: PropType<BentoInputFieldType>;
+        default: BentoInputFieldType;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<BentoInputFieldVariant>;
+        default: BentoInputFieldVariant;
+    };
+}, {
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoInputFieldVariant: typeof BentoInputFieldVariant;
+    BentoDropdownSize: typeof BentoDropdownSize;
+    BentoInputFieldEvent: typeof BentoInputFieldEvent;
+    onDropdownInput: (selectedValue: BentoListboxSelectedValue) => void;
+    onInput: (event: Event) => void;
+    focusInput: () => void;
+    hasSlot: (name: string) => boolean;
+    inputFieldConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    inputFieldElement: any;
+    inputFieldId: string;
+    shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
+    shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
+    shouldShowDropdown: import("vue").ComputedRef<BentoInputDropdownProps>;
+    shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
+    shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoInputFieldEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    ariaHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdown: {
+        type: PropType<BentoInputDropdownProps>;
+        default: any;
+    };
+    dropdownPosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    staticValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    staticValuePosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
+    type: {
+        type: PropType<BentoInputFieldType>;
+        default: BentoInputFieldType;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<BentoInputFieldVariant>;
+        default: BentoInputFieldVariant;
+    };
+}>>, {
+    error: boolean;
+    value: string;
+    type: BentoInputFieldType;
+    variant: BentoInputFieldVariant;
+    disabled: boolean;
+    ariaLabel: string;
+    placeholder: string;
+    dropdown: BentoInputDropdownProps;
+    ariaHidden: boolean;
+    dropdownPosition: BentoInputFieldElementPosition;
+    staticValue: string;
+    staticValuePosition: BentoInputFieldElementPosition;
+}>;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from '@/components/avatar-image';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    username: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedUsername: import("vue").ComputedRef<string>;
+    avatarColor: import("vue").ComputedRef<BentoAvatarImageColor>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    username: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    src: string;
+    iconOnly: boolean;
+}>;
+export default _default;

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

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