@adyen/bento-vue2 1.96.1 → 1.97.0

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

@@ -3781,9 +3781,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
-errorMessage: string;
 indeterminate: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
+errorMessage: string;
 hasError: boolean;
 }>;
 
@@ -4027,10 +4027,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;
 }>, {
@@ -6446,6 +6446,7 @@ format: BentoDateFormat | `${BentoDateFormat}`;
 export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarFirstDayOfWeek;
     isDateDisabled?: CalendarIsDateDisabled;
+    yearRange?: BentoDatePickerYearRange;
     variant?: `${CalendarVariant}`;
     tooltipText?: string;
     tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
@@ -6518,6 +6519,7 @@ required: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: Date) => void;
 input: (value: Date) => void;
@@ -6539,6 +6541,7 @@ required: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>>>, {
 value: BentoDatePickerValue | null;
 description: string;
@@ -6548,15 +6551,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;
 }>;
 
 export declare type BentoDatePickerEmits = FormFieldEmits<BentoDatePickerValue>;
@@ -6608,6 +6612,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.
      */
@@ -6616,6 +6624,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:
@@ -6638,6 +6648,7 @@ export declare interface BentoDateRangeFilterOptions {
     allowTimeInput?: boolean;
     firstDayOfWeek?: CalendarFirstDayOfWeek;
     isDateDisabled?: CalendarIsDateDisabled;
+    yearRange?: BentoDateRangePickerYearRange;
     granularities?: Array<BentoDateRangePickerGranularityConfig>;
     maxRange?: number;
     min?: Date;
@@ -6701,6 +6712,7 @@ showEndDateOnOpen: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: any) => void;
 input: (value: any) => void;
@@ -6726,6 +6738,7 @@ showEndDateOnOpen: boolean;
 tooltipText: any;
 value: any;
 variant: any;
+yearRange: any;
 }>>>, {
 value: BentoDateRangePickerValue | null;
 description: string;
@@ -6735,19 +6748,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;
 }>;
 
 export declare type BentoDateRangePickerEmits = FormFieldEmits<any>;
@@ -6826,6 +6840,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.
@@ -6845,6 +6863,8 @@ export declare interface BentoDateRangePickerValue {
     range?: string;
 }
 
+export declare type BentoDateRangePickerYearRange = CalendarYearRange;
+
 /**
  * Date time picker that combines a date picker (single date) with a time input.
  *
@@ -6894,11 +6914,11 @@ timeProps: () => {};
 required: boolean;
 disabled: boolean;
 readonly: boolean;
-isDateDisabled: CalendarIsDateDisabled;
+modelValue: BentoDateTimePickerValue;
+errorMessage: string | null;
 max: Date | null;
 min: Date | null;
-errorMessage: string | null;
-modelValue: BentoDateTimePickerValue;
+isDateDisabled: CalendarIsDateDisabled;
 dateProps: {};
 timeProps: {};
 }>;
@@ -7545,8 +7565,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -7559,6 +7577,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>, {
     [x: string]: (props: any) => any;
 } & {
@@ -7669,14 +7689,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;
@@ -7725,6 +7737,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
@@ -7804,14 +7824,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;
@@ -7860,6 +7872,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -7877,8 +7897,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoAvatarListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -7891,6 +7909,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
@@ -8014,14 +8034,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;
@@ -8070,6 +8082,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
@@ -8157,14 +8177,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;
@@ -8213,6 +8225,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -8231,8 +8251,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCountryListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -8245,6 +8263,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 /**
@@ -8348,14 +8368,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;
@@ -8404,6 +8416,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
@@ -8482,14 +8502,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;
@@ -8538,6 +8550,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -8555,8 +8575,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCurrencyListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -8569,6 +8587,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
@@ -8682,14 +8702,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;
@@ -8738,6 +8750,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
@@ -8816,14 +8836,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;
@@ -8872,6 +8884,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -8889,8 +8909,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -8903,6 +8921,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
@@ -9140,14 +9160,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;
@@ -9196,6 +9208,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
@@ -9275,14 +9295,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;
@@ -9331,6 +9343,14 @@ enableValueLabelPair: {
 type: PropType<boolean>;
 default: boolean;
 };
+errorMessage: {
+type: PropType<string>;
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+default: any;
+};
 }>>, {
 value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
@@ -9348,8 +9368,6 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoTagListboxOptions;
-tooltipText: string;
-errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
@@ -9362,6 +9380,8 @@ dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
+errorMessage: string;
+tooltipText: string;
 }>;
 
 export declare interface BentoDropdownTagProps extends BentoDropdownProps {
@@ -9560,9 +9580,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;
@@ -10885,10 +10905,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;
@@ -11013,10 +11033,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;
@@ -11421,10 +11441,10 @@ condensed: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-tooltipText: string;
-errorMessage: string;
 placeholder: string;
 modelValue: BentoInputFieldValue;
+errorMessage: string;
+tooltipText: string;
 }>, {
     default?: (props: {}) => any;
 } & {
@@ -15187,10 +15207,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;
 }>, {
@@ -15368,9 +15388,9 @@ label: string;
 required: boolean;
 mode: BentoRichTextEditorMode;
 disabled: boolean;
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-errorMessage: string;
 }>;
 
 /**
@@ -16080,10 +16100,10 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 layout: BentoSelectionCardGroupLayout;
+modelValue: BentoSelectionCardModelValue;
+errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-errorMessage: string;
-modelValue: BentoSelectionCardModelValue;
 formId: string;
 itemsPerRow: BentoSelectionCardGroupItemsPerRow;
 }>, {
@@ -17655,11 +17675,11 @@ optional: boolean;
 readonly: boolean;
 height: string | null;
 ariaLabel: string;
-tooltipText: string;
-errorMessage: string;
 placeholder: string;
 characterLimit: number;
 modelValue: string;
+errorMessage: string;
+tooltipText: string;
 clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
 }>;
@@ -18614,6 +18634,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;
+}
+
 export declare type Component = object;
 
 export declare enum DateFormat {
@@ -19140,7 +19174,8 @@ export declare interface UseBentoCurrencyFormatCurrencyOptions {
  * Defaults to 200.
  * @returns An object containing the `isOpen` ref, `open`/`close` helpers and a `hoverEvents`
  * object with the event handlers to bind on the trigger and, when the content is not a descendant
- * of the trigger, on a wrapper around the content.
+ * of the trigger, on a wrapper around the content. When using this with `BentoPopover`, pass
+ * `disableFocusTrap` to prevent focus-trap behavior from interfering with delayed closing.
  */
 export declare const useBentoDelayedHover: (delay?: number) => {
     isOpen: Ref<boolean>;

package/dist/action-bar.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/action-bar.Chu-0oVy.js";
+import { B as t } from "./chunks/action-bar.B890LCTe.js";
 export {
   t as BentoActionBar
 };

package/dist/ai-tag.js

@@ -1,4 +1,4 @@
-import { a as e } from "./chunks/ai-tag.DVmvni7U.js";
+import { a as e } from "./chunks/ai-tag.C8RxACNj.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.B4bHCE8V.js";
+import { B as a, a as n, b as o, c as r } from "./chunks/alert.BDkEbdf4.js";
 export {
   a as BentoAlert,
   n as BentoAlertEvent,