@adyen/bento-vue3 1.1.0 → 1.2.0

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { AdlLabelPosition } from '@/types';
-import { BentoColumn } from '@/components/data-grid';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from "../../../../../../../../vue3/node_modules/vue";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../../../typography";
+import { BentoToggleLabelPosition } from "../../../../../toggle";
+import { BentoColumn } from "../../../..";
+declare const _default: import("../../../../../../../../vue3/node_modules/vue").DefineComponent<{
     isColumnVisibilityToggleDisabled: {
         type: BooleanConstructor;
         required: true;
@@ -12,20 +12,20 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    isFreezeIconOptionShown: import("vue").Ref<boolean>;
-    isColumnFrozen: import("vue").ComputedRef<boolean>;
-    freezeIconConditionalClasses: import("vue").ComputedRef<{
+    isFreezeIconOptionShown: import("../../../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    isColumnFrozen: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    freezeIconConditionalClasses: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<{
         "b-data-grid-config-settings-column-row__freeze-icon--frozen": boolean;
     }>;
-    isColumnVisible: import("vue").ComputedRef<boolean>;
+    isColumnVisible: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     toggleColumnVisibility: () => void;
     showFreezeIcon: () => void;
     hideFreezeIcon: () => void;
     toggleColumnFreeze: () => void;
-    AdlLabelPosition: typeof AdlLabelPosition;
+    BentoToggleLabelPosition: typeof BentoToggleLabelPosition;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("visible-column" | "updated-column")[], "visible-column" | "updated-column", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("visible-column" | "updated-column")[], "visible-column" | "updated-column", 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<{
     isColumnVisibilityToggleDisabled: {
         type: BooleanConstructor;
         required: true;

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts

@@ -1,10 +1,10 @@
-import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { AdlLabelPosition } from '@/types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoButtonVariant } from "../../../button";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoToggleLabelPosition } from "../../../toggle";
 import { BentoColumn } from '../../data-grid.types';
 import { DatagridConfigSettingsEvent } from './data-grid-config-settings.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     columns: {
         type: PropType<BentoColumn[]>;
         required: true;
@@ -16,11 +16,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     configSettingsButtonRef: any;
     popoverId: string;
-    isConfigSettingsPanelOpen: import("vue").Ref<boolean>;
-    allColumnsVisbilityToggleState: import("vue").Ref<boolean>;
-    filteredColumnVisibilityColumns: import("vue").ComputedRef<any>;
-    searchTerm: import("vue").Ref<string>;
-    isColumnVisibilityFilterShown: import("vue").Ref<boolean>;
+    isConfigSettingsPanelOpen: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    allColumnsVisbilityToggleState: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    filteredColumnVisibilityColumns: import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
+    searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
+    isColumnVisibilityFilterShown: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     searchBarRef: any;
     DATAGRID_SELECT_FIELD_NAME: string;
     setConfigSettingsPanelVisibility: (isVisible: boolean) => void;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     emitFrozenColumns: (updatedColumn: BentoColumn) => void;
     onClickOutside: () => void;
     isColumnVisibilityToggleDisabled: (column: BentoColumn) => boolean;
-    AdlLabelPosition: typeof AdlLabelPosition;
+    BentoToggleLabelPosition: typeof BentoToggleLabelPosition;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoButtonVariant: typeof BentoButtonVariant;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, DatagridConfigSettingsEvent[], DatagridConfigSettingsEvent, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DatagridConfigSettingsEvent[], DatagridConfigSettingsEvent, 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<{
     columns: {
         type: PropType<BentoColumn[]>;
         required: true;

package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateBodyFitContentDynamicStyles/useCalculateBodyFitContentDynamicStyles.types.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../../vue3/node_modules/vue";
 export interface UseCalculateBodyFitContentDynamicStylesOptions {
     paginationRef: Ref<HTMLDivElement>;
     fitContent: Ref<boolean>;

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

@@ -1,11 +1,11 @@
 import { BentoColumn, BentoColumnWidthOverridesLookup } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../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[]>, bodyRef: MaybeRef<HTMLDivElement | undefined>, options?: CalculateColumnWidthOptions) => {
-    columnDefs: import("vue").ComputedRef<{
+    columnDefs: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         width: number;
         field: string;
         label: string;
@@ -23,7 +23,7 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
         mandatory?: boolean;
         frozen?: boolean;
     }[]>;
-    gridColumnWidthStyle: import("vue").ComputedRef<{
+    gridColumnWidthStyle: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         width: string;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../../vue3/node_modules/vue";
 import { BentoColumn } from '../../data-grid.types';
 export type FlexColumnLookup = Record<BentoColumn['field'], {
     flex: number;

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

@@ -1,6 +1,6 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 import { BentoColumn } from '../../data-grid.types';
-import type { SetupContext } from 'vue/types/v3-setup-context';
+import type { SetupContext } from "../../../../../../vue3/node_modules/vue";
 export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, hasDraggableColumnsRef: MaybeRef<boolean>, emit: SetupContext['emit']) => {
     draggingColumns: {
         dragging?: {
@@ -41,7 +41,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
             frozen?: boolean;
         };
     };
-    draggingEventsForColumns: import("vue").ComputedRef<{
+    draggingEventsForColumns: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         "column-dragstart"?: undefined;
         "column-dragenter"?: undefined;
         "column-drop"?: undefined;
@@ -52,7 +52,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
         "column-drop": (column: BentoColumn) => void;
         "column-dragend": () => void;
     }>;
-    draggingEventsForRowCell: import("vue").ComputedRef<(column: BentoColumn) => {
+    draggingEventsForRowCell: import("../../../../../../vue3/node_modules/vue").ComputedRef<(column: BentoColumn) => {
         dragenter?: undefined;
         drop?: undefined;
         dragover?: undefined;

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

@@ -1,8 +1,8 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 import { BentoColumn } from '../../data-grid.types';
-import type { SetupContext } from 'vue/types/v3-setup-context';
+import type { SetupContext } from "../../../../../../vue3/node_modules/vue";
 export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: SetupContext['emit']) => {
-    columnSets: import("vue").ComputedRef<({
+    columnSets: import("../../../../../../vue3/node_modules/vue").ComputedRef<({
         columnSet: (BentoColumn | {
             field: string;
             label: string;
@@ -45,8 +45,8 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
         id: string;
         isFrozenColumns?: undefined;
     })[]>;
-    isOnlyOneVisibleColumn: import("vue").ComputedRef<boolean>;
-    sortedColumns: import("vue").ComputedRef<(BentoColumn | {
+    isOnlyOneVisibleColumn: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    sortedColumns: import("../../../../../../vue3/node_modules/vue").ComputedRef<(BentoColumn | {
         field: string;
         label: string;
         width?: number;

package/dist/@types/packages/vue2/src/components/data-grid/composables/useKeyboardNavigator/useKeyboardNavigator.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../../vue3/node_modules/vue";
 import { BentoDatagridNavigationKeyCode } from './useKeyboardNavigator.types';
 export declare const useKeyboardNavigator: (gridcellRefs: Ref<HTMLDivElement[]>, columnsCount: Ref<number>) => {
     focusOnNextGridcell: (target: EventTarget, keyCode: BentoDatagridNavigationKeyCode, ctrlKey: boolean) => void;

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

@@ -1,9 +1,9 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../vue3/node_modules/vue";
 import { BentoColumn, BentoColumnWidthOverridesLookup } from '../data-grid.types';
 import { DatagridColumnsEvent } from '../components/data-grid-columns/data-grid-columns-types';
 export declare const useResizer: (columns: Ref<BentoColumn[]>, emit: (event: DatagridColumnsEvent, ...args: unknown[]) => void) => {
     resizeData: Ref<BentoColumnWidthOverridesLookup>;
-    allColumnRefs: import("vue").ToRefs<{}>;
+    allColumnRefs: import("../../../../../vue3/node_modules/vue").ToRefs<{}>;
     startResize: (hasResizableColumns: boolean, field: BentoColumn['field'], event: MouseEvent) => void;
     isResizing: Ref<boolean>;
 };

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../vue3/node_modules/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: (allItemsSelected: boolean) => void;

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../../../vue3/node_modules/vue";
 import { BentoColumn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../data-grid.types';
 import { DatagridColumnsEvent } from '../components/data-grid-columns/data-grid-columns-types';
 export declare const useSorter: (sortBy: Ref<BentoDatagridSortByColumn[]>, columns: Ref<BentoColumn[]>, emit: (event: DatagridColumnsEvent, updatedSortBy: BentoDatagridSortByColumn[]) => void) => {

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

@@ -1,4 +1,4 @@
-import { BentoPagination } from '@/components/pagination';
+import { BentoPagination } from "../pagination";
 export declare enum BentoColumnOverflow {
     WRAP = "wrap",
     ELLIPSIS = "ellipsis"

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { Booleanish } from '@/types';
+import { PropType } from "../../../../vue3/node_modules/vue";
+import { Booleanish } from "../../types";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-declare const _default: import("vue").DefineComponent<{
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
                 default: any;
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {
@@ -123,8 +123,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }, {
-    body: import("vue").Ref<HTMLDivElement>;
-    columnDefs: import("vue").ComputedRef<{
+    body: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
+    columnDefs: import("../../../../vue3/node_modules/vue").ComputedRef<{
         width: number;
         field: string;
         label: string;
@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
         mandatory?: boolean;
         frozen?: boolean;
     }[]>;
-    columnSets: import("vue").ComputedRef<({
+    columnSets: import("../../../../vue3/node_modules/vue").ComputedRef<({
         columnSet: (BentoColumn | {
             field: string;
             label: string;
@@ -185,22 +185,22 @@ declare const _default: import("vue").DefineComponent<{
         id: string;
         isFrozenColumns?: undefined;
     })[]>;
-    gridcellRefs: import("vue").Ref<HTMLDivElement[]>;
-    isColumnMenuOpen: import("vue").Ref<boolean>;
-    paginationRef: import("vue").Ref<HTMLDivElement>;
+    gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement[]>;
+    isColumnMenuOpen: import("../../../../vue3/node_modules/vue").Ref<boolean>;
+    paginationRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
     bodyDynamicStyles: {
-        height: import("vue").Ref<string>;
+        height: import("../../../../vue3/node_modules/vue").Ref<string>;
     };
     slots: Readonly<{
-        [name: string]: import("vue").Slot;
+        [name: string]: import("../../../../vue3/node_modules/vue").Slot;
     }>;
-    ariaGridHeaderText: import("vue").ComputedRef<string>;
+    ariaGridHeaderText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
     getRowData: (rowData: unknown) => unknown;
-    gridColumnWidthStyle: import("vue").ComputedRef<{
+    gridColumnWidthStyle: import("../../../../vue3/node_modules/vue").ComputedRef<{
         width: string;
     }>;
-    conditionalGridClasses: import("vue").ComputedRef<{
+    conditionalGridClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
     }>;
     conditionalRowClasses: (row: BentoDatagridDataItem) => {
@@ -225,12 +225,12 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__cell--is-column-re-order-target-left': boolean;
         'b-data-grid__cell--is-column-re-order-target-right': boolean;
     };
-    conditionalPaginationClasses: import("vue").ComputedRef<{
+    conditionalPaginationClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'b-data-grid__pagination--padding-left-unset': boolean;
         'b-data-grid__pagination--padding-right-unset': boolean;
         'b-data-grid__pagination--sticky': boolean;
     }>;
-    conditionalColumnsClasses: import("vue").ComputedRef<{
+    conditionalColumnsClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'b-data-grid__columns--menu-open': boolean;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
@@ -243,7 +243,7 @@ declare const _default: import("vue").DefineComponent<{
         allItemsSelected: boolean;
         isIndeterminate: boolean;
     };
-    selectedItems: import("vue").Ref<BentoDatagridDataItemId[]>;
+    selectedItems: import("../../../../vue3/node_modules/vue").Ref<BentoDatagridDataItemId[]>;
     onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: (value: BentoDatagridDataItemId[]) => void;
     DATAGRID_SELECT_FIELD_NAME: string;
@@ -252,11 +252,11 @@ declare const _default: import("vue").DefineComponent<{
     onConfigSettingsUpdate: (isCondensedView: boolean) => void;
     onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
     onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
-    columnsRef: import("vue").Ref<HTMLDivElement>;
-    configSettingsButtonStyle: import("vue").ComputedRef<{
+    columnsRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
+    configSettingsButtonStyle: import("../../../../vue3/node_modules/vue").ComputedRef<{
         height: string;
     }>;
-    isOnlyOneVisibleColumn: import("vue").ComputedRef<boolean>;
+    isOnlyOneVisibleColumn: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -305,7 +305,7 @@ declare const _default: import("vue").DefineComponent<{
             frozen?: boolean;
         };
     };
-    draggingEventsForColumns: import("vue").ComputedRef<{
+    draggingEventsForColumns: import("../../../../vue3/node_modules/vue").ComputedRef<{
         "column-dragstart"?: undefined;
         "column-dragenter"?: undefined;
         "column-drop"?: undefined;
@@ -316,7 +316,7 @@ declare const _default: import("vue").DefineComponent<{
         "column-drop": (column: BentoColumn) => void;
         "column-dragend": () => void;
     }>;
-    draggingEventsForRowCell: import("vue").ComputedRef<(column: BentoColumn) => {
+    draggingEventsForRowCell: import("../../../../vue3/node_modules/vue").ComputedRef<(column: BentoColumn) => {
         dragenter?: undefined;
         drop?: undefined;
         dragover?: undefined;
@@ -325,21 +325,21 @@ declare const _default: import("vue").DefineComponent<{
         drop: () => void;
         dragover: (e: DragEvent) => void;
     }>;
-    computedColumnPanelAlignment: import("vue").ComputedRef<number>;
+    computedColumnPanelAlignment: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
     };
     getCellindex: (rowIndex: number, colIndex: number, colSetIndex: number) => number;
     getColIndex: (colIndex: number, colSetIndex: number) => number;
     navigationInput: (event: KeyboardEvent) => void;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("@/utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>> | ((key: "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT, 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<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -404,7 +404,7 @@ declare const _default: import("vue").DefineComponent<{
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
                 default: any;
@@ -436,7 +436,7 @@ declare const _default: import("vue").DefineComponent<{
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {

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

@@ -1,31 +1,33 @@
-import { PropType } from 'vue';
-import { BentoDateFormat } from '@/components/date/date.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from "../../../../vue3/node_modules/vue";
+import { BentoDateFormat } from "./date.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     date: {
         type: (DateConstructor | StringConstructor | NumberConstructor)[];
         default: any;
     };
     format: {
-        type: PropType<BentoDateFormat>;
+        type: PropType<"d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O">;
         default: BentoDateFormat;
+        validator: (value: BentoDateFormat) => boolean;
     };
     disableTypography: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    formattedDate: import("vue").ComputedRef<string>;
+    formattedDate: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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<{
     date: {
         type: (DateConstructor | StringConstructor | NumberConstructor)[];
         default: any;
     };
     format: {
-        type: PropType<BentoDateFormat>;
+        type: PropType<"d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O">;
         default: BentoDateFormat;
+        validator: (value: BentoDateFormat) => boolean;
     };
     disableTypography: {
         type: BooleanConstructor;
@@ -33,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     date: string | number | Date;
-    format: BentoDateFormat;
+    format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
     disableTypography: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/date-picker/composables/use-date-picker-single-calendar-text.types.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref } from "../../../../../vue3/node_modules/vue";
 export interface UseDateDisplayTextProps<T> {
     datePickerValue: Ref<T>;
     isDateIncorrect: Ref<boolean>;

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

@@ -1,5 +1,5 @@
-export { CalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from '@/internal';
-export type { CalendarIsDateDisabled as BentoDatePickerIsDateDisabled, CalendarSingleDateValue as BentoDatePickerValue, } from '@/internal';
+export { CalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from "../internal";
+export type { CalendarIsDateDisabled as BentoDatePickerIsDateDisabled, CalendarSingleDateValue as BentoDatePickerValue, } from "../internal";
 export declare enum BentoDatePickerEvent {
     INPUT = "input"
 }

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

@@ -1,7 +1,7 @@
-import { PropType, Ref } from 'vue';
+import { PropType, Ref } from "../../../../vue3/node_modules/vue";
 import { BentoDatePickerEvent } from './date-picker.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     description: {
         type: StringConstructor;
         default: any;
@@ -35,20 +35,20 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     inputContainerRef: any;
     calendarContainerRef: any;
-    dateDisplayValue: import("vue").ComputedRef<string>;
+    dateDisplayValue: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     datePickerContainerId: string;
-    descriptionConditionalClasses: import("vue").ComputedRef<{
+    descriptionConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'b-date-picker__description--error': string;
     }>;
     isDateIncorrect: Ref<boolean>;
     isDatePickerOpen: Ref<boolean>;
-    dateErrorText: import("vue").ComputedRef<string>;
+    dateErrorText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     labelId: string;
     descriptionId: string;
     errorId: string;
     dateErrorId: string;
-    popoverAriaLabel: import("vue").ComputedRef<string>;
-    ariaDescribedBy: import("vue").ComputedRef<string>;
+    popoverAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+    ariaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     textInputValue: Ref<string>;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     onDateKeyDown: (event: KeyboardEvent) => void;
     onDateInputChange: (stringDate: string) => void;
     onSpaceBarOrEnter: (event: KeyboardEvent) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, BentoDatePickerEvent[], BentoDatePickerEvent, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoDatePickerEvent[], BentoDatePickerEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     description: {
         type: StringConstructor;
         default: any;

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { CalendarRangeDateValue } from '@/internal';
-import { BentoTypographyElement } from '@/components/typography';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { CalendarRangeDateValue } from "../../../internal";
+import { BentoTypographyElement } from "../../../typography";
 import { DateRangePickerCalendarEvent, DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './date-range-picker-calendar.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     allowTimeInput: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,12 +35,12 @@ declare const _default: import("vue").DefineComponent<{
         startTime: string;
         endTime: string;
     };
-    endDateError: import("vue").Ref<boolean>;
-    endTimeError: import("vue").Ref<boolean>;
-    selectedRangeSelectorValue: import("vue").Ref<string>;
-    startDateError: import("vue").Ref<boolean>;
-    startTimeError: import("vue").Ref<boolean>;
-    quickSelectRangeDefaultItems: import("vue").ComputedRef<({
+    endDateError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    endTimeError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    selectedRangeSelectorValue: import("../../../../../../vue3/node_modules/vue").Ref<string>;
+    startDateError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    startTimeError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
+    quickSelectRangeDefaultItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<({
         label: string;
         value: string;
         data: {
@@ -51,12 +51,12 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
         value: string;
     })[]>;
-    formInputWrapperConditionalClasses: import("vue").ComputedRef<{
+    formInputWrapperConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         'b-date-range-picker-calendar__form-input-wrapper': boolean;
     }>;
     BentoTypographyElement: typeof BentoTypographyElement;
     hasSlot: (name: string) => boolean;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("@/utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     onStartDateInput: (startDateText: string) => void;
     onStartTimeInput: (startTimeText: string) => void;
     onTimeInputKeyDown: (event: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, DateRangePickerCalendarEvent[], DateRangePickerCalendarEvent, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DateRangePickerCalendarEvent[], DateRangePickerCalendarEvent, 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<{
     allowTimeInput: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/packages/vue2/src/components/date-range-picker/composables/use-date-range-picker-calendar-text.d.ts

@@ -1,3 +1,3 @@
 import { UseDateDisplayText } from './use-date-range-picker-calendar-text.types';
-import { CalendarRangeDateValue } from '@/internal';
+import { CalendarRangeDateValue } from "../../internal";
 export declare const useDateRangePickerCalendarText: UseDateDisplayText<CalendarRangeDateValue>;

package/dist/@types/packages/vue2/src/components/date-range-picker/composables/use-date-range-picker-calendar-text.types.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref } from "../../../../../vue3/node_modules/vue";
 import { DateRangePickerCalendarFormData } from '../components/date-range-picker-calendar/date-range-picker-calendar.types';
 export interface UseDateDisplayTextProps<T> {
     datePickerValue: Ref<T>;