@adyen/bento-vue2 1.41.0 → 1.43.0

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

@@ -57,6 +57,10 @@ declare type __VLS_NonUndefinedable_21<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_22<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_23<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_24<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
@@ -236,6 +240,28 @@ declare type __VLS_TypePropsToRuntimeProps_22<T> = {
           };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_23<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_23<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_24<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_24<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_3<T> = {
     [K in keyof T]-?: {} extends Pick<T, K>
         ? {
@@ -409,6 +435,22 @@ declare type __VLS_WithDefaults_2<P, D> = {
         : P[K];
 };
 
+declare type __VLS_WithDefaults_20<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D
+        ? P[K] & {
+              default: D[K];
+          }
+        : P[K];
+};
+
+declare type __VLS_WithDefaults_21<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D
+        ? P[K] & {
+              default: D[K];
+          }
+        : P[K];
+};
+
 declare type __VLS_WithDefaults_3<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D
         ? P[K] & {
@@ -3681,8 +3723,8 @@ export declare interface BentoCurrencyProps {
  */
 export declare const BentoDashboardSection: __VLS_WithTemplateSlots_41<
     DefineComponent<
-        __VLS_WithDefaults_19<
-            __VLS_TypePropsToRuntimeProps_22<{
+        __VLS_WithDefaults_21<
+            __VLS_TypePropsToRuntimeProps_24<{
                 /**
                  * The header of the section
                  */
@@ -3706,8 +3748,8 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_41<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_19<
-                    __VLS_TypePropsToRuntimeProps_22<{
+                __VLS_WithDefaults_21<
+                    __VLS_TypePropsToRuntimeProps_24<{
                         /**
                          * The header of the section
                          */
@@ -3765,8 +3807,8 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_41<
  */
 export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_40<
     DefineComponent<
-        __VLS_WithDefaults_18<
-            __VLS_TypePropsToRuntimeProps_21<{
+        __VLS_WithDefaults_20<
+            __VLS_TypePropsToRuntimeProps_23<{
                 /**
                  * The header that goes to the top of the template
                  */
@@ -3802,8 +3844,8 @@ export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_40<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_18<
-                    __VLS_TypePropsToRuntimeProps_21<{
+                __VLS_WithDefaults_20<
+                    __VLS_TypePropsToRuntimeProps_23<{
                         /**
                          * The header that goes to the top of the template
                          */
@@ -4089,6 +4131,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                 type: BooleanConstructor;
                 default: boolean;
             };
+            /**
+             * Enables the nested content slot functionality.
+             */
+            hasNestedRows: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             /**
              * Highlighted items
              */
@@ -4194,6 +4243,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                 type: PropType<BentoDatagridShouldShowNestedContentFn>;
                 default: (_item: BentoDatagridDataItem) => true;
             };
+            /**
+             * Returns the nested rows for a given BentoDatagridDataItem.
+             */
+            shouldShowNestedRows: {
+                type: PropType<BentoDatagridShouldShowNestedRowsFn>;
+                default: (_item: BentoDatagridDataItem) => true;
+            };
             /**
              * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
              * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -4344,6 +4400,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                /**
+                 * Enables the nested content slot functionality.
+                 */
+                hasNestedRows: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 /**
                  * Highlighted items
                  */
@@ -4449,6 +4512,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                     type: PropType<BentoDatagridShouldShowNestedContentFn>;
                     default: (_item: BentoDatagridDataItem) => true;
                 };
+                /**
+                 * Returns the nested rows for a given BentoDatagridDataItem.
+                 */
+                shouldShowNestedRows: {
+                    type: PropType<BentoDatagridShouldShowNestedRowsFn>;
+                    default: (_item: BentoDatagridDataItem) => true;
+                };
                 /**
                  * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
                  * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -4491,8 +4561,10 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
             isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
             allowRowClicks: boolean;
             hasNestedContent: boolean;
+            hasNestedRows: boolean;
             highlightedRows: BentoDatagridDataItemId[];
             shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
+            shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
             filterValues: BentoFilterValues;
             allowColumnDragAndDrop: boolean;
             bulkActions: BentoButtonActionsList;
@@ -4509,6 +4581,7 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
     Record<string, (_: any) => any> &
         Record<string, (_: any) => any> & {
             header: (_: {}) => any;
+            'pagination-slot': (_: {}) => any;
             footer: (_: {}) => any;
         }
 >;
@@ -4528,6 +4601,7 @@ export declare type BentoDatagridData = BentoDatagridDataItem[];
 
 export declare interface BentoDatagridDataItem {
     id?: BentoDatagridDataItemId;
+    children?: BentoDatagridDataItem[];
     [fieldName: string]: unknown;
 }
 
@@ -4540,6 +4614,7 @@ export declare enum BentoDatagridEvent {
     COLUMN_RESIZE = 'column-resize',
     ITEMS_PAGE = 'items-page',
     NAVIGATE = 'navigate',
+    NESTED_CONTENT_TOGGLED = 'nested-content-toggled',
     FILTER_SEARCH_INPUT = 'filter-search-input',
     FILTER_SEARCH_CLEAR = 'filter-search-clear',
     UPDATE_COLUMNS = 'update:columns',
@@ -4567,6 +4642,8 @@ export declare type BentoDatagridSelection = BentoDatagridDataItemId[];
 
 export declare type BentoDatagridShouldShowNestedContentFn = (item: BentoDatagridDataItem) => boolean;
 
+export declare type BentoDatagridShouldShowNestedRowsFn = (item: BentoDatagridDataItem) => boolean;
+
 export declare interface BentoDatagridSortByColumn {
     field: BentoColumn['field'];
     direction: BentoDatagridSortDirection;
@@ -7881,6 +7958,153 @@ export declare enum BentoEmptyStateVariant {
     CONDENSED = 'condensed',
 }
 
+/**
+ * The file uploader component enables users to upload one or multiple files from their device to our system.
+ *
+ * @example
+ * import { BentoFileUploader, type BentoFileValue } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoFileUploader },
+ *     template: `
+ *          <bento-file-uploader
+ *              accept="image/*,video/*,.pdf,.png"
+ *              condensed
+ *              description="Custom supporting text"
+ *              disabled
+ *              errorMessage="Custom error message"
+ *              label="Bento file uploader"
+ *              :maxCount="1"
+ *              :maxDimensions="{ width: 200, height: 100 }"
+ *              :maxSize="1000"
+ *              v-model="files"
+ *              multiple
+ *              :optional="false"
+ *              required
+ *              tooltipText="Useful information"
+ *          />
+ *     `,
+ *      setup() {
+ *          const files = ref<BentoFileValue>()
+ *      }
+ * }
+ */
+export declare const BentoFileUploader: DefineComponent<
+    __VLS_WithDefaults_8<
+        __VLS_TypePropsToRuntimeProps_8<BentoFileUploaderProps>,
+        {
+            accept: any;
+            description: any;
+            errorMessage: any;
+            maxCount: number;
+            maxDimensions: any;
+            maxSize: any;
+            modelValue: any;
+            tooltipText: any;
+        }
+    >,
+    {},
+    {},
+    {},
+    {},
+    ComponentOptionsMixin,
+    ComponentOptionsMixin,
+    {
+        change: (value?: FileList) => void;
+    } & {
+        'update:modelValue': (value?: FileList) => void;
+    },
+    string,
+    Readonly<
+        ExtractPropTypes<
+            __VLS_WithDefaults_8<
+                __VLS_TypePropsToRuntimeProps_8<BentoFileUploaderProps>,
+                {
+                    accept: any;
+                    description: any;
+                    errorMessage: any;
+                    maxCount: number;
+                    maxDimensions: any;
+                    maxSize: any;
+                    modelValue: any;
+                    tooltipText: any;
+                }
+            >
+        >
+    >,
+    {
+        description: string;
+        tooltipText: string;
+        errorMessage: string;
+        modelValue: BentoFileUploaderValue;
+        accept: HTMLInputElement['accept'];
+        maxCount: number;
+        maxDimensions: any;
+        maxSize: number;
+    }
+>;
+
+export declare interface BentoFileUploaderProps {
+    /**
+     * A string that defines the file types the file input should accept.
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
+     */
+    accept?: HTMLInputElement['accept'];
+    /**
+     * Reduces the size of the uploader area.
+     */
+    condensed?: boolean;
+    /**
+     * Descriptive supporting text visbile underneath the label.
+     */
+    description?: string;
+    /**
+     * Disable the radio button (optional).
+     */
+    disabled?: boolean;
+    /**
+     * Renders file-uploader with an error state and the error message beneath the input box
+     */
+    errorMessage?: string;
+    /**
+     * The label of the component.
+     */
+    label: string;
+    /**
+     * Sets a maximum file count. Allows for uploading multiple files.
+     */
+    maxCount?: number;
+    /**
+     * Sets a maximum image size (for image file types only).
+     */
+    maxDimensions?: {
+        width?: number;
+        height?: number;
+    };
+    /**
+     * Sets a maximum file size in Bytes
+     */
+    maxSize?: number;
+    /**
+     * Used to support `v-model`. Doesn't actually set the value of the file uploader.
+     */
+    modelValue?: BentoFileUploaderValue;
+    /**
+     * Sets the field as optional.
+     */
+    optional?: boolean;
+    /**
+     * Sets the field as required.
+     */
+    required?: boolean;
+    /**
+     * Adds a info icon next to the label to display the passed tooltip message.
+     */
+    tooltipText?: string;
+}
+
+export declare type BentoFileUploaderValue = string | Array<string> | File | Array<File>;
+
 /**
  * The filter bar filters item lists and tables according to various filter criteria.
  *
@@ -8132,6 +8356,7 @@ export declare interface BentoFilterModel extends BentoFilterValue {
     description?: string;
     type: BentoFilterItemType;
     options?: BentoFilterOptions;
+    disabled?: boolean;
     defaultValue?: BentoFilterBarValue;
     visible?: boolean;
     /**
@@ -8736,8 +8961,8 @@ declare enum BentoHeaderVariant {
  * }
  */
 export declare const BentoImage: DefineComponent<
-    __VLS_WithDefaults_8<
-        __VLS_TypePropsToRuntimeProps_8<BentoImageProps>,
+    __VLS_WithDefaults_9<
+        __VLS_TypePropsToRuntimeProps_9<BentoImageProps>,
         {
             aspectRatio: any;
             objectFit: any;
@@ -8753,8 +8978,8 @@ export declare const BentoImage: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_8<
-                __VLS_TypePropsToRuntimeProps_8<BentoImageProps>,
+            __VLS_WithDefaults_9<
+                __VLS_TypePropsToRuntimeProps_9<BentoImageProps>,
                 {
                     aspectRatio: any;
                     objectFit: any;
@@ -9075,6 +9300,8 @@ export declare const BentoInputField: __VLS_WithTemplateSlots_17<
             focus: () => void;
         } & {
             keydown: (event: KeyboardEvent) => void;
+        } & {
+            keyup: (event: KeyboardEvent) => void;
         } & {
             input: (inputValue: string) => void;
         },
@@ -9283,6 +9510,173 @@ export declare enum BentoInputFieldEvent {
     KEYDOWN = 'keydown',
 }
 
+/**
+ * The input field password is a component designed to support users' preference for entering values securely.
+ * This is an extension of the `bento-input-field` component.
+ *
+ * @example
+ * import { BentoInputFieldPassword } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoInputFieldPassword },
+ *     template: `
+ *          <bento-input-field-password
+ *              label="Label"
+ *              error-message="Error"
+ *              :validation="{
+ *                  title: 'Password must contain at least:',
+ *                  suggestion: 'Avoid using currency symbols or accented letters.',
+ *                  list: [
+ *                      { label: '8 characters', validate: minLength, additionalArgs: [8] },
+ *                      { label: '1 lowercase (a-z)', validate: requireLowercase },
+ *                      { label: '1 uppercase (A-Z)', validate: requireUppercase },
+ *                      { label: '1 numerical (0-9)', validate: requireNumeric },
+ *                      { label: '1 special character', validate: requireSpecialCharacter },
+ *                      {
+ *                          label: 'Always true',
+ *                          validate: () => {
+ *                              const example = 'Example';
+ *
+ *                              return () => example.length > 1;
+ *                          },
+ *                      },
+ *                  ],
+ *              }"
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoInputFieldPassword: DefineComponent<
+    __VLS_WithDefaults_10<
+        __VLS_TypePropsToRuntimeProps_10<BentoInputFieldPasswordProps>,
+        {
+            condensed: boolean;
+            disabled: boolean;
+            label: any;
+            errorMessage: any;
+            placeholder: string;
+            readonly: boolean;
+            validation: any;
+            value: any;
+            withHint: boolean;
+        }
+    >,
+    {},
+    {},
+    {},
+    {},
+    ComponentOptionsMixin,
+    ComponentOptionsMixin,
+    {
+        'input:valid': () => void;
+    } & {
+        input: (value: BentoInputFieldValue) => void;
+    },
+    string,
+    Readonly<
+        ExtractPropTypes<
+            __VLS_WithDefaults_10<
+                __VLS_TypePropsToRuntimeProps_10<BentoInputFieldPasswordProps>,
+                {
+                    condensed: boolean;
+                    disabled: boolean;
+                    label: any;
+                    errorMessage: any;
+                    placeholder: string;
+                    readonly: boolean;
+                    validation: any;
+                    value: any;
+                    withHint: boolean;
+                }
+            >
+        >
+    >,
+    {
+        value: BentoInputFieldProps['value'];
+        label: string;
+        condensed: BentoInputFieldProps['condensed'];
+        disabled: BentoInputFieldProps['disabled'];
+        validation: BentoInputFieldPasswordValidation;
+        errorMessage: BentoInputFieldProps['errorMessage'];
+        readonly: BentoInputFieldProps['readonly'];
+        placeholder: BentoInputFieldProps['placeholder'];
+        withHint: boolean;
+    }
+>;
+
+export declare interface BentoInputFieldPasswordProps {
+    /**
+     * Reduces height of the input
+     */
+    condensed?: BentoInputFieldProps['condensed'];
+    /**
+     * Disables the possibility of changing value in the input-field
+     */
+    disabled?: BentoInputFieldProps['disabled'];
+    /**
+     * Renders input-field with an error state and the error message beneath the input box
+     */
+    errorMessage?: BentoInputFieldProps['errorMessage'];
+    /**
+     * Text displayed as the placeholder of the input-field
+     */
+    placeholder?: BentoInputFieldProps['placeholder'];
+    /**
+     * Setting this property to true will set the input field to read only state.
+     */
+    readonly?: BentoInputFieldProps['readonly'];
+    /**
+     * Text displayed as the value of the input-field
+     */
+    value?: BentoInputFieldProps['value'];
+    /**
+     * Label to be shown with the input field
+     */
+    label?: string;
+    /**
+     * Configuration object for password field validation.
+     *
+     * This object defines the validation criteria and associated messages for a password field.
+     * It includes the following properties:
+     *
+     * - `title`: The title displayed at the top of the validation hint.
+     * - `suggestion`: The message displayed at the bottom of the validation hint, providing additional guidance.
+     * - `list`: An array of callback functions to be executed on the value after each user input, validating the password against the specified rules.
+     *
+     * By default, the validation checks that:
+     *
+     * - The value has a minimum length of 8 characters.
+     * - The value contains at least one lowercase letter.
+     * - The value contains at least one uppercase letter.
+     * - The value contains at least one numeric digit.
+     * - The value contains at least one special character.
+     *
+     *
+     */
+    validation?: BentoInputFieldPasswordValidation;
+    /**
+     * Whether the password validation hint is displayed when the input field is activated via focus or input
+     */
+    withHint?: boolean;
+}
+
+export declare interface BentoInputFieldPasswordValidation {
+    title?: string;
+    suggestion?: string;
+    list: BentoInputFieldPasswordValidationListItem[];
+}
+
+/**
+ * Public
+ */
+export declare interface BentoInputFieldPasswordValidationListItem {
+    label: string;
+    validate: (value: BentoInputFieldValue, ...args: any[]) => boolean;
+    additionalArgs?: any[];
+}
+
+declare type BentoInputFieldProps = InstanceType<typeof BentoInputField>['$props'];
+
 export declare enum BentoInputFieldStateClass {
     CONDENSED = 'condensed',
     DISABLED = 'disabled',
@@ -9356,8 +9750,8 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  */
 export declare const BentoInspector: __VLS_WithTemplateSlots_18<
     DefineComponent<
-        __VLS_WithDefaults_9<
-            __VLS_TypePropsToRuntimeProps_9<{
+        __VLS_WithDefaults_11<
+            __VLS_TypePropsToRuntimeProps_11<{
                 /**
                  * Shows the Expand icon in the inspector
                  */
@@ -9400,8 +9794,8 @@ export declare const BentoInspector: __VLS_WithTemplateSlots_18<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_9<
-                    __VLS_TypePropsToRuntimeProps_9<{
+                __VLS_WithDefaults_11<
+                    __VLS_TypePropsToRuntimeProps_11<{
                         /**
                          * Shows the Expand icon in the inspector
                          */
@@ -9495,8 +9889,8 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  */
 export declare const BentoLayout: __VLS_WithTemplateSlots_19<
     DefineComponent<
-        __VLS_WithDefaults_10<
-            __VLS_TypePropsToRuntimeProps_10<BentoLayoutProps>,
+        __VLS_WithDefaults_12<
+            __VLS_TypePropsToRuntimeProps_12<BentoLayoutProps>,
             {
                 size: string;
                 variant: string;
@@ -9512,8 +9906,8 @@ export declare const BentoLayout: __VLS_WithTemplateSlots_19<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_10<
-                    __VLS_TypePropsToRuntimeProps_10<BentoLayoutProps>,
+                __VLS_WithDefaults_12<
+                    __VLS_TypePropsToRuntimeProps_12<BentoLayoutProps>,
                     {
                         size: string;
                         variant: string;
@@ -9576,8 +9970,8 @@ export declare interface BentoLayoutProps {
  */
 export declare const BentoLayoutRow: __VLS_WithTemplateSlots_20<
     DefineComponent<
-        __VLS_WithDefaults_11<
-            __VLS_TypePropsToRuntimeProps_11<BentoLayoutRowProps>,
+        __VLS_WithDefaults_13<
+            __VLS_TypePropsToRuntimeProps_13<BentoLayoutRowProps>,
             {
                 columnsLayout: string;
             }
@@ -9592,8 +9986,8 @@ export declare const BentoLayoutRow: __VLS_WithTemplateSlots_20<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_11<
-                    __VLS_TypePropsToRuntimeProps_11<BentoLayoutRowProps>,
+                __VLS_WithDefaults_13<
+                    __VLS_TypePropsToRuntimeProps_13<BentoLayoutRowProps>,
                     {
                         columnsLayout: string;
                     }
@@ -9650,8 +10044,8 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  */
 export declare const BentoLink: __VLS_WithTemplateSlots_21<
     DefineComponent<
-        __VLS_WithDefaults_12<
-            __VLS_TypePropsToRuntimeProps_12<BentoLinkProps>,
+        __VLS_WithDefaults_14<
+            __VLS_TypePropsToRuntimeProps_14<BentoLinkProps>,
             {
                 target: any;
                 variant: BentoLinkVariant;
@@ -9669,8 +10063,8 @@ export declare const BentoLink: __VLS_WithTemplateSlots_21<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_12<
-                    __VLS_TypePropsToRuntimeProps_12<BentoLinkProps>,
+                __VLS_WithDefaults_14<
+                    __VLS_TypePropsToRuntimeProps_14<BentoLinkProps>,
                     {
                         target: any;
                         variant: BentoLinkVariant;
@@ -12912,8 +13306,8 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  */
 export declare const BentoPromoBanner: __VLS_WithTemplateSlots_27<
     DefineComponent<
-        __VLS_WithDefaults_13<
-            __VLS_TypePropsToRuntimeProps_13<BentoPromoBannerProps>,
+        __VLS_WithDefaults_15<
+            __VLS_TypePropsToRuntimeProps_15<BentoPromoBannerProps>,
             {
                 actions: any;
                 color: BentoPromoBannerColor;
@@ -12934,8 +13328,8 @@ export declare const BentoPromoBanner: __VLS_WithTemplateSlots_27<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_13<
-                    __VLS_TypePropsToRuntimeProps_13<BentoPromoBannerProps>,
+                __VLS_WithDefaults_15<
+                    __VLS_TypePropsToRuntimeProps_15<BentoPromoBannerProps>,
                     {
                         actions: any;
                         color: BentoPromoBannerColor;
@@ -13727,7 +14121,7 @@ export declare interface BentoSearchBarItem {
  * }
  */
 export declare const BentoSecondaryNav: DefineComponent<
-    __VLS_TypePropsToRuntimeProps_15<{
+    __VLS_TypePropsToRuntimeProps_17<{
         /**
          * 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.
@@ -13751,7 +14145,7 @@ export declare const BentoSecondaryNav: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_TypePropsToRuntimeProps_15<{
+            __VLS_TypePropsToRuntimeProps_17<{
                 /**
                  * 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.
@@ -13801,8 +14195,8 @@ export declare interface BentoSecondaryNavState {
  * }
  */
 export declare const BentoSegmentedControl: DefineComponent<
-    __VLS_WithDefaults_15<
-        __VLS_TypePropsToRuntimeProps_16<{
+    __VLS_WithDefaults_17<
+        __VLS_TypePropsToRuntimeProps_18<{
             /**
              * Accessible name describing the segmented control.
              * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -13843,8 +14237,8 @@ export declare const BentoSegmentedControl: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_15<
-                __VLS_TypePropsToRuntimeProps_16<{
+            __VLS_WithDefaults_17<
+                __VLS_TypePropsToRuntimeProps_18<{
                     /**
                      * Accessible name describing the segmented control.
                      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -13922,6 +14316,7 @@ export declare interface BentoSelectFilterOptions {
      */
     multiple?: boolean;
     /**
+     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
      * The translation object to handle any custom transations. e.g. perisistent filter labels.
      */
     messages?: {
@@ -13932,11 +14327,13 @@ export declare interface BentoSelectFilterOptions {
         };
     };
     /**
+     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
      * The unique key to use in the messages translation object to use for the persistent button label
      * when the select filter has partially selected items.
      */
     messagesPersistentButtonLabelPartiallySelectedKey?: string;
     /**
+     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
      * The unique key to use in the messages translation object to use for the persistent button label
      * when the select filter has all items selected.
      */
@@ -14851,7 +15248,7 @@ export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_32<
  */
 export declare const BentoStatus: __VLS_WithTemplateSlots_34<
     DefineComponent<
-        __VLS_TypePropsToRuntimeProps_17<{
+        __VLS_TypePropsToRuntimeProps_19<{
             variant: BentoStatusVariant | `${BentoStatusVariant}`;
         }>,
         {},
@@ -14864,7 +15261,7 @@ export declare const BentoStatus: __VLS_WithTemplateSlots_34<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_TypePropsToRuntimeProps_17<{
+                __VLS_TypePropsToRuntimeProps_19<{
                     variant: BentoStatusVariant | `${BentoStatusVariant}`;
                 }>
             >
@@ -15110,8 +15507,8 @@ export declare enum BentoStepperVariantOption {
  */
 export declare const BentoStructuredList: __VLS_WithTemplateSlots_37<
     DefineComponent<
-        __VLS_WithDefaults_16<
-            __VLS_TypePropsToRuntimeProps_18<{
+        __VLS_WithDefaults_18<
+            __VLS_TypePropsToRuntimeProps_20<{
                 /**
                  * Width of the labels container, in pixels. Overrides layout prop.
                  */
@@ -15145,8 +15542,8 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_37<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_16<
-                    __VLS_TypePropsToRuntimeProps_18<{
+                __VLS_WithDefaults_18<
+                    __VLS_TypePropsToRuntimeProps_20<{
                         /**
                          * Width of the labels container, in pixels. Overrides layout prop.
                          */
@@ -15207,7 +15604,7 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_37<
  */
 export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_38<
     DefineComponent<
-        __VLS_TypePropsToRuntimeProps_19<{
+        __VLS_TypePropsToRuntimeProps_21<{
             /**
              * Label to display for the value
              */
@@ -15243,7 +15640,7 @@ export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_38<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_TypePropsToRuntimeProps_19<{
+                __VLS_TypePropsToRuntimeProps_21<{
                     /**
                      * Label to display for the value
                      */
@@ -16443,8 +16840,8 @@ declare enum BentoTabsEvent {
 }
 
 export declare const BentoTag: DefineComponent<
-    __VLS_WithDefaults_14<
-        __VLS_TypePropsToRuntimeProps_14<BentoTagProps>,
+    __VLS_WithDefaults_16<
+        __VLS_TypePropsToRuntimeProps_16<BentoTagProps>,
         {
             label: any;
             truncate: any;
@@ -16461,8 +16858,8 @@ export declare const BentoTag: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_14<
-                __VLS_TypePropsToRuntimeProps_14<BentoTagProps>,
+            __VLS_WithDefaults_16<
+                __VLS_TypePropsToRuntimeProps_16<BentoTagProps>,
                 {
                     label: any;
                     truncate: any;
@@ -17713,8 +18110,8 @@ export declare interface BentoTutorialStep {
  */
 export declare const BentoTypography: __VLS_WithTemplateSlots_39<
     DefineComponent<
-        __VLS_WithDefaults_17<
-            __VLS_TypePropsToRuntimeProps_20<{
+        __VLS_WithDefaults_19<
+            __VLS_TypePropsToRuntimeProps_22<{
                 /**
                  * Sets the HTML DOM element.
                  * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17775,8 +18172,8 @@ export declare const BentoTypography: __VLS_WithTemplateSlots_39<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_17<
-                    __VLS_TypePropsToRuntimeProps_20<{
+                __VLS_WithDefaults_19<
+                    __VLS_TypePropsToRuntimeProps_22<{
                         /**
                          * Sets the HTML DOM element.
                          * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -18108,6 +18505,15 @@ export declare type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
  */
 export declare type MaybeRef<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
 
+/**
+ * Validates if the length of the provided value is greater than or equal to the specified length.
+ *
+ * @param value - The input value to check.
+ * @param length - The minimum required length of the value. Defaults to 8.
+ * @returns `true` if the length of the value is greater than or equal to the specified length, `false` otherwise.
+ */
+export declare function minLength(value: BentoInputFieldValue, length?: number): boolean;
+
 export declare type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 declare type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;
@@ -18177,6 +18583,38 @@ declare enum PopperContainerPositionExtended {
     LEFT_END = 'left-end',
 }
 
+/**
+ * Validates if the provided value contains at least one lowercase letter.
+ *
+ * @param value - The input value to check.
+ * @returns `true` if the value contains at least one lowercase letter, `false` otherwise.
+ */
+export declare function requireLowercase(value: BentoInputFieldValue): boolean;
+
+/**
+ * Validates if the provided value contains at least one numerical digit.
+ *
+ * @param value - The input value to check.
+ * @returns `true` if the value contains at least one numerical digit, `false` otherwise.
+ */
+export declare function requireNumeric(value: BentoInputFieldValue): boolean;
+
+/**
+ * Validates if the provided value contains at least one special character (non-alphanumeric).
+ *
+ * @param value - The input value to check.
+ * @returns `true` if the value contains at least one special character, `false` otherwise.
+ */
+export declare function requireSpecialCharacter(value: BentoInputFieldValue): boolean;
+
+/**
+ * Validates if the provided value contains at least one uppercase letter.
+ *
+ * @param value - The input value to check.
+ * @returns `true` if the value contains at least one uppercase letter, `false` otherwise.
+ */
+export declare function requireUppercase(value: BentoInputFieldValue): boolean;
+
 declare interface Toast {
     dismiss: () => void;
 }