@adyen/bento-vue2 1.1.0 → 1.2.0

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

@@ -1,23 +1,25 @@
 import { PropType } from 'vue';
-import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from "./alert.types";
+import { BentoButtonVariant } from "../../../../core/src/components/button/button.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     closeButton: {
         type: BooleanConstructor;
         default: boolean;
     };
     type: {
-        type: PropType<BentoAlertTypeOption>;
+        type: PropType<"warning" | "critical" | "highlight" | "success" | BentoAlertTypeOption>;
         default: BentoAlertTypeOption;
+        validator: (value: BentoAlertTypeOption) => boolean;
     };
     variant: {
-        type: PropType<BentoAlertVariant>;
+        type: PropType<"default" | "tip" | BentoAlertVariant>;
         default: BentoAlertVariant;
+        validator: (value: BentoAlertVariant) => boolean;
     };
 }, {
     alertConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | BentoAlertTypeOption;
+        [x: string]: boolean | "warning" | "critical" | "highlight" | "success" | BentoAlertTypeOption;
     }>;
     computedRole: import("vue").ComputedRef<"alert" | "status">;
     descriptionTypography: import("vue").ComputedRef<{
@@ -30,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     isTipVariant: import("vue").ComputedRef<boolean>;
     onCloseButtonClick: () => void;
     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;
@@ -47,16 +49,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<BentoAlertTypeOption>;
+        type: PropType<"warning" | "critical" | "highlight" | "success" | BentoAlertTypeOption>;
         default: BentoAlertTypeOption;
+        validator: (value: BentoAlertTypeOption) => boolean;
     };
     variant: {
-        type: PropType<BentoAlertVariant>;
+        type: PropType<"default" | "tip" | BentoAlertVariant>;
         default: BentoAlertVariant;
+        validator: (value: BentoAlertVariant) => boolean;
     };
 }>>, {
-    type: BentoAlertTypeOption;
-    variant: BentoAlertVariant;
+    type: "warning" | "critical" | "highlight" | "success" | BentoAlertTypeOption;
+    variant: "default" | "tip" | BentoAlertVariant;
     closeButton: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { Booleanish } from '@/types';
+import { BentoButtonVariant } from "../../../../core/src/components/button/button.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { Booleanish } from "../../types";
 import type { RouterLinkProps } from 'vue-router/types/router';
 import type { AnchorHTMLAttributes } from 'vue/types/jsx';
 import { BentoLinkVariant } from '../link';
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoButtonVariant>;
+        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
@@ -310,7 +310,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string>;
         };
         variant: {
-            type: PropType<BentoLinkVariant>;
+            type: PropType<"default" | BentoLinkVariant | "quiet">;
         } & {
             default: BentoLinkVariant;
         };
@@ -898,7 +898,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string>;
         };
         variant: {
-            type: PropType<BentoLinkVariant>;
+            type: PropType<"default" | BentoLinkVariant | "quiet">;
         } & {
             default: BentoLinkVariant;
         };
@@ -1226,7 +1226,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         click: (clickEvent: MouseEvent) => void;
     }, {
-        variant: BentoLinkVariant;
+        variant: "default" | BentoLinkVariant | "quiet";
     }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
         replace: {
             type: PropType<boolean>;
@@ -1490,7 +1490,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string>;
         };
         variant: {
-            type: PropType<BentoLinkVariant>;
+            type: PropType<"default" | BentoLinkVariant | "quiet">;
         } & {
             default: BentoLinkVariant;
         };
@@ -2078,7 +2078,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string>;
         };
         variant: {
-            type: PropType<BentoLinkVariant>;
+            type: PropType<"default" | BentoLinkVariant | "quiet">;
         } & {
             default: BentoLinkVariant;
         };
@@ -2666,7 +2666,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string>;
         };
         variant: {
-            type: PropType<BentoLinkVariant>;
+            type: PropType<"default" | BentoLinkVariant | "quiet">;
         } & {
             default: BentoLinkVariant;
         };
@@ -2994,7 +2994,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
         click: (clickEvent: MouseEvent) => void;
     }, string, {
-        variant: BentoLinkVariant;
+        variant: "default" | BentoLinkVariant | "quiet";
     }> & {
         props: {
             replace: {
@@ -3259,7 +3259,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<string>;
             };
             variant: {
-                type: PropType<BentoLinkVariant>;
+                type: PropType<"default" | BentoLinkVariant | "quiet">;
             } & {
                 default: BentoLinkVariant;
             };
@@ -3619,7 +3619,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoButtonVariant>;
+        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
@@ -3633,6 +3633,6 @@ declare const _default: import("vue").DefineComponent<{
     critical: boolean;
     condensed: boolean;
     disabled: boolean;
-    variant: BentoButtonVariant;
+    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import type { VueNodeElement } from '@/types';
-import type { BentoButtonVariant } from '@/components/button';
+import type { VueNodeElement } from "../../../../types";
+import type { BentoButtonVariant } from "../..";
 export interface BentoButtonActionObject {
     title: string;
     event: (event: Event) => void;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
+import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
 import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 declare const _default: import("vue").DefineComponent<{
     actions: {
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     layout: {
-        type: PropType<BentoButtonActionsLayout>;
+        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "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>;
+        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
         default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    layout: BentoButtonActionsLayout;
+    layout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/core/components/button/button.types';
+import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
 import { BentoLoadingButtonState } from './loading-button.types';
 declare const _default: import("vue").DefineComponent<{
     condensed: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<BentoButtonVariant>;
+        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
@@ -42,14 +42,14 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<BentoButtonVariant>;
+        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
 }>>, {
     condensed: boolean;
     disabled: boolean;
-    variant: BentoButtonVariant;
+    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
     state: BentoLoadingButtonState;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
 export { default as BentoButton } from './button.vue';
-export * from '@/core/components/button/button.types';
+export * from "../../../../core/src/components/button/button.types";
 export * from './components/button-actions';
 export * from './components/loading-button';

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

@@ -1,15 +1,17 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
-import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
+import { BentoCardBackground, BentoCardTitleSize } from "./card.types";
 declare const _default: import("vue").DefineComponent<{
     background: {
-        type: PropType<BentoCardBackground>;
+        type: PropType<"primary" | "secondary" | BentoCardBackground>;
         default: BentoCardBackground;
+        validator: (value: BentoCardBackground) => boolean;
     };
     titleSize: {
-        type: PropType<BentoCardTitleSize>;
+        type: PropType<"small" | "default" | BentoCardTitleSize>;
         default: BentoCardTitleSize;
+        validator: (value: BentoCardTitleSize) => boolean;
     };
     expandable: {
         type: BooleanConstructor;
@@ -28,14 +30,14 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout>;
-        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }, {
     cardId: string;
     cardConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | BentoCardBackground;
+        [x: string]: boolean | "primary" | "secondary" | BentoCardBackground;
         'b-card--expandable': boolean;
         'b-card--disabled': boolean;
     }>;
@@ -74,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     hasSlot: (name: string) => boolean;
     onClick: () => 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;
@@ -86,12 +88,14 @@ declare const _default: import("vue").DefineComponent<{
     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<BentoCardBackground>;
+        type: PropType<"primary" | "secondary" | BentoCardBackground>;
         default: BentoCardBackground;
+        validator: (value: BentoCardBackground) => boolean;
     };
     titleSize: {
-        type: PropType<BentoCardTitleSize>;
+        type: PropType<"small" | "default" | BentoCardTitleSize>;
         default: BentoCardTitleSize;
+        validator: (value: BentoCardTitleSize) => boolean;
     };
     expandable: {
         type: BooleanConstructor;
@@ -110,17 +114,17 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout>;
-        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
     disabled: boolean;
-    background: BentoCardBackground;
+    background: "primary" | "secondary" | BentoCardBackground;
     actions: BentoButtonActionsList;
-    actionsLayout: BentoButtonActionsLayout;
+    actionsLayout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
     closed: boolean;
-    titleSize: BentoCardTitleSize;
+    titleSize: "small" | "default" | BentoCardTitleSize;
     expandable: boolean;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoCheckboxEvent, BentoCheckboxType } from './checkbox.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';
 declare const _default: import("vue").DefineComponent<{
     value: {

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
     variant: {
-        type: PropType<BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
     variant: {
-        type: PropType<BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    variant: BentoCheckboxGroupVariant;
+    variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
     errorMessage: string;
     readonly: boolean;
     modelValue: (string | number)[];

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

@@ -1,16 +1,18 @@
 import { PropType } from 'vue';
 import { EditorView } from '@codemirror/view';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoCodeSnippetEvent, BentoCodeSnippetSupportedLanguage, BentoCodeSnippetVariant } from '@/components/code-snippet/code-snippet.types';
+import { BentoButtonVariant } from "../button";
+import { BentoTypographyElement } from "../typography";
+import { BentoCodeSnippetEvent, BentoCodeSnippetSupportedLanguage, BentoCodeSnippetVariant } from "./code-snippet.types";
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<BentoCodeSnippetVariant>;
+        type: PropType<"inline" | "singleline" | "multiline" | BentoCodeSnippetVariant>;
         default: BentoCodeSnippetVariant;
+        validator: (value: BentoCodeSnippetVariant) => boolean;
     };
     lang: {
-        type: PropType<BentoCodeSnippetSupportedLanguage>;
+        type: PropType<"json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage>;
         default: BentoCodeSnippetSupportedLanguage;
+        validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
     };
     langLabel: {
         type: StringConstructor;
@@ -51,12 +53,14 @@ declare const _default: import("vue").DefineComponent<{
     onActionClicked: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<BentoCodeSnippetVariant>;
+        type: PropType<"inline" | "singleline" | "multiline" | BentoCodeSnippetVariant>;
         default: BentoCodeSnippetVariant;
+        validator: (value: BentoCodeSnippetVariant) => boolean;
     };
     lang: {
-        type: PropType<BentoCodeSnippetSupportedLanguage>;
+        type: PropType<"json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage>;
         default: BentoCodeSnippetSupportedLanguage;
+        validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
     };
     langLabel: {
         type: StringConstructor;
@@ -80,8 +84,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     content: string;
-    variant: BentoCodeSnippetVariant;
-    lang: BentoCodeSnippetSupportedLanguage;
+    variant: "inline" | "singleline" | "multiline" | BentoCodeSnippetVariant;
+    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
     langLabel: string;
     editable: boolean;
     actionable: boolean;

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

@@ -1,8 +1,8 @@
-import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';
+import { BentoCodeSnippetSupportedLanguage } from "../code-snippet.types";
 import { json } from '@codemirror/lang-json';
 import { xml } from '@codemirror/lang-xml';
 import { javascript } from '@codemirror/lang-javascript';
 import { java } from '@codemirror/lang-java';
-export declare const useLanguage: (language: BentoCodeSnippetSupportedLanguage) => {
+export declare const useLanguage: (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {
     loadLang: () => Promise<typeof json | typeof xml | typeof javascript | typeof java>;
 };

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

@@ -1,3 +1,3 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<any>;
 export default useCountryCapital;

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

@@ -1,2 +1,2 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<any>;

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

@@ -1,3 +1,3 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("vue").ComputedRef<any>;
 export default useCountryPhoneCode;

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

@@ -1,17 +1,18 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '@/components/typography';
+import { BentoTypographyElement } from "../typography";
 import { BentoCountryCode, BentoCountryVariant } from './country.types';
 declare const _default: import("vue").DefineComponent<{
     code: {
-        type: PropType<BentoCountryCode>;
+        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>;
         default: BentoCountryCode;
+        validator: (value: BentoCountryCode) => boolean;
     };
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<BentoCountryVariant>;
+        type: PropType<"name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant>;
         default: BentoCountryVariant;
         validator: (value: BentoCountryVariant) => boolean;
     };
@@ -22,21 +23,22 @@ declare const _default: import("vue").DefineComponent<{
     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<BentoCountryCode>;
+        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>;
         default: BentoCountryCode;
+        validator: (value: BentoCountryCode) => boolean;
     };
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<BentoCountryVariant>;
+        type: PropType<"name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant>;
         default: BentoCountryVariant;
         validator: (value: BentoCountryVariant) => boolean;
     };
 }>>, {
-    code: BentoCountryCode;
+    code: "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;
     label: string;
-    variant: BentoCountryVariant;
+    variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
 }>;
 export default _default;

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

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { BentoCurrencyISOCode } from '@/components/currency/currency.types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { BentoCurrencyISOCode } from "./currency.types";
 declare const _default: import("vue").DefineComponent<{
     currency: {
-        type: PropType<BentoCurrencyISOCode>;
+        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>;
         default: BentoCurrencyISOCode;
         validator: (value: BentoCurrencyISOCode) => boolean;
     };
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     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<BentoCurrencyISOCode>;
+        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>;
         default: BentoCurrencyISOCode;
         validator: (value: BentoCurrencyISOCode) => boolean;
     };
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disableTypography: boolean;
-    currency: BentoCurrencyISOCode;
+    currency: "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;
     majorUnits: boolean;
 }>;
 export default _default;

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

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
 import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridAriaSortValue, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
-import { BentoTypographyElement } from '@/components/typography';
+import { BentoTypographyElement } from "../../../typography";
 import { BentoDatagridDraggingColumnState, DatagridColumnsEvent } from './data-grid-columns-types';
-import type { BentoMenuItem } from '@/components/menu/components';
-import { BentoButtonVariant } from '@/components/button';
+import type { BentoMenuItem } from "../../../menu/components";
+import { BentoButtonVariant } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     columns: {
         type: PropType<BentoColumn[]>;

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,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { AdlLabelPosition } from '@/types';
-import { BentoColumn } from '@/components/data-grid';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../../../typography";
+import { BentoToggleLabelPosition } from "../../../../../toggle";
+import { BentoColumn } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
     isColumnVisibilityToggleDisabled: {
         type: BooleanConstructor;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     showFreezeIcon: () => void;
     hideFreezeIcon: () => void;
     toggleColumnFreeze: () => void;
-    AdlLabelPosition: typeof AdlLabelPosition;
+    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<{