@adyen/bento-vue2 1.1.1 → 1.3.0-1

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

@@ -2,10 +2,38 @@ import { PropType } from 'vue';
 import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';
 import { BentoCheckboxEvent } from '../../checkbox.types';
 declare const _default: import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoCheckboxGroupItems>;
         required: true;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     modelValue: {
         type: {
             (arrayLength: number): (string | number)[];
@@ -23,16 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => any[];
     };
-    variant: {
-        type: PropType<BentoCheckboxGroupVariant>;
-        default: BentoCheckboxGroupVariant;
-        validator: (value: BentoCheckboxGroupVariant) => boolean;
-    };
-    formId: {
-        type: StringConstructor;
-        default: any;
-    };
-    disabled: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -40,20 +59,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
+    tooltipText: {
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        required: true;
+    variant: {
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        default: BentoCheckboxGroupVariant;
+        validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }, {
     errorId: string;
+    isReadOnly: import("vue").ComputedRef<boolean>;
     shouldShowGroupError: import("vue").ComputedRef<boolean>;
     shouldShowGroupErrorMessage: import("vue").ComputedRef<boolean>;
     conditionalClasses: import("vue").ComputedRef<{
@@ -62,10 +83,38 @@ declare const _default: import("vue").DefineComponent<{
     inputValue: import("vue").Ref<(string | number)[]>;
     onInput: (value: any) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: any;
+    };
+    formId: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoCheckboxGroupItems>;
         required: true;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     modelValue: {
         type: {
             (arrayLength: number): (string | number)[];
@@ -83,16 +132,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         default: () => any[];
     };
-    variant: {
-        type: PropType<BentoCheckboxGroupVariant>;
-        default: BentoCheckboxGroupVariant;
-        validator: (value: BentoCheckboxGroupVariant) => boolean;
-    };
-    formId: {
-        type: StringConstructor;
-        default: any;
-    };
-    disabled: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -100,21 +140,27 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    hasError: {
+    required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    errorMessage: {
+    tooltipText: {
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        required: true;
+    variant: {
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
+        default: BentoCheckboxGroupVariant;
+        validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }>>, {
+    description: string;
     disabled: boolean;
-    variant: BentoCheckboxGroupVariant;
+    variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
+    required: boolean;
+    tooltipText: string;
+    optional: boolean;
+    hideLabel: boolean;
     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/index.d.ts

@@ -1,4 +1,3 @@
 export { useCountryCapital } from './useCountryCapital/useCountryCapital';
-export { useCountryFlag } from './useCountryFlag';
 export { useCountryName } from './useCountryName/useCountryName';
 export { useCountryPhoneCode } from './useCountryPhoneCode/useCountryPhoneCode';

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,42 +1,43 @@
 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;
     };
 }, {
-    flagIconSrc: import("vue").Ref<string>;
     countryName: import("vue").ComputedRef<any>;
-    countryLabel: import("vue").Ref<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<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<{

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { AdlLabelPosition } from '@/types';
+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,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;

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

@@ -1,6 +1,6 @@
 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";

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

@@ -1,4 +1,4 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 import { BentoColumn } from '../../data-grid.types';
 import type { SetupContext } from 'vue/types/v3-setup-context';
 export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, hasDraggableColumnsRef: MaybeRef<boolean>, emit: SetupContext['emit']) => {

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

@@ -1,4 +1,4 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../../../../types";
 import { BentoColumn } from '../../data-grid.types';
 import type { SetupContext } from 'vue/types/v3-setup-context';
 export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: SetupContext['emit']) => {

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,7 +1,7 @@
 import { PropType } from 'vue';
-import { Booleanish } from '@/types';
+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';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -352,7 +352,7 @@ declare const _default: import("vue").DefineComponent<{
     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;

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

@@ -1,14 +1,15 @@
 import { PropType } from 'vue';
-import { BentoDateFormat } from '@/components/date/date.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoDateFormat } from "./date.types";
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("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;
@@ -24,8 +25,9 @@ declare const _default: import("vue").DefineComponent<{
         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/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

@@ -15,12 +15,12 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     firstDayOfWeek: {
-        type: PropType<import("@/internal").CalendarFirstDayOfWeek>;
-        default: import("@/internal").CalendarFirstDayOfWeek;
-        validator: (value: import("@/internal").CalendarFirstDayOfWeek) => boolean;
+        type: PropType<import("../internal").CalendarFirstDayOfWeek>;
+        default: import("../internal").CalendarFirstDayOfWeek;
+        validator: (value: import("../internal").CalendarFirstDayOfWeek) => boolean;
     };
     isDateDisabled: {
-        type: PropType<import("@/internal").CalendarIsDateDisabled>;
+        type: PropType<import("../internal").CalendarIsDateDisabled>;
         default: any;
     };
     label: {
@@ -31,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     isDateIncorrect: Ref<boolean>;
     isDatePickerOpen: Ref<boolean>;
+    isReadOnly: import("vue").ComputedRef<boolean>;
     dateErrorText: import("vue").ComputedRef<string>;
     labelId: string;
     descriptionId: string;
@@ -97,12 +102,12 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     firstDayOfWeek: {
-        type: PropType<import("@/internal").CalendarFirstDayOfWeek>;
-        default: import("@/internal").CalendarFirstDayOfWeek;
-        validator: (value: import("@/internal").CalendarFirstDayOfWeek) => boolean;
+        type: PropType<import("../internal").CalendarFirstDayOfWeek>;
+        default: import("../internal").CalendarFirstDayOfWeek;
+        validator: (value: import("../internal").CalendarFirstDayOfWeek) => boolean;
     };
     isDateDisabled: {
-        type: PropType<import("@/internal").CalendarIsDateDisabled>;
+        type: PropType<import("../internal").CalendarIsDateDisabled>;
         default: any;
     };
     label: {
@@ -113,6 +118,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -127,9 +136,10 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     disabled: boolean;
     required: boolean;
-    isDateDisabled: import("@/internal").CalendarIsDateDisabled;
-    firstDayOfWeek: import("@/internal").CalendarFirstDayOfWeek;
-    errorMessage: string;
+    isDateDisabled: import("../internal").CalendarIsDateDisabled;
+    firstDayOfWeek: import("../internal").CalendarFirstDayOfWeek;
     optional: boolean;
+    errorMessage: string;
+    readonly: boolean;
 }>;
 export default _default;