@adyen/bento-vue3 1.28.0 → 1.29.0

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

@@ -9,6 +9,7 @@ import {
     BentoAccordionItem,
     BentoActionBar,
     BentoAlert,
+    BentoAvatar,
     BentoButton,
     BentoButtonActions,
     BentoCard,
@@ -44,6 +45,7 @@ import {
     BentoImage,
     BentoInfoIcon,
     BentoInputField,
+    BentoInspector,
     BentoLink,
     BentoLoadingButton,
     BentoLoadingIndicator,
@@ -100,6 +102,7 @@ declare module 'vue' {
         BentoAccordionItem: typeof BentoAccordionItem;
         BentoActionBar: typeof BentoActionBar;
         BentoAlert: typeof BentoAlert;
+        BentoAvatar: typeof BentoAvatar;
         BentoButton: typeof BentoButton;
         BentoButtonActions: typeof BentoButtonActions;
         BentoCard: typeof BentoCard;
@@ -131,6 +134,7 @@ declare module 'vue' {
         BentoHeader: typeof BentoHeader;
         BentoImage: typeof BentoImage;
         BentoInfoIcon: typeof BentoInfoIcon;
+        BentoInspector: typeof BentoInspector;
         BentoDropdownCurrency: typeof BentoDropdownCurrency;
         BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
         BentoDropdownTag: typeof BentoDropdownTag;

package/dist/@types/packages/core/src/types/index.d.ts

@@ -0,0 +1 @@
+export * from './omit-strict';

package/dist/@types/packages/vue2/src/components/{internal/avatar → avatar}/avatar.vue.d.ts

@@ -9,7 +9,7 @@
  *     template: `<bento-avatar :src="userAvatarSrc" username="Jane" />`
  * }
  */
-declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Displays the user profile without the label.
      */
@@ -29,7 +29,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
 }>, {
     iconOnly: boolean;
     src: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Displays the user profile without the label.
      */
@@ -57,9 +57,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import("../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import("../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
         required: true;
     };
 };

package/dist/@types/packages/vue2/src/components/{avatar-image → avatar/components/avatar-image}/avatar-image.vue.d.ts

@@ -1,5 +1,16 @@
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/**
+ * Image used as user profile inside bento-avatar.
+ *
+ * @example
+ * import { AvatarImage } from './components/avatar-image';
+ *
+ * export default {
+ *     components: { AvatarImage },
+ *     template: `<avatar-image :src="userAvatarSrc" username="Jane" />`
+ * }
+ */
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Avatar color. Defaults to yellow.
      */
@@ -26,7 +37,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     src: any;
     username: any;
     variant: BentoAvatarImageVariant;
-}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Avatar color. Defaults to yellow.
      */
@@ -63,9 +74,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
         required: true;
     };
 };

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

@@ -1,2 +1,2 @@
 export { default as BentoLoadingButton } from './loading-button.vue';
-export * from './loading-button.types';
+export * from "../../../../../../core/src/components/loading-button/loading-button.types";

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoLoadingButtonState } from './loading-button.types';
+import { BentoLoadingButtonState } from "../../../../../../core/src/components/loading-button/loading-button.types";
 /**
  * Loading Button component is used for cases where pressing a button starts an event that requires a loading state, e.g.  when you have any sort of asynchronous action and are waiting for a response
  *
@@ -55,7 +55,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     };
     /**
      * Types of flavour of Button
-     * @values primary, secondary, tertiary
      */
     variant: {
         type: any;
@@ -104,7 +103,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     };
     /**
      * Types of flavour of Button
-     * @values primary, secondary, tertiary
      */
     variant: {
         type: any;
@@ -122,6 +120,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     state: "start" | "success" | BentoLoadingButtonState | "loading" | "fail";
 }>, {
     default: (_: {}) => any;
+    iconLeft: (_: {}) => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -99,7 +99,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     tag: {
         type: PropType<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -107,7 +107,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant>;
                 default: import("../tag").BentoTagVariant;
                 validator: (value: import("../tag").BentoTagVariant) => boolean;
             };
@@ -231,7 +231,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     tag: {
         type: PropType<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -239,7 +239,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant>;
                 default: import("../tag").BentoTagVariant;
                 validator: (value: import("../tag").BentoTagVariant) => boolean;
             };

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

@@ -134,7 +134,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
      */
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -264,7 +264,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
      */
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -273,7 +273,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     "onUpdate:model-value"?: (...args: any[]) => any;
 }, {
     required: boolean;
-    variant: "horizontal" | "vertical" | BentoCheckboxGroupVariant;
+    variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
     disabled: boolean;
     description: string;
     tooltipText: string;

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

@@ -1,5 +1,6 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxOptionItem, Booleanish } from "../../../../types";
+import { BentoDropdownSize } from "../../dropdown.types";
 /**
  * Only for internal use, implements the logic of the textbox element to be implemented in the combobox.
  */
@@ -121,6 +122,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Dropdown size
+     */
+    size: {
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+        default: any;
+    };
 }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
     "dropdown-base-clear": () => void;
 } & {
@@ -249,6 +257,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Dropdown size
+     */
+    size: {
+        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+        default: any;
+    };
 }>> & {
     "onDropdown-base-open"?: () => any;
     "onDropdown-base-keydown"?: (event: KeyboardEvent) => any;
@@ -259,6 +274,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     value: string;
     disabled: boolean;
     multiple: boolean;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
     open: boolean;
     ariaLabel: string;
     readonly: boolean;

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

@@ -97,9 +97,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: string;
     };
 }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
-    open: () => void;
+    clear: () => void;
 } & {
     close: () => void;
+} & {
+    input: (newInput: string) => void;
+} & {
+    keydown: (keydownEvent: KeyboardEvent) => void;
+} & {
+    open: () => void;
 }, 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<{
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -194,6 +200,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: string;
     };
 }>> & {
+    onInput?: (newInput: string) => any;
+    onKeydown?: (keydownEvent: KeyboardEvent) => any;
+    onClear?: () => any;
     onClose?: () => any;
     onOpen?: () => any;
 }, {

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -574,7 +574,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     items?: any[];
                     label: string;
                 }[];
-                variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+                variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
             }[];
         } | {
             search?: {
@@ -698,6 +698,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     label: string;
                 }[];
                 value: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
+                dynamicFiltering?: boolean;
+                'aria-label'?: string;
             };
             dropdownPosition?: "end" | "start" | import("../../../input-field").BentoInputFieldElementPosition;
             variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../../../input-field").BentoInputFieldVariant;
@@ -2017,7 +2019,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         items?: any[];
                         label: string;
                     }[];
-                    variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+                    variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
                 }[];
             } | {
                 search?: {
@@ -2141,6 +2143,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         label: string;
                     }[];
                     value: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
+                    dynamicFiltering?: boolean;
+                    'aria-label'?: string;
                 };
                 dropdownPosition?: "end" | "start" | import("../../../input-field").BentoInputFieldElementPosition;
                 variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../../../input-field").BentoInputFieldVariant;

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

@@ -10,14 +10,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: any;
     };
     /**
-     * Overrides the label of the popover vsibility toggle button text.
+     * Overrides the label of the popover visibility toggle button text.
      */
     buttonLabel: {
         type: StringConstructor;
         default: any;
     };
     /**
-     * Sets the secondary label text of the popover vsibility toggle button text.
+     * Sets the secondary label text of the popover visibility toggle button text.
      */
     buttonSecondaryLabel: {
         type: StringConstructor;
@@ -88,6 +88,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     popoverId: string;
     isFilterOpen: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     isPersistentFilter: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
+    computedButtonText: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
     BentoTooltipPosition: {
         TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
         RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
@@ -110,14 +112,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: any;
     };
     /**
-     * Overrides the label of the popover vsibility toggle button text.
+     * Overrides the label of the popover visibility toggle button text.
      */
     buttonLabel: {
         type: StringConstructor;
         default: any;
     };
     /**
-     * Sets the secondary label text of the popover vsibility toggle button text.
+     * Sets the secondary label text of the popover visibility toggle button text.
      */
     buttonSecondaryLabel: {
         type: StringConstructor;

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

@@ -62,6 +62,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     dropdownProp: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         value: import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[];
         items: import("../../../../types").BentoListboxOptions;
+        dynamicFiltering?: boolean;
+        'aria-label'?: string;
     }>;
     inputVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<"default" | "dropdown">;
     internalFilterValue: import("../../../../../../vue3/node_modules/vue").Ref<string>;

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

@@ -1,4 +1,5 @@
 import { BentoDropdown } from "../dropdown";
+import type { HTMLAttributes } from "../../../../../node_modules/@vue/runtime-dom";
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -34,6 +35,8 @@ type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
 export type BentoInputDropdownProps = {
     items: DropdownProps['items'];
     value: DropdownProps['value'];
+    dynamicFiltering?: DropdownProps['dynamicFiltering'];
+    'aria-label'?: HTMLAttributes['aria-label'];
 };
 /**
  * @deprecated The use of these enums is no longer supported.

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

@@ -57,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      *
      *  - `value`: Selected value of the dropdown
      *  - `items`: List of available items
+     *  - `aria-label`: Text that labels the dropdown element
      *
      */
     dropdown: {
@@ -219,6 +220,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      *
      *  - `value`: Selected value of the dropdown
      *  - `items`: List of available items
+     *  - `aria-label`: Text that labels the dropdown element
      *
      */
     dropdown: {

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

@@ -0,0 +1,2 @@
+export { default as BentoInspector } from './inspector.vue';
+export * from './inspector.types';

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

@@ -0,0 +1,2 @@
+export { default as BentoInspector } from './inspector.vue';
+export type { BentoInspectorSize } from './inspector.types';

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

@@ -0,0 +1,2 @@
+export declare const BentoInspectorSizeOptions: readonly ["small", "large"];
+export type BentoInspectorSize = (typeof BentoInspectorSizeOptions)[number];

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

@@ -0,0 +1,110 @@
+import { BentoInspectorSize } from './inspector.types';
+/**
+ * Inspector allows users to access additional information or details of an object/item. The inspector opens adjacent to the main content, pushing it aside to maintain visibility and accessibility to both the main content and inspector.
+ *
+ * @example
+ * import { BentoInspector } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoInspector },
+ *     template: `
+ *          <bento-inspector
+ *                  title="Inspector"
+ *                  size="large"
+ *                  :is-open="isOpen"
+ *                  @update:is-open="isOpen = $event"
+ *          >
+ *              <template #page>Content of the page</template>
+ *              <template #content>Content of the inspector</template>
+ *          </bento-inspector>
+ *     `
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Shows the Expand icon in the inspector
+     */
+    expandable?: boolean;
+    /**
+     * Opens and closes the inspector
+     */
+    isOpen?: boolean;
+    /**
+     * Shows loading indicator for the content
+     */
+    loading?: boolean;
+    /**
+     * Determines the size of the inspector
+     */
+    size?: BentoInspectorSize;
+    /**
+     * The title of the component
+     */
+    title: string;
+}>, {
+    expandable: boolean;
+    isOpen: boolean;
+    loading: boolean;
+    size: string;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:is-open": (value: boolean) => void;
+} & {
+    expand: () => void;
+}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Shows the Expand icon in the inspector
+     */
+    expandable?: boolean;
+    /**
+     * Opens and closes the inspector
+     */
+    isOpen?: boolean;
+    /**
+     * Shows loading indicator for the content
+     */
+    loading?: boolean;
+    /**
+     * Determines the size of the inspector
+     */
+    size?: BentoInspectorSize;
+    /**
+     * The title of the component
+     */
+    title: string;
+}>, {
+    expandable: boolean;
+    isOpen: boolean;
+    loading: boolean;
+    size: string;
+}>>> & {
+    onExpand?: () => any;
+    "onUpdate:is-open"?: (value: boolean) => any;
+}, {
+    isOpen: boolean;
+    size: BentoInspectorSize;
+    loading: boolean;
+    expandable: boolean;
+}>, {
+    page: (_: {}) => any;
+    content: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,3 @@
-export * from './avatar';
 export * from './calendar';
 export * from './copy';
 export * from './controls-group';

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

@@ -358,9 +358,9 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     small: boolean;
     title: string;
     large: boolean;
+    modifiers: unknown[];
     position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
     open: boolean;
-    modifiers: unknown[];
     fallbackPosition: Placement[];
     fixedPositioning: boolean;
     ariaLabel: string;

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

@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     tag: {
         type: PropType<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -137,7 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     tag: {
         type: PropType<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -145,7 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };

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

@@ -119,7 +119,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * The radio group's layout. It can be vertical or horizontal. Defaults to vertical.
      */
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
@@ -226,7 +226,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * The radio group's layout. It can be vertical or horizontal. Defaults to vertical.
      */
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
@@ -235,7 +235,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     "onUpdate:model-value"?: (value: import("./components/radio-button").BentoRadioButtonValue) => any;
 }, {
     required: boolean;
-    variant: "horizontal" | "vertical" | BentoRadioGroupVariant;
+    variant: "vertical" | "horizontal" | BentoRadioGroupVariant;
     disabled: boolean;
     description: string;
     tooltipText: string;