@adyen/bento-vue3 1.96.1 → 1.97.0

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

@@ -1091,8 +1091,8 @@ tooltipText: any;
 tooltipPosition: string;
 }>>>, {
 teleport: BentoDashedUnderlineTeleport;
-tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 tooltipText: string;
+tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 popoverText: string;
 popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
 popoverTitle: string;
@@ -1939,6 +1939,7 @@ required: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_13<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
@@ -1957,6 +1958,7 @@ required: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>>>, {
 value: BentoDatePickerValue | null;
 description: string;
@@ -1966,15 +1968,16 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-isDateDisabled: CalendarIsDateDisabled;
-firstDayOfWeek: CalendarFirstDayOfWeek;
+placeholder: string;
+modelValue: BentoDatePickerValue | null;
+errorMessage: string;
+tooltipText: string;
+yearRange: any;
 max: Date | null;
 min: Date | null;
+isDateDisabled: CalendarIsDateDisabled;
+firstDayOfWeek: CalendarFirstDayOfWeek;
 defaultDisplayMonth: string | null;
-tooltipText: string;
-errorMessage: string;
-placeholder: string;
-modelValue: BentoDatePickerValue | null;
 }>;
 
 declare const __VLS_export_22: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToOption_14<BentoDateRangePickerProps>, {
@@ -1999,6 +2002,7 @@ showEndDateOnOpen: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_14<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
@@ -2021,6 +2025,7 @@ showEndDateOnOpen: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>>>, {
 value: BentoDateRangePickerValue | null;
 description: string;
@@ -2030,19 +2035,20 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-isDateDisabled: CalendarIsDateDisabled;
-firstDayOfWeek: CalendarFirstDayOfWeek | number;
+placeholder: string;
+modelValue: BentoDateRangePickerValue | null;
+errorMessage: string;
+tooltipText: string;
+yearRange: any;
 max: Date;
 min: Date;
+isDateDisabled: CalendarIsDateDisabled;
+firstDayOfWeek: CalendarFirstDayOfWeek | number;
 maxRange: number;
 numberOfMonths: number;
 showEndDateOnOpen: boolean;
-tooltipText: string;
-errorMessage: string;
-placeholder: string;
-modelValue: BentoDateRangePickerValue | null;
-quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 hasActions: boolean;
+quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 }>;
 
 declare const __VLS_export_23: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDraggableProps>, {
@@ -2313,8 +2319,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -2327,6 +2331,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>, {
     [x: string]: (props: any) => any;
 } & {
@@ -2409,14 +2415,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2465,6 +2463,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The option elements to populate the avatar dropdown with.
@@ -2539,14 +2545,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2595,6 +2593,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -2612,8 +2618,6 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoAvatarListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -2626,6 +2630,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 declare const __VLS_export_28: DefineComponent<    {
@@ -2710,14 +2716,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2766,6 +2764,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The option elements to populate the country dropdown with.
@@ -2848,14 +2854,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2904,6 +2902,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -2922,8 +2928,6 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCountryListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -2936,6 +2940,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 declare const __VLS_export_29: DefineComponent<    {
@@ -3011,14 +3017,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3067,6 +3065,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The option elements to populate the currency dropdown with.
@@ -3140,14 +3146,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3196,6 +3194,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -3213,8 +3219,6 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCurrencyListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -3227,6 +3231,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 declare const __VLS_export_3: __VLS_WithSlots_3<DefineComponent<    {
@@ -3338,14 +3344,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3394,6 +3392,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The option elements to populate the payment method dropdown with.
@@ -3467,14 +3473,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3523,6 +3521,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -3540,8 +3546,6 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -3554,6 +3558,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 declare const __VLS_export_31: DefineComponent<    {
@@ -3630,14 +3636,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3686,6 +3684,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The option elements to populate the tag dropdown with.
@@ -3760,14 +3766,6 @@ ariaLabel: {
 type: PropType<string>;
 default: any;
 };
-tooltipText: {
-type: PropType<string>;
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3816,6 +3814,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -3833,8 +3839,6 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoTagListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -3847,6 +3851,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 declare const __VLS_export_32: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_19<BentoDividerProps>, {
@@ -4069,9 +4075,9 @@ tag: any;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
-errorMessage: string;
 indeterminate: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
+errorMessage: string;
 hasError: boolean;
 }>;
 
@@ -4288,10 +4294,10 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
+modelValue: (string | number)[];
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-errorMessage: string;
-modelValue: (string | number)[];
 hasError: boolean;
 formId: string;
 }>, {
@@ -4488,9 +4494,9 @@ required: boolean;
 condensed: boolean;
 disabled: boolean;
 optional: boolean;
-tooltipText: string;
-errorMessage: string;
 modelValue: BentoFileUploaderValue;
+errorMessage: string;
+tooltipText: string;
 accept: HTMLInputElement["accept"];
 maxCount: number;
 maxDimensions: any;
@@ -4588,8 +4594,8 @@ value: any;
 value: BentoFilterBarValue;
 disabled: boolean;
 fitContent: boolean;
-tooltipPosition: `${BentoTooltipPosition_3}`;
 tooltipText: string;
+tooltipPosition: `${BentoTooltipPosition_3}`;
 appliedFiltersCount: string | number;
 buttonLabel: string;
 buttonSecondaryLabel: string;
@@ -5013,10 +5019,10 @@ error: boolean;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
-tooltipText: string;
-errorMessage: string;
 placeholder: string;
 modelValue: BentoInputFieldValue;
+errorMessage: string;
+tooltipText: string;
 slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
 ariaHidden: boolean;
@@ -5087,10 +5093,10 @@ disabled: boolean;
 validation: BentoInputFieldPasswordValidation;
 optional: boolean;
 readonly: boolean;
-tooltipText: string;
-errorMessage: string;
 placeholder: string;
 modelValue: BentoInputFieldProps["modelValue"];
+errorMessage: string;
+tooltipText: string;
 debounceTime: number;
 disableValidation: boolean;
 withHint: boolean;
@@ -5150,10 +5156,10 @@ condensed: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-tooltipText: string;
-errorMessage: string;
 placeholder: string;
 modelValue: BentoInputFieldValue;
+errorMessage: string;
+tooltipText: string;
 }>, {
     default?: (props: {}) => any;
 } & {
@@ -6284,10 +6290,10 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
+modelValue: BentoRadioGroupValue | null;
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean | null;
-errorMessage: string;
-modelValue: BentoRadioGroupValue | null;
 hasError: boolean;
 formId: string | null;
 }>, {
@@ -6446,9 +6452,9 @@ label: string;
 required: boolean;
 disabled: boolean;
 mode: BentoRichTextEditorMode;
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-errorMessage: string;
 }>;
 
 declare const __VLS_export_78: DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSearchBarProps>, {
@@ -6815,10 +6821,10 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 layout: BentoSelectionCardGroupLayout;
+modelValue: BentoSelectionCardModelValue_2;
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-errorMessage: string;
-modelValue: BentoSelectionCardModelValue_2;
 formId: string;
 itemsPerRow: BentoSelectionCardGroupItemsPerRow;
 }>, {
@@ -7592,11 +7598,11 @@ optional: boolean;
 readonly: boolean;
 height: string | null;
 ariaLabel: string;
-tooltipText: string;
-errorMessage: string;
 characterLimit: number;
 placeholder: string;
 modelValue: string;
+errorMessage: string;
+tooltipText: string;
 clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
 }>;
@@ -11719,6 +11725,7 @@ export declare const BentoDate: typeof __VLS_export_39;
 export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarFirstDayOfWeek;
     isDateDisabled?: CalendarIsDateDisabled;
+    yearRange?: BentoDatePickerYearRange;
     variant?: `${CalendarVariant}`;
     tooltipText?: string;
     tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
@@ -11824,6 +11831,10 @@ export declare interface BentoDatePickerProps extends FormField {
      * @default null
      */
     value?: BentoDatePickerValue | null;
+    /**
+     * Range of years to be selectable from the year dropdown
+     */
+    yearRange?: BentoDatePickerYearRange;
     /**
      * The type of calendar to display. Defaults to showing days.
      */
@@ -11832,6 +11843,8 @@ export declare interface BentoDatePickerProps extends FormField {
 
 export declare type BentoDatePickerValue = Date;
 
+export declare type BentoDatePickerYearRange = CalendarYearRange;
+
 export declare interface BentoDateProps {
     /**
      * The date to format. The data can be supplied as:
@@ -11854,6 +11867,7 @@ export declare interface BentoDateRangeFilterOptions {
     allowTimeInput?: boolean;
     firstDayOfWeek?: CalendarFirstDayOfWeek;
     isDateDisabled?: CalendarIsDateDisabled;
+    yearRange?: BentoDateRangePickerYearRange;
     granularities?: Array<BentoDateRangePickerGranularityConfig>;
     maxRange?: number;
     min?: Date;
@@ -11973,6 +11987,10 @@ export declare interface BentoDateRangePickerProps extends FormField {
      * The type of calendar to display. Defaults to showing days.
      */
     variant?: `${CalendarVariant}`;
+    /**
+     * Range of years to be selectable from the year dropdown
+     */
+    yearRange?: BentoDateRangePickerYearRange;
     /**
      * Enables the date picker selection to persist until it is explicitly applied.
      * Displays a set of buttons: Apply and Cancel.
@@ -11992,6 +12010,8 @@ export declare interface BentoDateRangePickerValue {
     range?: string;
 }
 
+export declare type BentoDateRangePickerYearRange = CalendarYearRange;
+
 /**
  * Divider component is a thin line that helps separate content and group them visually into sections.
  *
@@ -18585,6 +18605,20 @@ declare enum CalendarVariant {
 export { CalendarVariant as BentoDatePickerVariant }
 export { CalendarVariant as BentoDateRangePickerVariant }
 
+/**
+ * Defines the range of selectable years in the calendar's year selector dropdown
+ */
+declare interface CalendarYearRange {
+    /**
+     * The earliest selectable year (inclusive)
+     */
+    minYear?: number;
+    /**
+     * The latest selectable year (inclusive)
+     */
+    maxYear?: number;
+}
+
 declare type CheckboxInputType = boolean | MultiCheckboxInputType;
 
 export declare type Component = object;

package/dist/action-bar.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/action-bar.CIVprT2U.js";
+import { B as t } from "./chunks/action-bar.BEV9uXHS.js";
 export {
   t as BentoActionBar
 };

package/dist/ai-tag.js

@@ -1,4 +1,4 @@
-import { a as e } from "./chunks/ai-tag.DkTlRY__.js";
+import { a as e } from "./chunks/ai-tag.BSzY3-0w.js";
 export {
   e as BentoAiTag
 };

package/dist/alert.js

@@ -1,4 +1,4 @@
-import { B as a, a as n, b as o, c as r } from "./chunks/alert.RD0qOLhx.js";
+import { B as a, a as n, b as o, c as r } from "./chunks/alert.V1imvtyI.js";
 export {
   a as BentoAlert,
   n as BentoAlertEvent,