maz-ui 4.0.0-alpha.5 → 4.0.0-beta.0

package/dist/types/components/MazInputNumber.vue.d.ts

@@ -1,38 +1,102 @@
-import { Size } from './types';
 import { HTMLAttributes } from 'vue';
+import { MazSize } from './types';
+import { MazInputProps } from './MazInput.vue';
 export interface MazInputNumberProps {
-    /** The inline style object for the component. */
+    /**
+     * The inline style object for the component.
+     * @type {HTMLAttributes['style']}
+     */
     style?: HTMLAttributes['style'];
-    /** The CSS class name for the component. */
+    /**
+     * The CSS class name for the component.
+     * @type {HTMLAttributes['class']}
+     */
     class?: HTMLAttributes['class'];
-    /** The value of the component (v-model). */
+    /**
+     * The value of the component (v-model).
+     * @model
+     * @type {number}
+     */
     modelValue?: number;
-    /** Whether the input number is disabled or not. */
+    /**
+     * Whether the input number is disabled or not.
+     * @type {boolean}
+     */
     disabled?: boolean;
-    /** The maximum value allowed for the input number. */
+    /**
+     * The maximum value allowed for the input number.
+     * @type {number}
+     * @default Number.POSITIVE_INFINITY
+     */
     max?: number;
-    /** The minimum value allowed for the input number. */
+    /**
+     * The minimum value allowed for the input number.
+     * @type {number}
+     * @default Number.NEGATIVE_INFINITY
+     */
     min?: number;
-    /** The step value for incrementing or decrementing the input number. */
+    /**
+     * The step value for incrementing or decrementing the input number.
+     * @type {number}
+     * @default 1
+     */
     step?: number;
-    /** The size of the input number component. */
-    size?: Size;
-    /** Whether to hide the increment and decrement buttons or not. */
-    noButtons?: boolean;
-    /** Whether to center the text inside the input or not. */
+    /**
+     * The size of the input number component.
+     * @type {MazSize}
+     * @default 'md'
+     */
+    size?: MazSize;
+    /**
+     * Whether to hide the increment and decrement buttons or not.
+     * @type {boolean}
+     * @default false
+     */
+    hideButtons?: boolean;
+    /**
+     * Whether to center the text inside the input or not.
+     * @type {boolean}
+     * @default true
+     */
     textCenter?: boolean;
-    /** The inputmode attribute for the input. */
+    /**
+     * The inputmode attribute for the input.
+     * @type {HTMLAttributes['inputmode']}
+     */
     inputmode?: HTMLAttributes['inputmode'];
-    /** The input will be displayed in full width */
+    /**
+     * The input will be displayed in full width
+     * @type {boolean}
+     */
     block?: boolean;
-    /** Will display the input in error state. */
+    /**
+     * Will display the input in error state.
+     * @type {boolean}
+     * @default false
+     */
     error?: boolean;
-    /** The hint text to display below the input. */
+    /**
+     * The hint text to display below the input.
+     * @type {string}
+     */
     hint?: string;
-    /** Will display the input in success state. */
+    /**
+     * Will display the input in success state.
+     * @type {boolean}
+     * @default false
+     */
     success?: boolean;
-    /** Will display the input in warning state. */
+    /**
+     * Will display the input in warning state.
+     * @type {boolean}
+     * @default false
+     */
     warning?: boolean;
+    /**
+     * The props for the input component.
+     * @type {MazInputProps}
+     */
+    inputProps?: MazInputProps;
 }
 declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (value: Event) => any;
@@ -47,16 +111,15 @@ declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {
     onFocus?: ((value: Event) => any) | undefined;
     "onUpdate:model-value"?: ((value?: number | undefined) => any) | undefined;
 }>, {
-    size: Size;
+    size: MazSize;
     style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
     class: HTMLAttributes["class"];
     disabled: boolean;
     modelValue: number;
     step: number;
-    inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
-    max: number;
     min: number;
-    noButtons: boolean;
+    max: number;
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
     textCenter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/MazInputPhoneNumber/PhoneInput.vue.d.ts

@@ -1,19 +1,29 @@
-import { MazInputPhoneNumberTranslations } from './types';
 import { MazInputProps } from '../MazInput.vue';
 type PhoneInputProps = Omit<MazInputProps, 'modelValue'> & {
     id: string;
-    locales: MazInputPhoneNumberTranslations;
-    noExample: boolean;
+    locales: {
+        placeholder: string;
+        example: string | undefined;
+    };
+    example: boolean;
     hasRadius: boolean;
     autoFormat: boolean;
 };
-declare let __VLS_typeProps: PhoneInputProps;
+type __VLS_Props = PhoneInputProps;
 type __VLS_PublicProps = {
     modelValue?: string | undefined | null;
-} & typeof __VLS_typeProps;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | null | undefined) => any;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    /**
+     * Focus the input
+     * @description This is used to focus the input
+     */
+    focus: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: import('vue').ShallowUnwrapRef<{}> | null;
+}, any>;
 export default _default;

package/dist/types/components/MazInputPhoneNumber/types.d.ts

@@ -1,5 +1,4 @@
 import { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-import { defaultLocales } from './default-locales';
 export interface Results {
     isValid: boolean;
     isPossible?: boolean;
@@ -16,47 +15,8 @@ export interface Results {
     possibleCountries?: CountryCode[];
     phoneNumber?: string | undefined | null;
 }
-export type MazInputPhoneNumberTranslations = typeof defaultLocales;
 export interface Country {
-    iso2: CountryCode;
-    dialCode: CountryCallingCode;
     name: string;
-}
-export interface IpWhoResponse {
-    ip: string;
-    success: true;
-    type?: string;
-    continent?: string;
-    continent_code?: string;
-    country?: string;
-    country_code?: string;
-    region?: string;
-    region_code?: string;
-    city?: string;
-    latitude?: number;
-    longitude?: number;
-    is_eu: true;
-    postal?: string;
-    calling_code?: string;
-    capital?: string;
-    borders?: string;
-    flag: {
-        img?: string;
-        emoji?: string;
-        emoji_unicode?: string;
-    };
-    connection: {
-        asn?: number;
-        org?: string;
-        isp?: string;
-        domain?: string;
-    };
-    timezone: {
-        id?: string;
-        abbr?: string;
-        is_dst: false;
-        offset?: number;
-        utc?: string;
-        current_time?: string;
-    };
+    code: CountryCode;
+    dialCode: CountryCallingCode;
 }

package/dist/types/components/MazInputPhoneNumber/useLibphonenumber.d.ts

@@ -1,5 +1,5 @@
-import { Results } from './types';
 import { CountryCode, Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
+import { Results } from './types';
 declare function isCountryAvailable(locale: string): boolean;
 declare function getPhoneNumberResults({ phoneNumber, countryCode, checkCountryCode, }: {
     phoneNumber?: string | undefined | null;

package/dist/types/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts

@@ -1,16 +1,20 @@
-import { Country } from './types';
 import { CountryCode } from 'libphonenumber-js';
+import { Country } from './types';
 declare function getBrowserLocale(): {
     locale: string;
     browserLocale: string;
 } | undefined;
-declare function getCountriesList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
-declare function fetchCountryCode(): Promise<string | undefined>;
-declare function sanitizePhoneNumber(input?: string | undefined | null): string;
+declare function getCountryList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
+declare function fetchCountryCode(): Promise<{
+    data: CountryCode;
+    error: undefined;
+} | {
+    data: undefined;
+    error: Error;
+}>;
 export declare function useMazInputPhoneNumber(): {
-    sanitizePhoneNumber: typeof sanitizePhoneNumber;
     fetchCountryCode: typeof fetchCountryCode;
     getBrowserLocale: typeof getBrowserLocale;
-    getCountriesList: typeof getCountriesList;
+    getCountryList: typeof getCountryList;
 };
 export {};