@adyen/bento-vue2 0.0.1 → 0.0.3

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

@@ -10,12 +10,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, {}, {
-    ariaLabel(): string;
-    conditionalClasses(): {
+}, {
+    ariaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: PropType<AdlBadgeVariant>;
         default: AdlBadgeVariant;

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

@@ -23,20 +23,15 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
-}, {}, {
+}, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-}, {
-    ariaLabel(): string | undefined;
-    conditionalClasses(): {
-        [x: string]: boolean;
-    };
-    variantClass(): {
+    ariaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
-    };
-}, {
-    onClickButton(): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+    onClickButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts

@@ -4,7 +4,7 @@ export interface BentoButtonActionObject {
     event: (event: Event) => void;
     icon?: VueNodeElement;
 }
-export type BentoButtonActionsList = Array<BentoButtonActionObject>;
+export declare type BentoButtonActionsList = Array<BentoButtonActionObject>;
 export declare enum BentoButtonActionsLayout {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",

package/dist/@types/components/button/components/button-group.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
     default: (_: {}) => any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/@types/components/button/components/loading-button/loading-button.types.d.ts

@@ -4,6 +4,6 @@ export declare enum BentoLoadingButtonState {
     SUCCESS = "success",
     FAIL = "fail"
 }
-export type BentoLoadingButtonIconState = Partial<{
+export declare type BentoLoadingButtonIconState = Partial<{
     [key in BentoLoadingButtonState]: string;
 }>;

package/dist/@types/components/card/components/card-image/card-image.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;

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

@@ -1,2 +1,2 @@
-export type BentoMultiCheckboxType = Array<string | number>;
-export type BentoCheckboxType = boolean | BentoMultiCheckboxType;
+export declare type BentoMultiCheckboxType = Array<string | number>;
+export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;

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

@@ -18,8 +18,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }, {
-    ariaLabel: import("vue").ComputedRef<string>;
+    computedAriaLabel: import("vue").ComputedRef<string>;
     ariaChecked: import("vue").ComputedRef<"mixed" | (boolean | "false" | "true")>;
     isCheckboxGroup: import("vue").ComputedRef<boolean>;
     isChecked: import("vue").ComputedRef<boolean>;
@@ -50,8 +54,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }>>, {
     value: string | number;
+    ariaLabel: string;
     disabled: boolean;
     indeterminate: boolean;
     modelValue: BentoCheckboxType;

package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.types.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { BentoColumn } from '../../data-grid.types';
-export type FlexColumnLookup = Record<BentoColumn['field'], {
+export declare type FlexColumnLookup = Record<BentoColumn['field'], {
     flex: number;
     computedWidth: number;
     frozen: boolean;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -1,4 +1,8 @@
 import { BentoPagination } from '../pagination';
+export declare enum BentoColumnOverflow {
+    WRAP = "wrap",
+    ELLIPSIS = "ellipsis"
+}
 export interface BentoColumn {
     field: string;
     label: string;
@@ -10,6 +14,7 @@ export interface BentoColumn {
         left?: boolean;
         right?: boolean;
     };
+    overflow?: BentoColumnOverflow;
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline"
@@ -26,8 +31,8 @@ export interface BentoDatagridDataItem {
     id?: string;
     [fieldName: string]: unknown;
 }
-export type BentoDatagridData = BentoDatagridDataItem[];
-export type BentoDatagridDataItemId = string | number;
-export type BentoDatagridGetDataItemIdFn = (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
-export type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridDataItem) => boolean;
-export type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>['$props'];
+export declare type BentoDatagridData = BentoDatagridDataItem[];
+export declare type BentoDatagridDataItemId = string | number;
+export declare type BentoDatagridGetDataItemIdFn = (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
+export declare type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridDataItem) => boolean;
+export declare type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>['$props'];

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     condensed: {
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
             page: number;
             totalCount: number;
             hasNext: boolean;
+            hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
@@ -50,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -73,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -114,8 +123,10 @@ declare const _default: import("vue").DefineComponent<{
             left?: boolean;
             right?: boolean;
         };
+        overflow?: BentoColumnOverflow;
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
+    conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;
         gridColumnEnd: number;
@@ -133,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__row--disabled': boolean;
     };
     conditionalRowCellClasses: (column: BentoColumn) => {
+        [x: string]: boolean;
         'b-data-grid__cell--padding-left-unset': boolean;
         'b-data-grid__cell--padding-right-unset': boolean;
         'b-data-grid__cell--condensed': boolean;
@@ -174,7 +186,7 @@ declare const _default: import("vue").DefineComponent<{
     paginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
     body: any;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("navigate" | "select" | "items-page" | "column-resize" | "sort" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -214,6 +226,7 @@ declare const _default: import("vue").DefineComponent<{
             page: number;
             totalCount: number;
             hasNext: boolean;
+            hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
@@ -223,6 +236,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -246,6 +263,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;

package/dist/@types/components/dropdown/components/dropdown-input-container/dropdown-input-container.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     ariaSelected: import("vue").ComputedRef<boolean>;
     onOptionSelected: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;

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

@@ -1,7 +1,7 @@
-export type AdlDropdownValue = string | number;
+export declare type AdlDropdownValue = string | number;
 export interface AdlDropdownOptionItem {
     label: string;
     value: AdlDropdownValue;
 }
-export type AdlDropdownSelectedValue = AdlDropdownValue;
-export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
+export declare type AdlDropdownSelectedValue = AdlDropdownValue;
+export declare type AdlDropdownOptions = Array<AdlDropdownOptionItem>;

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

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickClear: () => void;
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "close" | "clear" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
     alwaysShowNameInLabel: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/filter-bar/filter-bar.types.d.ts

@@ -12,4 +12,4 @@ export interface BentoFilterModel {
     options?: BentoFilterOptions;
     value?: string | null;
 }
-export type BentoFilterBarModel = Array<BentoFilterModel>;
+export declare type BentoFilterBarModel = Array<BentoFilterModel>;

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

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     inputFieldElement: any;
     shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1 +1,2 @@
 export { default as BentoLink } from './link.vue';
+export * from './link.types';

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

@@ -0,0 +1,4 @@
+export declare enum BentoLinkVariant {
+    DEFAULT = "default",
+    QUIET = "quiet"
+}

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

@@ -1,16 +1,25 @@
-export interface Props extends RouterLinkProps {
+export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
     args?: {
         props: RouterLinkProps;
     };
     external?: boolean;
+    variant?: BentoLinkVariant;
 }
+import { BentoLinkVariant } from './link.types';
 import type { RouterLinkProps } from 'vue-router/types/router';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+import type { AnchorHTMLAttributes } from 'vue/types/jsx';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: BentoLinkVariant;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: BentoLinkVariant;
+}>>>, {
+    variant: BentoLinkVariant;
+}>, {
     default: (_: import("vue-router/types/router").RouterLinkSlotArgument) => any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -18,7 +27,12 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    hidePageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     page: {
         type: NumberConstructor;
         default: number;
@@ -23,6 +27,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     totalPages: import("vue").ComputedRef<number>;
+    navigationConditionalClasses: import("vue").ComputedRef<{
+        'b-pagination__navigation--no-results-per-page': boolean;
+    }>;
     navigate: (pageArg: number) => void;
     onItemsPerPageChange: (elements: number) => void;
     onPageSelected: (pageNumber: number) => void;
@@ -35,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    hidePageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     page: {
         type: NumberConstructor;
         default: number;
@@ -55,5 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     page: number;
     totalCount: number;
     hasNext: boolean;
+    hidePageSize: boolean;
 }>;
 export default _default;

package/dist/@types/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover-dismiss-button--on-image': boolean;
     }>;
     BentoButtonVariant: typeof BentoButtonVariant;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     onImage: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/popover/components/popover-image/popover-image.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;

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

@@ -16,4 +16,4 @@ export declare const BentoPopoverPositions: {
     BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
     LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
 };
-export type BentoPopoverPositions = PopperContainerPosition;
+export declare type BentoPopoverPositions = PopperContainerPosition;

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

@@ -59,6 +59,9 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover--small': boolean;
         'b-popover--large': boolean;
     }>;
+    contentConditionalClasses: import("vue").ComputedRef<{
+        'b-popover__content--with-title': boolean;
+    }>;
     computedAriaLabel: import("vue").ComputedRef<string>;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;

package/dist/@types/components/popper-container/popper-container.types.d.ts

@@ -1,10 +1,10 @@
 import type { Modifier, StrictModifiers } from '@popperjs/core';
-type ArrowModifier = Modifier<'arrow', unknown>;
-type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
-type SameWidthModifier = Modifier<'sameWidth', unknown>;
-type TrackPositionModifer = Modifier<'trackPosition', unknown>;
-type FlipModifer = Modifier<'flip', unknown>;
-export type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
+declare type ArrowModifier = Modifier<'arrow', unknown>;
+declare type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
+declare type SameWidthModifier = Modifier<'sameWidth', unknown>;
+declare type TrackPositionModifer = Modifier<'trackPosition', unknown>;
+declare type FlipModifer = Modifier<'flip', unknown>;
+export declare type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
 export interface PopperContainerArrowProp {
     classes?: string[];
     padding?: string;
@@ -49,6 +49,6 @@ export declare const PopperContainerPosition: {
     BOTTOM: PopperContainerPositionBasic.BOTTOM;
     LEFT: PopperContainerPositionBasic.LEFT;
 };
-export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
-export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
+export declare type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
+export declare type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
 export {};

package/dist/@types/components/radio-button/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoRadioButton } from './radio-button.vue';

package/dist/@types/components/{input-radio/input-radio.vue.d.ts → radio-button/radio-button.vue.d.ts}

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     onClick: () => void;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/segmented-control/segmented-control.vue.d.ts

@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
         selectedValue: any;
         name: string;
     };
+    ariaLabel: any;
 }, {
-    ariaLabel(): string;
     conditionalClasses(): {
         [className: string]: boolean;
     };

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

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
+    computedAriaLabel: import("vue").ComputedRef<string>;
     textFromSlot: string;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, {
     onInput(event: Event): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -35,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    description: string;
     value: string;
     label: string;
-    description: string;
     placeholder: string;
 }>;
 export default _default;

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

@@ -5,7 +5,7 @@ export declare const BentoTooltipPosition: {
     BOTTOM: PopperContainerPositionBasic.BOTTOM;
     LEFT: PopperContainerPositionBasic.LEFT;
 };
-export type BentoTooltipPosition = PopperContainerPositionBasic;
+export declare type BentoTooltipPosition = PopperContainerPositionBasic;
 export declare enum BentoTooltipState {
     HIDDEN = "hidden"
 }

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

@@ -22,12 +22,12 @@ import {
     BentoCheckbox,
     BentoDataGrid,
     BentoInputField,
-    BentoInputRadio,
     BentoLink,
     BentoLoadingButton,
     BentoLoadingIndicator,
     BentoPagination,
     BentoPopover,
+    BentoRadioButton,
     BentoStatus,
     BentoTag,
     BentoToggle,
@@ -60,12 +60,12 @@ declare module 'vue' {
         BentoCheckbox: typeof BentoCheckbox;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
-        BentoInputRadio: typeof BentoInputRadio;
         BentoLink: typeof BentoLink;
         BentoLoadingButton: typeof BentoLoadingButton;
         BentoLoadingIndicator: typeof BentoLoadingIndicator;
         BentoPagination: typeof BentoPagination;
         BentoPopover: typeof BentoPopover;
+        BentoRadioButton: typeof BentoRadioButton;
         BentoStatus: typeof BentoStatus;
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;

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

@@ -3,12 +3,12 @@ export * from './components/button';
 export * from './components/data-grid';
 export * from './components/checkbox';
 export * from './components/filter-bar';
-export * from './components/input-radio';
 export * from './components/input-field';
 export * from './components/loading-indicator';
 export * from './components/link';
 export * from './components/pagination';
 export * from './components/popover';
+export * from './components/radio-button';
 export * from './components/status';
 export * from './components/tag';
 export * from './components/toggle';

package/dist/@types/types/maybe-ref.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export type MaybeRef<T> = T | Ref<T>;
+export declare type MaybeRef<T> = T | Ref<T>;

package/dist/@types/types/vue-node-element.d.ts

@@ -1,2 +1,2 @@
 import Vue from 'vue';
-export type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;
+export declare type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;

package/dist/@types/utils/ts/aria-label.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../../types/maybe-ref';
+interface ariaLabelOptions {
+    ariaLabel?: MaybeRef<string | null>;
+    label?: MaybeRef<string | null>;
+    defaultFallback?: MaybeRef<string | null>;
+}
+export declare const useAriaLabel: ({ ariaLabel, label, defaultFallback, }: ariaLabelOptions) => ComputedRef<string>;
+export {};