@adyen/bento-vue2 0.5.0 → 0.7.0

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

@@ -1,9 +1,12 @@
 import type { VueNodeElement } from '@/types';
+import type { BentoButtonVariant } from '@/components/button';
 export interface BentoButtonActionObject {
     title: string;
     event: (event: Event) => void;
     icon?: VueNodeElement;
     disabled?: boolean;
+    variant?: BentoButtonVariant;
+    critical?: boolean;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;
 export declare enum BentoButtonActionsLayoutBasic {

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

@@ -4,6 +4,8 @@ export declare enum DatagridColumnsEvent {
     COLUMN_RESIZING = "column-resizing",
     SORT = "sort",
     SELECT_ALL_ROWS = "select-all-rows",
+    COLUMN_MOVE = "column-move",
+    COLUMN_UPDATE = "column-update",
     COLUMN_DRAG_START = "column-dragstart",
     COLUMN_DRAG_ENTER = "column-dragenter",
     COLUMN_DRAG_END = "column-dragend",

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

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
 import { BentoTypographyElement } from '@/components/typography';
 import { BentoDatagridDraggingColumnState, DatagridColumnsEvent } from './data-grid-columns-types';
+import type { BentoMenuItem } from '@/components/menu/components';
 declare const _default: import("vue").DefineComponent<{
     columns: {
         type: PropType<BentoColumn[]>;
@@ -19,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasContextualMenuEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isFrozenColumns: {
         type: BooleanConstructor;
         default: boolean;
@@ -76,9 +81,27 @@ declare const _default: import("vue").DefineComponent<{
         drop: () => void;
         dragend: () => void;
     }>;
+    contextualMenuData: import("vue").ComputedRef<(col: BentoColumn) => BentoMenuItem[]>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (DatagridColumnsEvent.COLUMN_RESIZE | DatagridColumnsEvent.SORT | DatagridColumnsEvent.SELECT_ALL_ROWS | DatagridColumnsEvent.COLUMN_DRAG_START | DatagridColumnsEvent.COLUMN_DRAG_ENTER | DatagridColumnsEvent.COLUMN_DRAG_END | DatagridColumnsEvent.COLUMN_DROP)[], string, Readonly<import("vue").ExtractPropTypes<{
+    BentoPopoverPositions: {
+        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
+    };
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (DatagridColumnsEvent.COLUMN_RESIZE | DatagridColumnsEvent.SORT | DatagridColumnsEvent.SELECT_ALL_ROWS | DatagridColumnsEvent.COLUMN_MOVE | DatagridColumnsEvent.COLUMN_UPDATE | DatagridColumnsEvent.COLUMN_DRAG_START | DatagridColumnsEvent.COLUMN_DRAG_ENTER | DatagridColumnsEvent.COLUMN_DRAG_END | DatagridColumnsEvent.COLUMN_DROP)[], string, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<BentoColumn[]>;
         required: true;
@@ -95,6 +118,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasContextualMenuEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isFrozenColumns: {
         type: BooleanConstructor;
         default: boolean;
@@ -112,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
     draggingColumns: any;
     hasDraggableColumns: boolean;
     hasResizableColumns: boolean;
+    hasContextualMenuEnabled: boolean;
     allItemsSelectedState: BentoDatagridAllItemsSelectedState;
     sortBy: BentoDatagridSortByColumn[];
 }>;

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

@@ -60,5 +60,5 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
         drop: () => void;
         dragover: (e: DragEvent) => void;
     }>;
-    moveColumnToColumn: (moveColumnField: BentoColumn['field'], toColumnField: BentoColumn['field']) => void;
+    onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
 };

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

@@ -2,8 +2,6 @@ import { MaybeRef } from '@/types';
 import { BentoColumn } from '../../data-grid.types';
 import type { EmitFn } from 'vue/types/v3-setup-context';
 export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: EmitFn) => {
-    onConfigSettingsUpdate: (isCompactView: boolean) => void;
-    onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
     columnSets: import("vue").ComputedRef<({
         columnSet: (BentoColumn | {
             field: string;
@@ -65,4 +63,7 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
         mandatory?: boolean;
         frozen?: boolean;
     })[]>;
+    onConfigSettingsUpdate: (isCompactView: boolean) => void;
+    onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
+    onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
 };

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

@@ -246,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{
     onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
     onConfigSettingsUpdate: (isCompactView: boolean) => void;
     onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
+    onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -254,6 +255,7 @@ declare const _default: import("vue").DefineComponent<{
     onItemsPerPageChange: (itemsPerPage: number) => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
+    onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
     draggingColumns: {
         dragging?: {
             field: string;

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

@@ -1,4 +1,5 @@
 export declare enum BentoDateFormat {
+    DAY_OF_MONTH = "d",
     LONG_WEEKDAY = "EEEE",
     SHORT_TIME_WITH_PERIOD = "h:mm aa",
     SHORT_TIME_WITHOUT_PERIOD = "H:mm",

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts

@@ -0,0 +1,34 @@
+import { DatePickerCalendarDayEvent } from '../date-picker-calendar-day.types';
+declare const _default: import("vue").DefineComponent<{
+    day: {
+        type: DateConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    DatePickerCalendarDayEvent: typeof DatePickerCalendarDayEvent;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    day: {
+        type: DateConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    selected: boolean;
+}>;
+export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts

@@ -0,0 +1,9 @@
+export declare enum DatePickerCalendarDayClass {
+    CURRENT_DAY = "current-day",
+    DISABLED = "disabled",
+    SELECTED = "selected",
+    UNSELECTED = "unselected"
+}
+export declare enum DatePickerCalendarDayEvent {
+    CLICK = "click"
+}

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts

@@ -0,0 +1,39 @@
+import { BentoDateFormat } from '@/components/date';
+import { DatePickerCalendarDayEvent } from './date-picker-calendar-day.types';
+declare const _default: import("vue").DefineComponent<{
+    day: {
+        type: DateConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    BentoDateFormat: typeof BentoDateFormat;
+    onClick: (selectedDay: Date) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarDayEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    day: {
+        type: DateConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    selected: boolean;
+}>;
+export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/index.d.ts

@@ -0,0 +1 @@
+export { default as DatePickerCalendarDay } from './date-picker-calendar-day.vue';

package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.types.d.ts

@@ -0,0 +1,8 @@
+export declare enum DatePickerCalendarEvent {
+    INPUT = "input"
+}
+export declare enum DatePickerCalendarFirstDayOfWeek {
+    MONDAY = 1,
+    SATURDAY = 6,
+    SUNDAY = 0
+}

package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.vue.d.ts

@@ -0,0 +1,121 @@
+import { PropType } from 'vue';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { DatePickerCalendarEvent, DatePickerCalendarFirstDayOfWeek } from './date-picker-calendar.types';
+declare const _default: import("vue").DefineComponent<{
+    firstDayOfWeek: {
+        type: PropType<DatePickerCalendarFirstDayOfWeek>;
+        default: DatePickerCalendarFirstDayOfWeek;
+        validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}, {
+    baseDate: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        getVarDate: () => VarDate;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    daysOfWeek: import("vue").ComputedRef<string[]>;
+    weeksOfMonth: import("vue").ComputedRef<any[]>;
+    formattedMonthDate: import("vue").ComputedRef<string>;
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    isSelectedDate: (day: Date) => boolean;
+    showNextMonth: () => void;
+    showPreviousMonth: () => void;
+    onDayClicked: (selectedDate: Date) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    firstDayOfWeek: {
+        type: PropType<DatePickerCalendarFirstDayOfWeek>;
+        default: DatePickerCalendarFirstDayOfWeek;
+        validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}>>, {
+    value: Date;
+    firstDayOfWeek: DatePickerCalendarFirstDayOfWeek;
+    isDateDisabled: Function;
+}>;
+export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DatePickerCalendar } from './date-picker-calendar.vue';
+export * from './date-picker-calendar.types';

package/dist/@types/components/date-picker/components/date-picker-calendar-container/__test__/date-picker-calendar-container-stub.vue.d.ts

@@ -0,0 +1,43 @@
+import { DatePickerCalendarContainerEvent } from '../date-picker-calendar-container.types';
+declare const _default: import("vue").DefineComponent<{
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}, {
+    inputContainerRef: import("vue").Ref<any>;
+    DatePickerCalendarContainerEvent: typeof DatePickerCalendarContainerEvent;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}>>, {
+    value: Date;
+    disabled: boolean;
+}>;
+export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.types.d.ts

@@ -0,0 +1,3 @@
+export declare enum DatePickerCalendarContainerEvent {
+    INPUT = "input"
+}

package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.vue.d.ts

@@ -0,0 +1,99 @@
+import { DatePickerCalendarFirstDayOfWeek } from '../date-picker-calendar';
+import { DatePickerCalendarContainerEvent } from './date-picker-calendar-container.types';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: DatePickerCalendarFirstDayOfWeek;
+        validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: import("vue").PropType<import("../../../..").VueNodeElement>;
+        required: true;
+    };
+}, {
+    isDatePickerOpen: import("vue").ComputedRef<boolean>;
+    popoverAriaLabel: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    BentoPopoverPositions: {
+        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
+    };
+    onDateInput: (selectedDate: Date) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarContainerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: DatePickerCalendarFirstDayOfWeek;
+        validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    month: {
+        type: DateConstructor;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: import("vue").PropType<import("../../../..").VueNodeElement>;
+        required: true;
+    };
+}>>, {
+    value: Date;
+    label: string;
+    disabled: boolean;
+    firstDayOfWeek: number;
+    isDateDisabled: Function;
+}>;
+export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar-container/index.d.ts

@@ -0,0 +1 @@
+export { default as DatePickerCalendarContainer } from './date-picker-calendar-container.vue';

package/dist/@types/components/date-picker/date-picker.types.d.ts

@@ -0,0 +1,16 @@
+export { DatePickerCalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from './components/date-picker-calendar';
+export declare enum BentoDatePickerEvent {
+    INPUT = "input"
+}
+export declare enum BentoDatePickerDateFormat {
+    DAY_OF_MONTH = "d",
+    NUMERIC_DAY = "dd",
+    SHORT_WEEKDAY = "EEE",
+    NUMERIC_MONTH = "MM",
+    SHORT_MONTH = "MMM",
+    LONG_MONTH = "MMMM",
+    LONG_MONTH_YEAR = "MMMM yyyy",
+    FULL_YEAR = "yyyy",
+    FULL_DATE = "d MMM, yyyy",
+    NUMERIC_DATE = "yyyy-MM-dd"
+}

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

@@ -0,0 +1,102 @@
+import { PropType } from 'vue';
+import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek } from './date-picker.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
+declare const _default: import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: PropType<BentoDatePickerFirstDayOfWeek>;
+        default: BentoDatePickerFirstDayOfWeek;
+        validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}, {
+    inputContainerRef: any;
+    dateDisplayValue: import("vue").ComputedRef<any>;
+    isDateIncorrect: import("vue").Ref<boolean>;
+    isDatePickerOpen: import("vue").Ref<boolean>;
+    datePickerContainerId: string;
+    labelId: string;
+    supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    descriptionConditionalClasses: import("vue").ComputedRef<{
+        'b-date-picker__description--error': boolean;
+    }>;
+    textInputDisplayValue: any;
+    visibleMonth: import("vue").ComputedRef<Date>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    closeDatePicker: () => void;
+    clearDatePickerValue: () => Promise<void>;
+    onDateSelected: (selectedDate: Date) => void;
+    openDatePicker: () => void;
+    onDateInputChange: (stringDate: any) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: PropType<BentoDatePickerFirstDayOfWeek>;
+        default: BentoDatePickerFirstDayOfWeek;
+        validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: DateConstructor;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: Date;
+    label: string;
+    disabled: boolean;
+    description: string;
+    firstDayOfWeek: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled: Function;
+}>;
+export default _default;

package/dist/@types/components/date-picker/index.d.ts

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

package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts

@@ -3,6 +3,7 @@ export interface BentoMenuItem {
     text: string;
     handler: () => void;
     secondaryText?: string;
+    items?: Array<BentoMenuItem>;
     disabled?: boolean;
     chevron?: boolean;
     icon?: VueNodeElement;