@adyen/bento-vue2 0.0.1

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

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+import { BentoCheckboxType } from './checkbox.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    modelValue: {
+        type: PropType<BentoCheckboxType>;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ariaLabel: import("vue").ComputedRef<string>;
+    ariaChecked: import("vue").ComputedRef<"mixed" | (boolean | "false" | "true")>;
+    isCheckboxGroup: import("vue").ComputedRef<boolean>;
+    isChecked: import("vue").ComputedRef<boolean>;
+    isIndeterminate: import("vue").ComputedRef<boolean>;
+    conditionalClass: import("vue").ComputedRef<{
+        'b-checkbox--disabled': boolean;
+    }>;
+    conditionalClassOutline: import("vue").ComputedRef<{
+        'b-checkbox__outline--unchecked': boolean;
+    }>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    onChange: (event: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    modelValue: {
+        type: PropType<BentoCheckboxType>;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    value: string | number;
+    disabled: boolean;
+    indeterminate: boolean;
+    modelValue: BentoCheckboxType;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,10 @@
+import { MaybeRef } from '../../../../types/maybe-ref';
+import { BentoColumn } from '../../data-grid.types';
+import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
+export declare const DEFAULT_COLUMN_WIDTH = 100;
+export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
+export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
+export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, newGridWidth: MaybeRef<number>, options?: CalculateColumnWidthOptions) => {
+    caclulatedWidths: import("vue").ComputedRef<BentoColumn[]>;
+};
+export default useCalculateColumnWidth;

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

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { BentoColumn } from '../../data-grid.types';
+export type FlexColumnLookup = Record<BentoColumn['field'], {
+    flex: number;
+    computedWidth: number;
+    frozen: boolean;
+}>;
+export interface CalculateColumnWidthOptions {
+    hasSelectableColumn?: Ref<boolean>;
+}

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

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+import { BentoColumn } from '../data-grid.types';
+export declare const useResizer: (columns: Ref<BentoColumn[]>, emit: (event: string, ...args: unknown[]) => void) => {
+    resizeData: {
+        resizingColumnField: string;
+        offsetLeft: number;
+        stepPositionX: number;
+        resizedColumnsWidths: {
+            [k: string]: {
+                width: number;
+                minWidth: number;
+            };
+        };
+    };
+    allColumnRefs: import("vue").ToRefs<{}>;
+    startResize: (hasResizableColumns: boolean, field: BentoColumn['field'], event: MouseEvent) => void;
+};

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

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { BentoDatagridData, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from '../data-grid.types';
+export declare const useSelector: (selection: Ref<BentoDatagridDataItemId[]>, emit: (event: string, emitedSelectedItems: BentoDatagridDataItemId[]) => void, data: Ref<BentoDatagridData>, getDataItemId: BentoDatagridGetDataItemIdFn, isDataItemDisabled: BentoDatagridIsDataItemDisabledFn) => {
+    onAllRowSelect: () => void;
+    onRowSelect: () => void;
+    allItemsSelectedState: {
+        allItemsSelected: boolean;
+        isIndeterminate: boolean;
+    };
+    selectedItems: Ref<BentoDatagridDataItemId[]>;
+};

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

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { BentoColumn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../data-grid.types';
+export declare const useSorter: (sortBy: Ref<BentoDatagridSortByColumn[]>, columns: Ref<BentoColumn[]>, emit: (event: string, updatedSortBy: BentoDatagridSortByColumn[]) => void) => {
+    conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
+        'b-data-grid__column-sort-icon--sorted': boolean;
+    };
+    sortByColumnField: (field: string) => void;
+};

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

@@ -0,0 +1,33 @@
+import { BentoPagination } from '../pagination';
+export interface BentoColumn {
+    field: string;
+    label: string;
+    width?: number;
+    minWidth?: number;
+    flex?: number;
+    sortable?: boolean;
+    padding?: {
+        left?: boolean;
+        right?: boolean;
+    };
+}
+export declare enum BentoDatagridStyleState {
+    OUTLINE = "outline"
+}
+export declare enum BentoDatagridSortDirection {
+    ASCENDING = "asc",
+    DESCENDING = "desc"
+}
+export interface BentoDatagridSortByColumn {
+    field: BentoColumn['field'];
+    direction: BentoDatagridSortDirection;
+}
+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'];

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

@@ -0,0 +1,290 @@
+import { PropType } from 'vue';
+import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
+    data: {
+        type: PropType<BentoDatagridData>;
+        required: true;
+    };
+    filters: {
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
+        default: any;
+    };
+    getDataItemId: {
+        type: PropType<BentoDatagridGetDataItemIdFn>;
+        default: (item: BentoDatagridDataItem) => string;
+    };
+    hasResizableColumns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDataItemDisabled: {
+        type: PropType<BentoDatagridIsDataItemDisabledFn>;
+        default: () => false;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: PropType<Readonly<Partial<{
+            ariaLabel: string;
+            size: number;
+            page: number;
+            totalCount: number;
+            hasNext: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            hasNext: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            size: {
+                type: NumberConstructor;
+                default: number;
+                validator: (itemsPerPageValue: number) => boolean;
+            };
+            totalCount: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            hasNext: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            size: {
+                type: NumberConstructor;
+                default: number;
+                validator: (itemsPerPageValue: number) => boolean;
+            };
+            totalCount: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>>>;
+        default: any;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: PropType<BentoDatagridDataItemId[]>;
+        default: () => any[];
+    };
+    sortBy: {
+        type: PropType<BentoDatagridSortByColumn[]>;
+        default: () => any[];
+    };
+}, {
+    processedColumns: import("vue").ComputedRef<{
+        width: number;
+        field: string;
+        label: string;
+        minWidth?: number;
+        flex?: number;
+        sortable?: boolean;
+        padding?: {
+            left?: boolean;
+            right?: boolean;
+        };
+    }[]>;
+    ariaGridHeaderText: import("vue").ComputedRef<string>;
+    gridColumnWidthStyle: import("vue").ComputedRef<{
+        gridTemplateColumns: string;
+        gridColumnEnd: number;
+        width: string;
+    }>;
+    conditionalGridClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    conditionalColumnClasses: (column: BentoColumn) => {
+        'b-data-grid__column--sortable': boolean;
+        'b-data-grid__column--padding-left-unset': boolean;
+        'b-data-grid__column--padding-right-unset': boolean;
+    };
+    conditionalRowClasses: (row: BentoDatagridDataItem) => {
+        'b-data-grid__row--disabled': boolean;
+    };
+    conditionalRowCellClasses: (column: BentoColumn) => {
+        'b-data-grid__cell--padding-left-unset': boolean;
+        'b-data-grid__cell--padding-right-unset': boolean;
+        'b-data-grid__cell--condensed': boolean;
+    };
+    conditionalColumnSeperatorClasses: import("vue").ComputedRef<{
+        'b-data-grid__column-seperator-container--is-resizeable': boolean;
+    }>;
+    conditionalPaginationClasses: import("vue").ComputedRef<{
+        'b-data-grid__pagination--padding-left-unset': boolean;
+        'b-data-grid__pagination--padding-right-unset': boolean;
+    }>;
+    resizeData: {
+        resizingColumnField: string;
+        offsetLeft: number;
+        stepPositionX: number;
+        resizedColumnsWidths: {
+            [k: string]: {
+                width: number;
+                minWidth: number;
+            };
+        };
+    };
+    startResize: (hasResizableColumns: boolean, field: string, event: MouseEvent) => void;
+    conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
+        'b-data-grid__column-sort-icon--sorted': boolean;
+    };
+    sortByColumnField: (field: string) => void;
+    allItemsSelectedState: {
+        allItemsSelected: boolean;
+        isIndeterminate: boolean;
+    };
+    selectedItems: import("vue").Ref<BentoDatagridDataItemId[]>;
+    onAllRowSelect: () => void;
+    onRowSelect: () => void;
+    DATAGRID_SELECT_FIELD_NAME: string;
+    BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    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<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
+    data: {
+        type: PropType<BentoDatagridData>;
+        required: true;
+    };
+    filters: {
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
+        default: any;
+    };
+    getDataItemId: {
+        type: PropType<BentoDatagridGetDataItemIdFn>;
+        default: (item: BentoDatagridDataItem) => string;
+    };
+    hasResizableColumns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDataItemDisabled: {
+        type: PropType<BentoDatagridIsDataItemDisabledFn>;
+        default: () => false;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: PropType<Readonly<Partial<{
+            ariaLabel: string;
+            size: number;
+            page: number;
+            totalCount: number;
+            hasNext: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            hasNext: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            size: {
+                type: NumberConstructor;
+                default: number;
+                validator: (itemsPerPageValue: number) => boolean;
+            };
+            totalCount: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            hasNext: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            page: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            size: {
+                type: NumberConstructor;
+                default: number;
+                validator: (itemsPerPageValue: number) => boolean;
+            };
+            totalCount: {
+                type: NumberConstructor;
+                default: any;
+            };
+        }>>>>;
+        default: any;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selection: {
+        type: PropType<BentoDatagridDataItemId[]>;
+        default: () => any[];
+    };
+    sortBy: {
+        type: PropType<BentoDatagridSortByColumn[]>;
+        default: () => any[];
+    };
+}>>, {
+    outline: boolean;
+    condensed: boolean;
+    filters: import("../filter-bar").BentoFilterBarModel;
+    getDataItemId: BentoDatagridGetDataItemIdFn;
+    hasResizableColumns: boolean;
+    isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
+    pagination: any;
+    selectable: boolean;
+    selection: BentoDatagridDataItemId[];
+    sortBy: BentoDatagridSortByColumn[];
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,68 @@
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    comboboxId: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ariaExpanded: import("vue").ComputedRef<boolean | "false" | "true">;
+    conditionalClasses: import("vue").ComputedRef<{
+        'adl2-dropdown-input-container--disabled': boolean;
+        'adl2-dropdown-input-container--opened': boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+    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<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    comboboxId: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    open: boolean;
+    ariaLabel: string;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as AdlDropdownInputContainer } from './dropdown-input-container.vue';

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

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { AdlDropdownValue } from '@/components/dropdown/dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<AdlDropdownValue>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'adl2-dropdown-option--selected': boolean;
+    }>;
+    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<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<AdlDropdownValue>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    selected: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as AdlDropdownOption } from './dropdown-option.vue';

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

@@ -0,0 +1,86 @@
+import { PropType } from 'vue';
+import { AdlDropdownOptionItem, AdlDropdownOptions, AdlDropdownValue } from '../../dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<AdlDropdownOptions>;
+        required: true;
+    };
+    selectedValue: {
+        type: PropType<AdlDropdownValue>;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+}, {
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+    PopperContainerPosition: {
+        AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("@/components/popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("@/components/popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("@/components/popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("@/components/popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
+    };
+    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<AdlDropdownOptions>;
+        required: true;
+    };
+    selectedValue: {
+        type: PropType<AdlDropdownValue>;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+}>>, {
+    ariaLabel: string;
+    disabled: boolean;
+    selectedValue: AdlDropdownValue;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as AdlDropdownOptionsContainer } from './dropdown-options-container.vue';

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

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