@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -1,12 +1,10 @@
 import type { VueNodeElement } from "../../../../types";
-import type { BentoButtonVariant } from "../..";
-export interface BentoButtonActionObject {
+import type { BentoButtonProps, BentoLoadingButtonState } from "../..";
+export interface BentoButtonActionObject extends BentoButtonProps {
     title: string;
     event: (event: Event) => void;
     icon?: VueNodeElement;
-    disabled?: boolean;
-    variant?: BentoButtonVariant;
-    critical?: boolean;
+    state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;
 export declare enum BentoButtonActionsLayoutBasic {

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     layout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
@@ -23,11 +23,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     layout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    layout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
+    layout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
 }>;
 export default _default;

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     BentoLoadingButtonState: typeof BentoLoadingButtonState;
-    onClick: () => void;
+    onClick: (e: MouseEvent) => void;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
@@ -47,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoButtonVariant) => boolean;
     };
 }>>, {
+    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
     condensed: boolean;
     disabled: boolean;
-    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
     state: "start" | "success" | "loading" | BentoLoadingButtonState | "fail";
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
 import { BentoCardBackground, BentoCardTitleSize } from "./card.types";
 declare const _default: import("vue").DefineComponent<{
@@ -9,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoCardBackground) => boolean;
     };
     titleSize: {
-        type: PropType<"small" | "default" | BentoCardTitleSize>;
+        type: PropType<"default" | "small" | BentoCardTitleSize>;
         default: BentoCardTitleSize;
         validator: (value: BentoCardTitleSize) => boolean;
     };
@@ -30,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
@@ -68,12 +67,77 @@ declare const _default: import("vue").DefineComponent<{
     tabIndex: import("vue").ComputedRef<-1 | 0>;
     showHeader: import("vue").ComputedRef<boolean>;
     showTitleWrapper: import("vue").ComputedRef<boolean>;
-    typography: import("vue").ComputedRef<{
-        el: BentoTypographyElement;
-        variant: BentoTypographyVariant;
-        strongest: boolean;
+    typography: import("vue").ComputedRef<Readonly<Partial<{
+        el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
         wide: boolean;
-    }>;
+        stronger: boolean;
+        strongest: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
+        medium: boolean;
+        large: boolean;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+            default: import("../typography").BentoTypographyElement;
+            validator: (value: import("../typography").BentoTypographyElement) => boolean;
+        };
+        stronger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strongest: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+            default: import("../typography").BentoTypographyVariant;
+            validator: (value: import("../typography").BentoTypographyVariant) => boolean;
+        };
+        medium: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, import("vue/types/v3-component-props").DefaultKeys<{
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+            default: import("../typography").BentoTypographyElement;
+            validator: (value: import("../typography").BentoTypographyElement) => boolean;
+        };
+        stronger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strongest: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+            default: import("../typography").BentoTypographyVariant;
+            validator: (value: import("../typography").BentoTypographyVariant) => boolean;
+        };
+        medium: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>>>;
     hasSlot: (name: string) => boolean;
     onClick: () => void;
     t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
@@ -84,8 +148,6 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: string;
     }>> | ((key: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string);
     toggleExpansion: () => void;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "expanded")[], string, Readonly<import("vue").ExtractPropTypes<{
     background: {
         type: PropType<"primary" | "secondary" | BentoCardBackground>;
@@ -93,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoCardBackground) => boolean;
     };
     titleSize: {
-        type: PropType<"small" | "default" | BentoCardTitleSize>;
+        type: PropType<"default" | "small" | BentoCardTitleSize>;
         default: BentoCardTitleSize;
         validator: (value: BentoCardTitleSize) => boolean;
     };
@@ -114,17 +176,17 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    disabled: boolean;
+    titleSize: "default" | "small" | BentoCardTitleSize;
     background: "primary" | "secondary" | BentoCardBackground;
+    disabled: boolean;
     actions: BentoButtonActionsList;
-    actionsLayout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
+    actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
     closed: boolean;
-    titleSize: "small" | "default" | BentoCardTitleSize;
     expandable: boolean;
 }>;
 export default _default;

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

@@ -7,5 +7,6 @@ export declare enum BentoCheckboxState {
     READONLY = "readonly"
 }
 export declare enum BentoCheckboxEvent {
-    UPDATE = "update:model-value"
+    UPDATE = "update:model-value",
+    INPUT = "input"
 }

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoCheckboxEvent, BentoCheckboxType } from './checkbox.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';
 declare const _default: import("vue").DefineComponent<{
     value: {
@@ -48,14 +47,13 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClassOutline: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    defaultSlotValue: boolean;
-    descriptionSlotValue: boolean;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     isCheckboxGroup: import("vue").ComputedRef<boolean>;
     isChecked: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     shouldShowErrorMessage: import("vue").ComputedRef<boolean>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
+    hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -94,9 +92,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | number;
     disabled: boolean;
-    ariaLabel: string;
     errorMessage: string;
     readonly: boolean;
+    ariaLabel: string;
     modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
     hasError: boolean;
     indeterminate: boolean;

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

@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -149,15 +149,15 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }>>, {
     description: string;
-    disabled: boolean;
-    variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
+    variant: "horizontal" | "vertical" | BentoCheckboxGroupVariant;
     required: boolean;
+    disabled: boolean;
     tooltipText: string;
     optional: boolean;
     hideLabel: boolean;

package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.types.d.ts

@@ -10,5 +10,6 @@ export declare enum BentoCodeSnippetSupportedLanguage {
     JAVASCRIPT = "javascript"
 }
 export declare enum BentoCodeSnippetEvent {
-    ACTION = "action"
+    ACTION = "action",
+    CHANGE = "change"
 }

package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
 import { EditorView } from '@codemirror/view';
-import { BentoButtonVariant } from "../button";
-import { BentoTypographyElement } from "../typography";
 import { BentoCodeSnippetEvent, BentoCodeSnippetSupportedLanguage, BentoCodeSnippetVariant } from "./code-snippet.types";
 declare const _default: import("vue").DefineComponent<{
     variant: {
@@ -30,27 +28,44 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     actionableText: {
         type: StringConstructor;
         default: string;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoButtonVariant: typeof BentoButtonVariant;
-    BentoCodeSnippetVariant: typeof BentoCodeSnippetVariant;
-    container: import("vue").ShallowRef<HTMLDivElement>;
-    editor: import("vue").ShallowRef<EditorView>;
-    currentContents: import("vue").Ref<string>;
+    availableLanguages: any[];
+    codeAreaContentConditionalClasses: import("vue").ComputedRef<{
+        'b-code-snippet__code-area-content--editable': boolean;
+    }>;
     conditionalClasses: import("vue").ComputedRef<{
         'b-code-snippet--inline': boolean;
         'b-code-snippet--scrollable': boolean;
     }>;
-    availableLanguages: any[];
+    container: import("vue").ShallowRef<HTMLDivElement>;
+    currentContents: import("vue").Ref<string>;
     displayedLang: import("vue").ComputedRef<string>;
+    editor: import("vue").ShallowRef<EditorView>;
     selectedLanguage: import("vue").Ref<string>;
+    showModal: import("vue").Ref<boolean>;
+    isInlineVariant: import("vue").ComputedRef<boolean>;
     handleChangeLanguage: () => void;
-    runText: import("vue").ComputedRef<string>;
     onActionClicked: () => void;
+    runText: import("vue").ComputedRef<string>;
+    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: "expand" | "run", values?: import("vue-i18n").default.Values) => string);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: PropType<"inline" | "singleline" | "multiline" | BentoCodeSnippetVariant>;
@@ -78,14 +93,24 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     actionableText: {
         type: StringConstructor;
         default: string;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    content: string;
     variant: "inline" | "singleline" | "multiline" | BentoCodeSnippetVariant;
+    content: string;
+    loading: boolean;
     lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
+    expandable: boolean;
     langLabel: string;
     editable: boolean;
     actionable: boolean;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from "../typography";
 import { BentoCountryCode, BentoCountryVariant } from './country.types';
 declare const _default: import("vue").DefineComponent<{
     code: {
@@ -19,7 +18,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     countryName: import("vue").ComputedRef<any>;
     countryLabel: import("vue").Ref<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     code: {
         type: PropType<"MM" | "BD" | "BE" | "BF" | "BG" | "BA" | "BB" | "WF" | "BL" | "BM" | "BN" | "BO" | "BH" | "BI" | "BJ" | "BT" | "JM" | "BV" | "BW" | "WS" | "BQ" | "BR" | "BS" | "JE" | "BY" | "BZ" | "RU" | "RW" | "RS" | "TL" | "RE" | "TM" | "TJ" | "RO" | "TK" | "GW" | "GU" | "GT" | "GS" | "GR" | "GQ" | "GP" | "JP" | "GY" | "GG" | "GF" | "GE" | "GD" | "GB" | "GA" | "SV" | "GN" | "GM" | "GL" | "GI" | "GH" | "OM" | "TN" | "JO" | "HR" | "HT" | "HU" | "HK" | "HN" | "HM" | "VE" | "PR" | "PS" | "PW" | "PT" | "SJ" | "PY" | "IQ" | "PA" | "PF" | "PG" | "PE" | "PK" | "PH" | "PN" | "PL" | "PM" | "ZM" | "EH" | "EE" | "EG" | "ZA" | "EC" | "IT" | "VN" | "SB" | "ET" | "SO" | "ZW" | "SA" | "ES" | "ER" | "ME" | "MD" | "MG" | "MF" | "MA" | "MC" | "UZ" | "ML" | "MO" | "MN" | "MH" | "MK" | "MU" | "MT" | "MW" | "MV" | "MQ" | "MP" | "MS" | "MR" | "IM" | "UG" | "TZ" | "MY" | "MX" | "IL" | "FR" | "IO" | "SH" | "FI" | "FJ" | "FK" | "FM" | "FO" | "NI" | "NL" | "NO" | "NA" | "VU" | "NC" | "NE" | "NF" | "NG" | "NZ" | "NP" | "NR" | "NU" | "CK" | "XK" | "CI" | "CH" | "CO" | "CN" | "CM" | "CL" | "CC" | "CA" | "CG" | "CF" | "CD" | "CZ" | "CY" | "CX" | "CR" | "CW" | "CV" | "CU" | "SZ" | "SY" | "SX" | "KG" | "KE" | "SS" | "SR" | "KI" | "KH" | "KN" | "KM" | "ST" | "SK" | "KR" | "SI" | "KP" | "KW" | "SN" | "SM" | "SL" | "SC" | "KZ" | "KY" | "SG" | "SE" | "SD" | "DO" | "DM" | "DJ" | "DK" | "VG" | "DE" | "YE" | "DZ" | "US" | "UY" | "YT" | "UM" | "LB" | "LC" | "LA" | "TV" | "TW" | "TT" | "TR" | "LK" | "LI" | "LV" | "TO" | "LT" | "LU" | "LR" | "LS" | "TH" | "TF" | "TG" | "TD" | "TC" | "LY" | "VA" | "VC" | "AE" | "AD" | "AG" | "AF" | "AI" | "VI" | "IS" | "IR" | "AM" | "AL" | "AO" | "AQ" | "AS" | "AR" | "AU" | "AT" | "AW" | "IN" | "AX" | "AZ" | "IE" | "ID" | "UA" | "QA" | "MZ" | "ZZ" | BentoCountryCode>;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoCurrencyISOCode } from "./currency.types";
 declare const _default: import("vue").DefineComponent<{
     currency: {
@@ -17,8 +16,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     formattedCurrency: import("vue").ComputedRef<string>;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     currency: {
         type: PropType<"TOP" | "CVE" | "DJF" | "GNF" | "IDR" | "JPY" | "KMF" | "KRW" | "PYG" | "RWF" | "UGX" | "VND" | "VUV" | "XAF" | "XOF" | "XPF" | "MRO" | "BHD" | "IQD" | "JOD" | "KWD" | "LYD" | "OMR" | "TND" | "AFA" | "ALL" | "DZD" | "AOA" | "ARS" | "AMD" | "AWG" | "AUD" | "AZN" | "BSD" | "BDT" | "BBD" | "BYR" | "BEF" | "BZD" | "BMD" | "BTN" | "BTC" | "BOB" | "BAM" | "BWP" | "BRL" | "GBP" | "BND" | "BGN" | "BIF" | "KHR" | "CAD" | "KYD" | "CLP" | "CLF" | "CNY" | "COP" | "CDF" | "CRC" | "HRK" | "CUC" | "CZK" | "DKK" | "DOP" | "XCD" | "EGP" | "ERN" | "EEK" | "ETB" | "EUR" | "FKP" | "FJD" | "GMD" | "GEL" | "DEM" | "GHS" | "GIP" | "GRD" | "GTQ" | "GYD" | "HTG" | "HNL" | "HKD" | "HUF" | "ISK" | "INR" | "IRR" | "ILS" | "ITL" | "JMD" | "KZT" | "KES" | "KGS" | "LAK" | "LVL" | "LBP" | "LSL" | "LRD" | "LTC" | "LTL" | "MOP" | "MKD" | "MGA" | "MWK" | "MYR" | "MVR" | "MUR" | "MXN" | "MDL" | "MNT" | "MAD" | "MZM" | "MMK" | "NAD" | "NPR" | "ANG" | "TWD" | "NZD" | "NIO" | "NGN" | "KPW" | "NOK" | "PKR" | "PAB" | "PGK" | "PEN" | "PHP" | "PLN" | "QAR" | "RON" | "RUB" | "SVC" | "WST" | "STD" | "SAR" | "RSD" | "SCR" | "SLL" | "SGD" | "SKK" | "SBD" | "SOS" | "ZAR" | "SSP" | "XDR" | "LKR" | "SHP" | "SDG" | "SRD" | "SZL" | "SEK" | "CHF" | "SYP" | "TJS" | "TZS" | "THB" | "TTD" | "TRY" | "TMT" | "UAH" | "AED" | "UYU" | "USD" | "UZS" | "VEF" | "YER" | "ZMK" | "ZWL" | BentoCurrencyISOCode>;

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

@@ -1,9 +1,7 @@
 import { PropType } from 'vue';
 import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridAriaSortValue, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
-import { BentoTypographyElement } from "../../../typography";
 import { BentoDatagridDraggingColumnState, DatagridColumnsEvent } from './data-grid-columns-types';
 import type { BentoMenuItem } from "../../../menu/components";
-import { BentoButtonVariant } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     columns: {
         type: PropType<BentoColumn[]>;
@@ -99,28 +97,10 @@ declare const _default: import("vue").DefineComponent<{
         dragend: () => void;
     }>;
     contextualMenuData: import("vue").ComputedRef<(col: BentoColumn) => BentoMenuItem[]>;
-    BentoButtonVariant: typeof BentoButtonVariant;
+    computeMenuPosition: (hasFirstColumnPanelRightAligned: any, index: any) => import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START | import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    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;
-    };
     DatagridColumnsEvent: typeof DatagridColumnsEvent;
-}, {}, {}, {}, 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_MENU_OPEN | DatagridColumnsEvent.COLUMN_MENU_CLOSE | DatagridColumnsEvent.COLUMN_DRAG_START | DatagridColumnsEvent.COLUMN_DRAG_ENTER | DatagridColumnsEvent.COLUMN_DRAG_END | DatagridColumnsEvent.COLUMN_DROP)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatagridColumnsEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<BentoColumn[]>;
         required: true;

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,6 +1,4 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../../../typography";
-import { BentoToggleLabelPosition } from "../../../../../toggle";
 import { BentoColumn } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     isColumnVisibilityToggleDisabled: {
@@ -22,9 +20,6 @@ declare const _default: import("vue").DefineComponent<{
     showFreezeIcon: () => void;
     hideFreezeIcon: () => void;
     toggleColumnFreeze: () => void;
-    BentoToggleLabelPosition: typeof BentoToggleLabelPosition;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("visible-column" | "updated-column")[], string, Readonly<import("vue").ExtractPropTypes<{
     isColumnVisibilityToggleDisabled: {
         type: BooleanConstructor;

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

@@ -1,7 +1,4 @@
 import { PropType } from '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<{
@@ -32,27 +29,6 @@ declare const _default: import("vue").DefineComponent<{
     emitFrozenColumns: (updatedColumn: BentoColumn) => void;
     onClickOutside: () => void;
     isColumnVisibilityToggleDisabled: (column: BentoColumn) => boolean;
-    BentoToggleLabelPosition: typeof BentoToggleLabelPosition;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoButtonVariant: typeof BentoButtonVariant;
-    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, DatagridConfigSettingsEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<BentoColumn[]>;

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

@@ -1,4 +1,5 @@
 import { BentoPagination } from "../pagination";
+import { BentoEmptyState } from "../empty-state";
 export declare enum BentoColumnOverflow {
     WRAP = "wrap",
     ELLIPSIS = "ellipsis"
@@ -76,3 +77,4 @@ export declare enum BentoDatagridAriaSortValue {
     DESCENDING = "descending",
     NONE = "none"
 }
+export type BentoDatagridEmptyStateProps = InstanceType<typeof BentoEmptyState>['$props'];