@adyen/bento-vue2 1.90.0 → 1.91.0

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

@@ -153,6 +153,8 @@ declare type __VLS_NonUndefinedable_67<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_68<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_69<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
@@ -403,6 +405,10 @@ declare type __VLS_PrettifyLocal_64<T> = {
     [K in keyof T]: T[K];
 } & {};
 
+declare type __VLS_PrettifyLocal_65<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
 declare type __VLS_PrettifyLocal_7<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -1000,6 +1006,15 @@ declare type __VLS_TypePropsToOption_68<T> = {
     };
 };
 
+declare type __VLS_TypePropsToOption_69<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_69<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToOption_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
@@ -1393,6 +1408,12 @@ declare type __VLS_WithDefaults_64<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_65<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_65<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithDefaults_7<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_7<P[K] & {
         default: D[K];
@@ -2549,7 +2570,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2572,7 +2593,7 @@ open: (...args: any[]) => void;
 close: (...args: any[]) => void;
 reset: (...args: any[]) => void;
 cancel: (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -3938,7 +3959,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToOption_17<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3946,7 +3967,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_17<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -4028,7 +4049,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -4041,7 +4062,7 @@ variant: BentoCodeSnippetVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 action: (...args: any[]) => void;
 change: (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToOption_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -4208,11 +4229,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_19<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToOption_19<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -4528,13 +4549,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToOption_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToOption_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4781,7 +4802,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_64<__VLS_TypePropsToOption_68<{
+export declare const BentoDashboardSection: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_65<__VLS_TypePropsToOption_69<{
 /**
 * The header of the section
 */
@@ -4792,7 +4813,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_64<__VLS_TypePropsToOption_68<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_65<__VLS_TypePropsToOption_69<{
 /**
 * The header of the section
 */
@@ -4844,7 +4865,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithSlots_64<DefineComponent<__VLS_WithDefaults_63<__VLS_TypePropsToOption_67<{
+export declare const BentoDashboardTemplate: __VLS_WithSlots_64<DefineComponent<__VLS_WithDefaults_64<__VLS_TypePropsToOption_68<{
 /**
 * The header that goes to the top of the template
 */
@@ -4867,7 +4888,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_63<__VLS_TypePropsToOption_67<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_64<__VLS_TypePropsToOption_68<{
 /**
 * The header that goes to the top of the template
 */
@@ -6248,11 +6269,11 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToOption_21<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToOption_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToOption_21<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -6673,9 +6694,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToOption_22<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_22<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -6699,6 +6720,104 @@ declare enum BentoDividerVariant {
     VERTICAL = "vertical"
 }
 
+/**
+ * Bento drag and drop handle component.
+ *
+ * @example
+ * import { BentoDraggableHandle } from '../../../..';
+ *
+ * export default {
+ *     components: { BentoDraggableHandle },
+ *     template: `
+ *          <bento-draggable-handle
+ *              bottom
+ *              condensed
+ *              down
+ *              left
+ *              right
+ *              top
+ *              up
+ *              \@move-bottom="moveBottom(index)"
+ *              \@move-down="moveDown(index)"
+ *              \@move-left="moveLeft(index)"
+ *              \@move-right="moveRight(index)"
+ *              \@move-top="moveTop(index)"
+ *              \@move-up="moveUp(index)"
+ *          />
+ *     `,
+ *     setup() {
+ *          const moveBottom = () => {}
+ *          const moveDown = () => {}
+ *          const moveLeft = () => {}
+ *          const moveRight = () => {}
+ *          const moveTop = () => {}
+ *          const moveUp = () => {}
+ *     }
+ * }
+ */
+export declare const BentoDraggableHandle: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDraggableHandleProps>, {
+condensed: boolean;
+disabled: boolean;
+disabledMenus: () => {};
+variant: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"move-bottom": () => void;
+"move-down": () => void;
+"move-left": () => void;
+"move-right": () => void;
+"move-top": () => void;
+"move-up": () => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDraggableHandleProps>, {
+condensed: boolean;
+disabled: boolean;
+disabledMenus: () => {};
+variant: string;
+}>>>, {
+variant: "all-directions" | "up-and-down";
+condensed: BentoMenuProps["button"]["condensed"];
+disabled: boolean;
+disabledMenus: {};
+}>;
+
+export declare interface BentoDraggableHandleProps {
+    /**
+     * Reduces the size of the handle
+     * @default false
+     */
+    condensed?: BentoMenuProps['button']['condensed'];
+    /**
+     * Prevents the component from being dragged.
+     * Disables the handle
+     */
+    disabled?: boolean;
+    /**
+     * Allows to disable the menus individually
+     * @default {}
+     */
+    disabledMenus?: {
+        bottom?: boolean;
+        down?: boolean;
+        left?: boolean;
+        right?: boolean;
+        top?: boolean;
+        up?: boolean;
+    };
+    /**
+     * Title or label used to describe the element being dragged.
+     * Used for accessibility.
+     */
+    label: string;
+    /**
+     * Determines the set of directional actions available in the handle's context menu.
+     *
+     * - `'all-directions'`: Includes 'Move up', 'Move down', 'Move left', 'Move right', 'Move to top', and 'Move to bottom'.
+     * - `'up-and-down'`: Includes 'Move up', 'Move down', 'Move to top', and 'Move to bottom'.
+     *
+     * @default 'up-and-down'
+     */
+    variant?: 'all-directions' | 'up-and-down';
+}
+
 /**
  * A Dropdown shows a selected option's.
  * Use a dropdown when you want users to select options
@@ -6729,7 +6848,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToOption_17<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6766,7 +6885,7 @@ input: (selectedValue: any) => void;
 "update:model-value": (selectedValue: any) => void;
 "show-more": () => void;
 open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_17<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -8596,14 +8715,14 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToOption_24<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToOption_24<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -8717,7 +8836,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToOption_24<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_25<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -8736,7 +8855,7 @@ change: (value?: FileList) => void;
 input: (value?: FileList) => void;
 "update:model-value": (value?: FileList) => void;
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToOption_24<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_25<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -8833,7 +8952,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_25<BentoFilterBarProps<any, any>>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoFilterBarProps<any, any>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8857,7 +8976,7 @@ input: (...args: any[]) => void;
 "search-clear": (...args: any[]) => void;
 "search-input": (...args: any[]) => void;
 "update:search-term": (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_25<BentoFilterBarProps<any, any>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoFilterBarProps<any, any>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -9000,7 +9119,12 @@ export declare interface BentoFilterBarProps<CustomValue = BentoFilterBarValue |
 
 export declare type BentoFilterBarScreenOptionsLayout = 'one-line' | 'multi-line';
 
-export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'>;
+export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'> & {
+    /**
+     * CSS width value applied to the search box element (e.g. `'200px'`, `'50%'`).
+     */
+    width?: string;
+};
 
 export declare type BentoFilterBarSearchTerm = BentoSearchBarProps['value'];
 
@@ -9236,7 +9360,7 @@ export declare const BentoFormLayoutGroup: __VLS_WithSlots_22<DefineComponent<
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
-* Only two colums are available.
+* Only two columns are available.
 *
 * If only one value is entered, then it will assume there's only one child in the group.
 * If two values are entered, the first value will be use for the first child and the second
@@ -9261,11 +9385,21 @@ type: PropType<BentoLayoutGroupProportions>;
 default: string;
 validator: (value: BentoLayoutGroupProportions) => boolean;
 };
+/**
+* The error message to be displayed for the whole group.
+*
+* If set, individual error messages for all components within this group will be hidden.
+* This is particularly useful for field pairs where a single group error is displayed.
+*/
+errorMessage: {
+type: StringConstructor;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
-* Only two colums are available.
+* Only two columns are available.
 *
 * If only one value is entered, then it will assume there's only one child in the group.
 * If two values are entered, the first value will be use for the first child and the second
@@ -9290,8 +9424,19 @@ type: PropType<BentoLayoutGroupProportions>;
 default: string;
 validator: (value: BentoLayoutGroupProportions) => boolean;
 };
+/**
+* The error message to be displayed for the whole group.
+*
+* If set, individual error messages for all components within this group will be hidden.
+* This is particularly useful for field pairs where a single group error is displayed.
+*/
+errorMessage: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 layout: BentoLayoutGroupProportions;
+errorMessage: string;
 }>, {
     default?: (props: {}) => any;
 }>;
@@ -9572,7 +9717,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_28<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9595,7 +9740,7 @@ activeViewIndex: any;
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 "update:skip-unsaved-changes": (value: boolean) => void;
 "update:active-view-index": (value: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_28<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9822,10 +9967,10 @@ export declare const BentoHighlightDirective: {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_28<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToOption_29<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_28<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToOption_29<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -9875,11 +10020,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '../..';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToOption_29<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToOption_29<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9942,7 +10087,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9980,7 +10125,7 @@ keyup: (event: KeyboardEvent) => void;
 input: (inputValue: string) => void;
 "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -10095,7 +10240,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -10119,7 +10264,7 @@ focus: () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 input: (value: BentoInputFieldValue) => void;
 "update:model-value": (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -10251,7 +10396,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -10261,7 +10406,7 @@ input: (value: string) => void;
 "update:model-value": (value: string) => void;
 "update:selected-country": (country: CountryCode) => void;
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -10521,7 +10666,7 @@ export declare type BentoInputFilterValue = string | null | BentoInputFilterInpu
  *     `
  * }
  */
-export declare const BentoInputTime: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInputTimeProps>, {
+export declare const BentoInputTime: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInputTimeProps>, {
 condensed: boolean;
 description: any;
 disabled: boolean;
@@ -10538,7 +10683,7 @@ tooltipText: any;
 keydown: (event: KeyboardEvent) => void;
 "input:valid": () => void;
 "input:error": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInputTimeProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInputTimeProps>, {
 condensed: boolean;
 description: any;
 disabled: boolean;
@@ -10615,7 +10760,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10627,7 +10772,7 @@ pageFocusAnchor: any;
 "update:is-open": (value: boolean) => void;
 "update:active-page": (value: string) => void;
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10744,10 +10889,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToOption_36<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToOption_36<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -10790,9 +10935,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToOption_36<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToOption_36<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -10841,12 +10986,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithSlots_33<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithSlots_33<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_41<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToOption_41<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -10927,9 +11072,9 @@ export declare enum BentoLinkVariant {
  *     `
  * }
  */
-export declare const BentoList: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoListProps>, {
+export declare const BentoList: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoListProps>, {
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoListProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoListProps>, {
 type: string;
 }>>>, {
 type: BentoListType;
@@ -11040,7 +11185,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoListItem: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoListItemProps>, {
+export declare const BentoListItem: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoListItemProps>, {
 showStatus: boolean;
 statusColor: string;
 tag: any;
@@ -11049,7 +11194,7 @@ showTopDivider: boolean;
 showBottomDivider: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoListItemProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoListItemProps>, {
 showStatus: boolean;
 statusColor: string;
 tag: any;
@@ -11265,14 +11410,14 @@ export declare enum BentoLoadingButtonState {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoLoadingIndicatorProps>, {
+export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "loading-start": () => void;
 "loading-end": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoLoadingIndicatorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -11319,7 +11464,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithSlots_34<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_41<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithSlots_34<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -11339,7 +11484,7 @@ close: () => void;
 open: () => void;
 "menu-item-click": () => void;
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToOption_41<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -12129,7 +12274,7 @@ titleId: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -12138,7 +12283,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -12290,7 +12435,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -12306,7 +12451,7 @@ navigate: (page: number, items?: number) => void;
 "items-page": (size: number) => void;
 "update:page": (page: number) => void;
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -12388,11 +12533,11 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToOption_45<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToOption_45<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
@@ -13589,7 +13734,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithSlots_40<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToOption_45<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithSlots_40<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToOption_46<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13612,7 +13757,7 @@ overflowVisible: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToOption_45<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToOption_46<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13826,7 +13971,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToOption_46<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_47<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13834,7 +13979,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToOption_46<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToOption_47<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -14129,7 +14274,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_47<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_48<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14147,7 +14292,7 @@ focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: BentoRadioButtonValue) => void;
 input: (value: BentoRadioButtonValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToOption_47<BentoRadioGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToOption_48<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14319,7 +14464,7 @@ export declare interface BentoRangeFilterOptions {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_48<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_49<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14331,7 +14476,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToOption_48<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_49<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14443,7 +14588,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_49<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_50<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -14461,7 +14606,7 @@ clear: () => void;
 "escape-pressed": () => void;
 blur: () => void;
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_49<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToOption_50<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -14550,7 +14695,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToOption_50<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToOption_51<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -14568,7 +14713,7 @@ value?: string;
 allowExpandableItemNavigation?: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_50<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_51<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -14620,7 +14765,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_52<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_53<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14628,7 +14773,7 @@ modelValue: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: any) => void;
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_52<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToOption_53<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -15017,7 +15162,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_51<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_52<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -15035,7 +15180,7 @@ variant: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: BentoSelectionCardModelValue) => void;
 input: (value: BentoSelectionCardModelValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToOption_51<BentoSelectionCardGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_52<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -15501,7 +15646,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithSlots_48<DefineComponent<__VLS_TypePropsToOption_53<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_53<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithSlots_48<DefineComponent<__VLS_TypePropsToOption_54<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_54<BentoStatusProps>>>, {}>, {
     default?: (props: {}) => any;
 }>;
 
@@ -15720,7 +15865,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_54<{
+export declare const BentoStructuredList: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_55<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15744,7 +15889,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToOption_54<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToOption_55<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15798,7 +15943,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithSlots_52<DefineComponent<__VLS_TypePropsToOption_55<{
+export declare const BentoStructuredListItem: __VLS_WithSlots_52<DefineComponent<__VLS_TypePropsToOption_56<{
 /**
 * Label to display for the value
 */
@@ -15825,7 +15970,7 @@ searchTooltip?: string;
 truncate?: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 copy: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_55<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_56<{
 /**
 * Label to display for the value
 */
@@ -15880,10 +16025,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_56<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToOption_56<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15930,7 +16075,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15946,7 +16091,7 @@ underlineTooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "copy-click": (event: MouseEvent) => void;
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16006,7 +16151,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -16015,7 +16160,7 @@ underlineTooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "copy-click": (event: MouseEvent) => void;
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -16080,7 +16225,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16095,7 +16240,7 @@ underlineTooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "copy-click": (event: MouseEvent) => void;
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16154,7 +16299,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_60<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16169,7 +16314,7 @@ underlineTooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "copy-click": (event: MouseEvent) => void;
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToOption_60<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16234,7 +16379,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_60<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16243,7 +16388,7 @@ underlineTooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "copy-click": (event: MouseEvent) => void;
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToOption_60<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16335,13 +16480,13 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
 setElementRef: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -16569,7 +16714,7 @@ declare interface BentoTeleportProps {
     to?: string;
 }
 
-export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTextareaProps>, {
+export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16598,7 +16743,7 @@ input: (value: string) => void;
 "update:model-value": (value: string) => void;
 keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTextareaProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16733,13 +16878,13 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<BentoTimelineProps>, {
+export declare const BentoTimeline: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "add-timeline-note": (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<BentoTimelineProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -16810,7 +16955,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<BentoTimelineItemProps>, {
+export declare const BentoTimelineItem: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_62<__VLS_TypePropsToOption_66<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16819,7 +16964,7 @@ tag: any;
 title: any;
 type: string;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<BentoTimelineItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_62<__VLS_TypePropsToOption_66<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -17443,7 +17588,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithSlots_63<DefineComponent<__VLS_WithDefaults_62<__VLS_TypePropsToOption_66<BentoTypographyProps>, {
+export declare const BentoTypography: __VLS_WithSlots_63<DefineComponent<__VLS_WithDefaults_63<__VLS_TypePropsToOption_67<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -17451,7 +17596,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_62<__VLS_TypePropsToOption_66<BentoTypographyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_63<__VLS_TypePropsToOption_67<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -18006,7 +18151,7 @@ export declare interface ToastStack {
 }
 
 /**
- * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.
+ * Composable that transforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.
  *
  * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.
  * Function that transform Zod’s schemas into something that can be understood by vee-validate