maz-ui 3.43.4 → 3.44.0

package/types/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -1,11 +1,11 @@
-import { type Color, type Size } from './../types';
+import type { Color, Size } from './../types';
 export interface DialogState {
     id: string;
     isActive: boolean;
     resolve: (value: unknown) => void;
     reject?: (reason?: unknown) => void;
 }
-export type DialogButton = {
+export interface DialogButton {
     text?: string;
     block?: boolean;
     color?: Color;
@@ -14,13 +14,13 @@ export type DialogButton = {
     outline?: boolean;
     rounded?: boolean;
     size?: Size;
-};
+}
 export type DialogCustomButton = DialogButton & {
     text: string;
     type: 'resolve' | 'reject';
     response?: unknown;
 };
-export type DialogData = {
+export interface DialogData {
     /**
      * Dialog title
      */
@@ -51,7 +51,7 @@ export type DialogData = {
      * Dialog custom buttons
      */
     buttons?: DialogCustomButton[];
-};
+}
 export declare const defaultData: {
     cancelText: string;
     confirmText: string;
@@ -65,7 +65,14 @@ export declare const defaultData: {
         color: "success";
     };
 };
-export declare const useMazDialogPromise: () => {
+declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
+declare function removeDialogFromState(identifier: string): {
+    id: string;
+    isActive: boolean;
+    resolve: (value: unknown) => void;
+    reject?: ((reason?: unknown) => void) | undefined;
+}[];
+export declare function useMazDialogPromise(): {
     data: import("vue").Ref<{
         title?: string | undefined;
         message?: string | undefined;
@@ -100,7 +107,7 @@ export declare const useMazDialogPromise: () => {
             outline?: boolean | undefined;
             rounded?: boolean | undefined;
             size?: Size | undefined;
-            type: 'resolve' | 'reject';
+            type: "resolve" | "reject";
             response?: unknown;
         }[] | undefined;
     }>;
@@ -110,13 +117,9 @@ export declare const useMazDialogPromise: () => {
         resolve: (value: unknown) => void;
         reject?: ((reason?: unknown) => void) | undefined;
     }[]>;
-    showDialogAndWaitChoice: (identifier: string, callback?: () => unknown) => Promise<unknown>;
-    removeDialogFromState: (identifier: string) => {
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[];
+    showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
+    removeDialogFromState: typeof removeDialogFromState;
     rejectDialog: (currentDialog: DialogState, response?: unknown) => void;
     resolveDialog: (currentDialog: DialogState, response?: unknown) => void;
 };
+export {};

package/types/components/MazDrawer.vue.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     /** The title of the drawer */
     title?: string;
     /** The variant of the drawer */
@@ -9,7 +9,7 @@ export type Props = {
     backdropClass?: string;
     /** Disable the close button */
     noClose?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     title: undefined;
     variant: string;

package/types/components/MazDropdown.vue.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
-import { type RouteLocationRaw } from 'vue-router';
-import { type Position } from './types';
-import { type Color } from './MazBtn.vue';
+import type { RouteLocationRaw } from 'vue-router';
+import type { Position } from './types';
+import type { Color } from './MazBtn.vue';
 export type { Color, Position };
 export type MenuItem = {
     label: string;
@@ -11,7 +11,7 @@ export type MenuItem = {
     to?: RouteLocationRaw;
     class?: unknown;
 } & Record<string, unknown>;
-export type Props = {
+export interface Props {
     style?: HTMLAttributes['style'];
     class?: HTMLAttributes['class'];
     /** Menu items */
@@ -20,7 +20,8 @@ export type Props = {
     open?: boolean;
     /** id of the menu */
     id?: string;
-    /** Should open the dropdown on click, hover or both
+    /**
+     * Should open the dropdown on click, hover or both
      * @default 'both'
      */
     trigger?: 'click' | 'hover' | 'both';
@@ -45,7 +46,7 @@ export type Props = {
      * @default 'Open menu dropdown'
      */
     screenReaderDescription?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;
     style: undefined;

package/types/components/MazDropzone.vue.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPublicInstance, type PropType } from 'vue';
-import { type DropzoneOptions, type DropzoneFile } from 'dropzone';
+import type { DropzoneFile, DropzoneOptions } from 'dropzone';
 export interface MazDropzoneOptions extends DropzoneOptions {
     dictFilesDescriptions?: string;
     autoRemoveOnError?: boolean;

package/types/components/MazExpandAnimation.vue.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     /**
      * Duration of the animation in milliseconds
      * @default '300ms'
@@ -9,7 +9,7 @@ export type Props = {
      * @default 'ease-in-out'
      */
     timingFunction?: string;
-};
+}
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
     modelValue?: boolean;

package/types/components/MazFullscreenLoader.vue.d.ts

@@ -1,10 +1,10 @@
 import type { Color } from './types';
-export type Props = {
+export interface Props {
     /** The color of the spinner */
     color?: Color;
     /** The size of the spinner */
     size?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     color: string;
     size: string;

package/types/components/MazGallery.vue.d.ts

@@ -4,7 +4,7 @@ export type { MazGalleryImage } from './types';
 declare const _default: import("vue").DefineComponent<{
     /**
      *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
-     * */
+     */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
-     * */
+     */
     images: {
         type: PropType<MazGalleryImage[]>;
         default: () => never[];

package/types/components/MazInput.vue.d.ts

@@ -1,8 +1,8 @@
-import { type HTMLAttributes, type FunctionalComponent, type ComponentPublicInstance, type Component, type SVGAttributes } from 'vue';
-import type { Color, Size, ModelValueSimple } from './types';
+import { type Component, type ComponentPublicInstance, type FunctionalComponent, type HTMLAttributes, type SVGAttributes } from 'vue';
+import type { Color, ModelValueSimple, Size } from './types';
 export type { Color, Size, ModelValueSimple } from './types';
 export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
-export type Props<T = ModelValueSimple> = {
+export interface Props<T = ModelValueSimple> {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -80,7 +80,7 @@ export type Props<T = ModelValueSimple> = {
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: <T extends ModelValueSimple>(__VLS_props: {
     onFocus?: ((event: Event) => any) | undefined;
     onBlur?: ((event: Event) => any) | undefined;

package/types/components/MazInputCode.vue.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'vue';
 import type { Color } from './types';
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type { Color, Size };
-export type Props = {
+export interface Props {
     /** The style of the component. */
     style?: HTMLAttributes['style'];
     /** The class of the component. */
@@ -29,7 +29,7 @@ export type Props = {
     size?: Size;
     /** The color of the component. */
     color?: Color;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

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

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Size } from './types';
 export type { Size };
-export type Props = {
+export interface Props {
     /** The inline style object for the component. */
     style?: HTMLAttributes['style'];
     /** The CSS class name for the component. */
@@ -26,7 +26,7 @@ export type Props = {
     inputmode?: HTMLAttributes['inputmode'];
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/types/components/MazInputPrice.vue.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     /** @model The value of the input */
     modelValue?: number | string;
     /** The currency to use */
@@ -13,7 +13,7 @@ export type Props = {
     noIcon?: boolean;
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     currency: string;

package/types/components/MazInputTags.vue.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
-export type Props = {
+export interface Props {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -26,7 +26,9 @@ export type Props = {
     color?: Color;
     /** The input will be displayed in full width */
     block?: boolean;
-};
+    /** Add tags on blur */
+    addTagsOnBlur?: boolean;
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;
@@ -39,6 +41,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     warning: boolean;
     size: string;
     color: string;
+    addTagsOnBlur: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
@@ -53,6 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     warning: boolean;
     size: string;
     color: string;
+    addTagsOnBlur: boolean;
 }>>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -67,6 +71,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     class: any;
     modelValue: string[] | number[];
     placeholder: string;
+    addTagsOnBlur: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/types/components/MazLazyImg.vue.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'vue';
 import type { vLazyImgOptions } from './../modules/directives/v-lazy-img/types';
 import type { Image } from './types';
 export type { Image };
-export type Props = {
+export interface Props {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -30,7 +30,7 @@ export type Props = {
     observerOptions?: vLazyImgOptions['observerOptions'];
     /** The fallback src to replace the src on loading error */
     fallbackSrc?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/types/components/MazLink.vue.d.ts

@@ -1,9 +1,9 @@
 import { type ComponentPublicInstance, type FunctionalComponent, type SVGAttributes } from 'vue';
-import { type Color } from './types';
-import { type RouteLocationRaw } from 'vue-router';
-import { type Component } from 'nuxt/schema';
+import type { RouteLocationRaw } from 'vue-router';
+import type { Component } from 'nuxt/schema';
+import type { Color } from './types';
 export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
-export type Props = {
+export interface Props {
     /** The id of the link */
     id?: string;
     /** The title of the link */
@@ -48,7 +48,7 @@ export type Props = {
      * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
      */
     rightIcon?: string | Icon;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     id: undefined;
     title: undefined;
@@ -83,9 +83,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href: string;
     color: Color;
     target: string;
-    to: RouteLocationRaw;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
+    to: RouteLocationRaw;
     download: string;
     rel: string;
     ariaLabel: string;

package/types/components/MazLoadingBar.vue.d.ts

@@ -1,11 +1,11 @@
 import type { Color } from './types';
 export type { Color };
-export type Props = {
+export interface Props {
     /** The color of the component. */
     color?: Color;
     /** The height of the component. */
     height?: string;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     color: string;
     height: string;

package/types/components/MazPagination.vue.d.ts

@@ -1,5 +1,5 @@
-import { type Color, type Size, type Props as MazBtnProps } from './MazBtn.vue';
-type MazPagnationProps = {
+import { type Color, type Props as MazBtnProps, type Size } from './MazBtn.vue';
+interface MazPagnationProps {
     /** @model The current page number. */
     modelValue?: number;
     /**
@@ -30,7 +30,7 @@ type MazPagnationProps = {
      * Enable loading state of current button
      */
     loading?: boolean;
-};
+}
 export type { MazPagnationProps as Props };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MazPagnationProps>, {
     modelValue: number;

package/types/components/MazPhoneNumberInput/CountrySelector.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Color, Size, Position, CountryCode } from '../MazPhoneNumberInput.vue';
+import type { Color, CountryCode, Position, Size } from '../MazPhoneNumberInput.vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Style attribut of the component root element */
     style?: import("vue").StyleValue;

package/types/components/MazPhoneNumberInput/types.d.ts

@@ -1,6 +1,6 @@
 import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-import { type defaultLocales } from './default-locales';
-export type Results = {
+import type { defaultLocales } from './default-locales';
+export interface Results {
     isValid: boolean;
     isPossible?: boolean;
     countryCode?: CountryCode;
@@ -13,13 +13,13 @@ export type Results = {
     e164?: string;
     rfc3966?: string;
     phoneNumber?: string;
-};
+}
 export type Translations = typeof defaultLocales;
-export type Country = {
+export interface Country {
     iso2: CountryCode;
     dialCode: CountryCallingCode;
     name: string;
-};
+}
 export interface IpWhoResponse {
     ip: string;
     success: true;

package/types/components/MazPhoneNumberInput/use-libphonenumber.d.ts

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

package/types/components/MazPhoneNumberInput/use-maz-phone-number-input.d.ts

@@ -1,5 +1,5 @@
 import { type CountryCode } from 'libphonenumber-js';
-import { type Country } from './types';
+import type { Country } from './types';
 declare function getBrowserLocale(): {
     locale: string;
     browserLocale: string;

package/types/components/MazPhoneNumberInput.vue.d.ts

@@ -1,9 +1,9 @@
-import { type CountryCode } from 'libphonenumber-js';
+import type { CountryCode } from 'libphonenumber-js';
+import { type HTMLAttributes, type Ref } from 'vue';
 import type { Results, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Results, Results as Result, Translations };
-import { type HTMLAttributes, type Ref } from 'vue';
-export type Props = {
+export interface Props {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -91,18 +91,18 @@ export type Props = {
      * @values "row" | "col" | "responsive"
      */
     orientation?: 'row' | 'col' | 'responsive';
-};
-type SelectionRange = {
+}
+interface SelectionRange {
     start?: number | null;
     end?: number | null;
     cursorAtEnd?: boolean;
-};
-export type InjectedData = {
+}
+export interface InjectedData {
     selectedCountry: Ref<CountryCode | undefined>;
     phoneNumber: Ref<string>;
     results: Ref<Results>;
     selectionRange: Ref<SelectionRange>;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;
     style: undefined;

package/types/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { PickerValue } from '../types';
 import dayjs from 'dayjs';
+import type { PickerValue } from '../types';
 import type { Color } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {

package/types/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
-import type { Color } from './../../types';
-import type { PickerValue } from '../types';
 import dayjs from 'dayjs';
+import type { PickerValue } from '../types';
+import type { Color } from './../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<PickerValue>;

package/types/components/MazPicker/MazPickerFooter.vue.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { Color } from '../types';
 declare const _default: import("vue").DefineComponent<{
     color: {

package/types/components/MazPicker/MazPickerTime.vue.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
+import type { Color } from '../types';
 import { type DateTimeFormatOptions } from './utils';
 import type { PickerValue } from './types';
-import type { Color } from '../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<PickerValue>;

package/types/components/MazPicker/types.d.ts

@@ -1,15 +1,15 @@
 export type SimpleValue = string | undefined;
-export type RangeValue = {
+export interface RangeValue {
     start: string;
     end: string;
-};
+}
 export type PartialRangeValue = Partial<RangeValue>;
 export type PickerValue = SimpleValue | PartialRangeValue;
-export type PickerShortcut = {
+export interface PickerShortcut {
     identifier: string;
     label: string;
     value: {
         start: string;
         end: string;
     };
-};
+}

package/types/components/MazPicker/utils.d.ts

@@ -23,10 +23,10 @@ export declare function getRangeISODate(value: PartialRangeValue, format?: strin
     start: string | undefined;
     end: string | undefined;
 };
-type CheckValueResponse = {
+interface CheckValueResponse {
     newValue?: string;
     newCurrentDate?: string;
-};
+}
 export declare function checkValueWithMinMaxDates({ value, minDate, maxDate, format, }: {
     value: string;
     minDate?: string;
@@ -42,10 +42,10 @@ export declare function isValueDisabledDate({ value, disabledDates, }: {
     disabledDates: string[];
 }): boolean;
 export declare const scrollToTarget: (scrollContainer: HTMLElement, target: HTMLElement, offset?: number, hasSmoothEffect?: boolean) => void;
-export declare const findNearestNumberInList: (list: number[], number: number) => number;
+export declare function findNearestNumberInList(list: number[], number: number): number;
 export declare function convertHour24to12Format(baseHour: number): number;
 export declare function convertHour12to24Format(baseHour: number): number;
-export declare const convert12To24TimeFormat: (timeStr: string) => string;
+export declare function convert12To24TimeFormat(timeStr: string): string;
 export declare function getBrowserLocale(): string | undefined;
 export declare function fetchLocale(): Promise<string | undefined>;
 export {};

package/types/components/MazPicker.vue.d.ts

@@ -1,8 +1,8 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Position } from './types';
-import type { PickerValue, PickerShortcut } from './MazPicker/types';
+import type { PickerShortcut, PickerValue } from './MazPicker/types';
 export type { PickerValue, PickerShortcut, Color, Position };
-export type Props = {
+export interface Props {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -67,7 +67,7 @@ export type Props = {
     disabledHours?: number[];
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/types/components/MazPullToRefresh.vue.d.ts

@@ -1,6 +1,6 @@
 import type { Color } from './types';
 export type { Color } from './types';
-export type Props = {
+export interface Props {
     distance?: number;
     offset?: number;
     action?: () => unknown;
@@ -9,7 +9,7 @@ export type Props = {
     spinnerColor?: Color;
     disabled?: boolean;
     standaloneMode?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     distance: number;
     offset: number;

package/types/components/MazRadioButtons.vue.d.ts

@@ -10,7 +10,7 @@ export type ButtonsRadioOption = {
     /** The style to apply to the option */
     style?: StyleValue;
 } & Record<string, unknown>;
-export type Props = {
+export interface Props {
     /** @model The value of the selected option */
     modelValue?: string | number | boolean;
     /** The options to display */
@@ -34,7 +34,7 @@ export type Props = {
     selector?: boolean;
     /** The component will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     name: string;

package/types/components/MazReadingProgressBar.vue.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
-export type Props = {
+export interface Props {
     /**
      * Height of the progress bar
      * @default 4px
@@ -37,7 +37,7 @@ export type Props = {
      * @default undefined
      */
     distance?: number;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     height: string;
     color: string;