@adyen/bento-vue3 1.2.0 → 1.3.0

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

@@ -28,6 +28,10 @@ import {
     BentoDropdownCurrency,
     BentoDropdownPaymentMethod,
     BentoFilterBar,
+    BentoFormLayout,
+    BentoFormLayoutFieldTip,
+    BentoFormLayoutGroup,
+    BentoFormLayoutTitle,
     BentoHeader,
     BentoInfoIcon,
     BentoInputField,
@@ -42,6 +46,8 @@ import {
     BentoRadioGroup,
     BentoSearchBar,
     BentoSegmentedControl,
+    BentoSidepanel,
+    BentoSidepanelPage,
     BentoStatus,
     BentoStructuredList,
     BentoStructuredListItem,
@@ -91,6 +97,10 @@ declare module 'vue' {
         BentoDropdownAvatar: typeof BentoDropdownAvatar;
         BentoDropdownCountry: typeof BentoDropdownCountry;
         BentoFilterBar: typeof BentoFilterBar;
+        BentoFormLayout: typeof BentoFormLayout;
+        BentoFormLayoutFieldTip: typeof BentoFormLayoutFieldTip;
+        BentoFormLayoutGroup: typeof BentoFormLayoutGroup;
+        BentoFormLayoutTitle: typeof BentoFormLayoutTitle;
         BentoHeader: typeof BentoHeader;
         BentoInfoIcon: typeof BentoInfoIcon;
         BentoDropdownCurrency: typeof BentoDropdownCurrency;
@@ -107,6 +117,8 @@ declare module 'vue' {
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
         BentoSegmentedControl: typeof BentoSegmentedControl;
+        BentoSidepanel: typeof BentoSidepanel;
+        BentoSidepanelPage: typeof BentoSidepanelPage;
         BentoStatus: typeof BentoStatus;
         BentoStructuredList: typeof BentoStructuredList;
         BentoStructuredListItem: typeof BentoStructuredListItem;

package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
     state: {
-        type: PropType<BentoLoadingButtonState>;
+        type: PropType<"start" | "success" | BentoLoadingButtonState | "loading" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -37,7 +37,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
     state: {
-        type: PropType<BentoLoadingButtonState>;
+        type: PropType<"start" | "success" | BentoLoadingButtonState | "loading" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -50,6 +50,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     condensed: any;
     disabled: any;
     variant: any;
-    state: BentoLoadingButtonState;
+    state: "start" | "success" | BentoLoadingButtonState | "loading" | "fail";
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts

@@ -2,10 +2,38 @@ import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';
 import { BentoCheckboxEvent } from '../../checkbox.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoCheckboxGroupItems>;
         required: true;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     modelValue: {
         type: {
             (arrayLength: number): (string | number)[];
@@ -23,16 +51,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
         default: () => any[];
     };
-    variant: {
-        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
-        default: BentoCheckboxGroupVariant;
-        validator: (value: BentoCheckboxGroupVariant) => boolean;
-    };
-    formId: {
-        type: StringConstructor;
-        default: any;
-    };
-    disabled: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -40,20 +59,22 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
+    tooltipText: {
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        required: true;
+    variant: {
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        default: BentoCheckboxGroupVariant;
+        validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }, {
     errorId: string;
+    isReadOnly: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowGroupError: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowGroupErrorMessage: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
@@ -62,10 +83,38 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     inputValue: import("../../../../../../vue3/node_modules/vue").Ref<(string | number)[]>;
     onInput: (value: any) => void;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoCheckboxEvent[], BentoCheckboxEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoCheckboxGroupItems>;
         required: true;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     modelValue: {
         type: {
             (arrayLength: number): (string | number)[];
@@ -83,16 +132,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
         default: () => any[];
     };
-    variant: {
-        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
-        default: BentoCheckboxGroupVariant;
-        validator: (value: BentoCheckboxGroupVariant) => boolean;
-    };
-    formId: {
-        type: StringConstructor;
-        default: any;
-    };
-    disabled: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -100,23 +140,29 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
+    tooltipText: {
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        required: true;
+    variant: {
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        default: BentoCheckboxGroupVariant;
+        validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }>> & {
     "onUpdate:model-value"?: (...args: any[]) => any;
 }, {
+    required: boolean;
     disabled: boolean;
     variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
+    description: string;
+    tooltipText: string;
+    optional: boolean;
+    hideLabel: boolean;
     errorMessage: string;
     readonly: boolean;
     modelValue: (string | number)[];

package/dist/@types/packages/vue2/src/components/country/composables/index.d.ts

@@ -1,4 +1,3 @@
 export { useCountryCapital } from './useCountryCapital/useCountryCapital';
-export { useCountryFlag } from './useCountryFlag';
 export { useCountryName } from './useCountryName/useCountryName';
 export { useCountryPhoneCode } from './useCountryPhoneCode/useCountryPhoneCode';

package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts

@@ -17,9 +17,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: BentoCountryVariant) => boolean;
     };
 }, {
-    flagIconSrc: import("../../../../vue3/node_modules/vue").Ref<string>;
     countryName: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-    countryLabel: import("../../../../vue3/node_modules/vue").Ref<any>;
+    countryLabel: import("../../../../vue3/node_modules/vue").Ref<string>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     code: {

package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts

@@ -24,6 +24,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -42,6 +46,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     }>;
     isDateIncorrect: Ref<boolean>;
     isDatePickerOpen: Ref<boolean>;
+    isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     dateErrorText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     labelId: string;
     descriptionId: string;
@@ -99,6 +104,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -117,7 +126,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     description: string;
     isDateDisabled: any;
     firstDayOfWeek: any;
-    errorMessage: string;
     optional: boolean;
+    errorMessage: string;
+    readonly: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,6 +53,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     }>;
     isDateIncorrect: import("../../../../vue3/node_modules/vue").Ref<boolean>;
     isDateRangePickerOpen: import("../../../../vue3/node_modules/vue").Ref<boolean>;
+    isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     labelId: string;
     descriptionId: string;
     dateErrorId: string;
@@ -113,6 +118,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -136,8 +145,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     firstDayOfWeek: any;
     maxRange: any;
     numberOfMonths: any;
-    errorMessage: string;
     optional: boolean;
+    errorMessage: string;
+    readonly: boolean;
     allowTimeInput: boolean;
     quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts

@@ -96,6 +96,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     dropdownOptionsContainerId: string;
     filteredItems: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
     isSearching: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     searchTerm: import("../../../../vue3/node_modules/vue").Ref<string>;
     labelId: string;
     descriptionId: string;
@@ -242,6 +243,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     ariaLabel: string;
     description: string;
     placeholder: string;
+    optional: boolean;
     errorMessage: string;
     size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
     items: BentoListboxOptions;
@@ -253,6 +255,5 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
-    optional: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts

@@ -184,11 +184,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    clearFilter: () => void;
     onDateSelected: (selectedDate: BentoDateRangePickerValue) => void;
     openFilter: () => void;
     updateFilter: () => void;
-    resetFilter: () => void;
     onDatePickerRangeError: () => void;
     onDatePickerRangeFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
     onDateInputSelected: (selectedDate: BentoDateRangePickerValue) => void;

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{}>>, {}>, {
+    default: (_: {}) => any;
+    message: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoFormLayoutFieldTip } from './form-layout-field-tip.vue';

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/composable/use-form-layout-group-percentage.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "../../../../../../../vue3/node_modules/vue";
+import { BentoLayoutGroupProportions } from '../form-layout-group.types';
+export declare const useFormLayoutGroupPercentage: (layoutProp: Ref<BentoLayoutGroupProportions>, formLayoutGroupRef: Ref<HTMLElement>) => void;

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.d.ts

@@ -0,0 +1 @@
+export type BentoLayoutGroupProportions = '50-50' | '25-75' | '75-25' | '33-66' | '66-33' | '25' | '33' | '50' | '100';

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/form-layout-group.vue.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoLayoutGroupProportions } from './form-layout-group.types';
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+    layout: {
+        type: PropType<BentoLayoutGroupProportions>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    layout: {
+        type: PropType<BentoLayoutGroupProportions>;
+        default: string;
+    };
+}>>, {
+    layout: BentoLayoutGroupProportions;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoFormLayoutGroup } from './form-layout-group.vue';

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue.d.ts

@@ -0,0 +1,33 @@
+import { BentoTypographyElement } from "../../../typography";
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+    subsection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    el: {
+        type: any;
+        required: true;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    subsection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    el: {
+        type: any;
+        required: true;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+}>>, {
+    subsection: boolean;
+}>, {
+    default: (_: {}) => any;
+    description: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoFormLayoutTitle } from './form-layout-title.vue';

package/dist/@types/packages/vue2/src/components/form-layout/components/index.d.ts

@@ -0,0 +1,3 @@
+export { BentoFormLayoutFieldTip } from './form-layout-field-tip';
+export { BentoFormLayoutGroup } from './form-layout-group';
+export { BentoFormLayoutTitle } from './form-layout-title';

package/dist/@types/packages/vue2/src/components/form-layout/form-layout.types.d.ts

@@ -0,0 +1 @@
+export declare const FORM_LAYOUT_LOADING_INJECTION_KEY: unique symbol;

package/dist/@types/packages/vue2/src/components/form-layout/form-layout.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
+    form: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    form: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    form: boolean;
+    loading: boolean;
+}>, {
+    'error-message': (_: {}) => any;
+    default: (_: {}) => any;
+    'actions-left': (_: {}) => any;
+    'actions-right': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoFormLayout } from './form-layout.vue';
+export { BentoFormLayoutFieldTip, BentoFormLayoutTitle, BentoFormLayoutGroup } from './components';

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

@@ -98,6 +98,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     staticValueId: string;
     descriptionId: string;
     errorId: string;
+    isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
@@ -194,9 +195,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     error: boolean;
     ariaLabel: string;
     placeholder: string;
+    optional: boolean;
     errorMessage: string;
     readonly: boolean;
-    optional: boolean;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -1,10 +1,9 @@
-import { BentoTypographyElement } from "../../typography";
-declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
-    label: {
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node_modules/vue").DefineComponent<{
+    description: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
-    showLabel: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -12,31 +11,28 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: StringConstructor;
         default: any;
     };
-    disabled: {
+    hideLabel: {
         type: BooleanConstructor;
-        default: boolean;
+        default: any;
     };
-}, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    ariaAttributes: import("../../../../../vue3/node_modules/vue").ComputedRef<{
-        'aria-describedby': string;
-    }>;
-    conditionalClasses: import("../../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-controls-group--disabled': boolean;
-    }>;
-    legendConditionalClasses: import("../../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-controls-group__label--hidden': boolean;
-    }>;
-}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;
     };
-    showLabel: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
-    form: {
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    description: {
         type: StringConstructor;
         default: any;
     };
@@ -44,9 +40,44 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: BooleanConstructor;
         default: boolean;
     };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
 }>>, {
+    required: boolean;
     form: string;
     disabled: boolean;
-    showLabel: boolean;
+    description: string;
+    tooltipText: string;
+    optional: boolean;
+    hideLabel: boolean;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts

@@ -116,10 +116,10 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     "onClose-modal"?: (...args: any[]) => any;
 }, {
     size: BentoModalSize;
-    modalRole: string;
-    customPadding: string;
-    withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
+    customPadding: string;
     initiallyOpen: boolean;
+    modalRole: string;
+    withColumnLayout: boolean;
 }>;
 export default _default;