maz-ui 3.43.4 → 3.44.0

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

@@ -2,12 +2,12 @@ import { type HTMLAttributes } from 'vue';
 import type { Color, ModelValueSimple, Position, Size } from './types';
 export type { Color, Size, ModelValueSimple, Position } from './types';
 export type NormalizedOption = Record<string, ModelValueSimple>;
-export type MazSelectOptionWithOptGroup = {
+export interface MazSelectOptionWithOptGroup {
     label: string;
     options: (NormalizedOption | string | number | boolean)[];
-};
+}
 export type MazSelectOption = NormalizedOption | string | number | boolean | MazSelectOptionWithOptGroup;
-export type Props<T extends ModelValueSimple, U extends MazSelectOption> = {
+export interface Props<T extends ModelValueSimple, U extends MazSelectOption> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -52,7 +52,7 @@ export type Props<T extends ModelValueSimple, U extends MazSelectOption> = {
     block?: boolean;
     /** The exclude selectors for the v-closable directive - will exclude the elements from the directive */
     excludeSelectors?: string[];
-};
+}
 declare const _default: <T extends ModelValueSimple, U extends MazSelectOption, M = boolean>(__VLS_props: {
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;

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

@@ -2,14 +2,14 @@ interface IPosObject {
     x: number;
     y: number;
 }
-export declare const getOffset: (elem: HTMLDivElement) => IPosObject;
+export declare function getOffset(elem: HTMLDivElement): IPosObject;
 /**
  * Get the position of the mouse/finger in the element
  * @param e Trigger event
  * @param elem Container element
  * @param isReverse From the right/bottom
  */
-export declare const getPos: (e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean) => IPosObject;
-export declare const isBetween: (value: number, prev: number, next: number, direction: string) => boolean;
-export declare const getOpacityCoeff: (index: number, middle: number, length: number) => number;
+export declare function getPos(e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean): IPosObject;
+export declare function isBetween(value: number, prev: number, next: number, direction: string): boolean;
+export declare function getOpacityCoeff(index: number, middle: number, length: number): number;
 export {};

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

@@ -1,4 +1,4 @@
-import { type Component, type ComponentPublicInstance, type SVGAttributes, type FunctionalComponent } from 'vue';
+import { type Component, type ComponentPublicInstance, type FunctionalComponent, type SVGAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
@@ -13,7 +13,7 @@ export interface Step {
     icon?: string | Icon;
 }
 export type Steps = Step[];
-export type Props = {
+export interface Props {
     /** The current step */
     modelValue?: number;
     /** The steps */
@@ -35,7 +35,7 @@ export type Props = {
     allStepsValidated?: boolean;
     /** Allow to close the steps */
     canCloseSteps?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     steps: undefined;

package/types/components/MazSwitch.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 {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -16,7 +16,7 @@ export type Props = {
     name?: string;
     /** The color of the switch */
     color?: Color;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

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

@@ -1,7 +1,7 @@
-import { type ThHTMLAttributes, type StyleValue, type HTMLAttributes, type Ref } from 'vue';
+import { type HTMLAttributes, type Ref, type StyleValue, type ThHTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Size, Color };
-export type HeadersEnriched = {
+export interface HeadersEnriched {
     label: string;
     key?: string;
     sortable?: boolean;
@@ -15,21 +15,22 @@ export type HeadersEnriched = {
     rowspan?: ThHTMLAttributes['rowspan'];
     colspan?: ThHTMLAttributes['colspan'];
     headers?: ThHTMLAttributes['headers'];
-};
+}
 export type Row = Record<string, any> & {
     selected?: boolean;
     action?: (row: Row) => unknown;
     classes?: HTMLAttributes['class'];
 };
 export type Header = string | HeadersEnriched;
-export type Props = {
+export interface Props {
     /** class of the table element */
     tableClass?: HTMLAttributes['class'];
     /** style of the table element */
     tableStyle?: StyleValue;
     /** v-model of the table - list of selected rows */
     modelValue?: (string | boolean | number)[];
-    /** size of the table
+    /**
+     * size of the table
      * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
      */
     size?: Size;
@@ -69,7 +70,8 @@ export type Props = {
     divider?: boolean;
     /** caption of the table */
     caption?: string;
-    /** caption side
+    /**
+     * caption side
      * @values `'top' | 'bottom'`
      */
     captionSide?: 'top' | 'bottom';
@@ -93,19 +95,20 @@ export type Props = {
     selectable?: boolean;
     /** Enable selection of rows - key of the selected row */
     selectedKey?: string;
-    /** table layout
+    /**
+     * table layout
      * @values `'auto' | 'fixed'`
      */
     tableLayout?: 'auto' | 'fixed';
     /** color of the loading bar */
     color?: Color;
-};
-export type MazTableProvide = {
+}
+export interface MazTableProvide {
     size: Ref<Size>;
     hoverable: Ref<boolean>;
     backgroundEven: Ref<boolean>;
     backgroundOdd: Ref<boolean>;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     tableClass: undefined;
     tableStyle: undefined;

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

@@ -1,7 +1,7 @@
-export type Props = {
+export interface Props {
     /** Override hoverable of table props */
     noHoverable?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,12 +1,12 @@
 import { type Ref } from 'vue';
-export type Props = {
+export interface Props {
     /** The the selected tab number */
     modelValue?: number;
-};
-export type MazTabsProvide = {
+}
+export interface MazTabsProvide {
     currentTab: Ref<number>;
     updateCurrentTab: (index: number) => number;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (index: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {

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

@@ -1,4 +1,4 @@
-import { type BadgeRoundedSize, type BadgeColor } from './MazBadge.vue';
+import type { BadgeColor, BadgeRoundedSize } from './MazBadge.vue';
 export type MazTabsBarItem = {
     label: string;
     disabled?: boolean;
@@ -11,12 +11,13 @@ export type MazTabsBarItem = {
         roundedSize?: BadgeRoundedSize;
     };
 } | string;
-export type Props = {
+export interface Props {
     /** The items to display in the tabs bar */
     items: MazTabsBarItem[];
     /** Will add a query param to the url to keep the selected tab on page refresh */
     persistent?: boolean;
-    /** The name of the query param to add to the url
+    /**
+     * The name of the query param to add to the url
      * @default tab
      */
     queryParam?: string;
@@ -24,11 +25,12 @@ export type Props = {
     block?: boolean;
     /** Will remove the elevation */
     noElevation?: boolean;
-    /** Will add a scroll on the tabs bar to show selected element
+    /**
+     * Will add a scroll on the tabs bar to show selected element
      * @default true
      */
     autoScroll?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     queryParam: string;
     autoScroll: boolean;

package/types/components/MazTextarea.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 {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -32,7 +32,7 @@ export type Props = {
     hint?: string;
     /** The color of the textarea */
     color?: Color;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

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

@@ -1,7 +1,7 @@
-export type Props = {
+export interface Props {
     /** Duration of the animation in milliseconds */
     animationDuration?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     animationDuration: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {

package/types/modules/composables/use-reading-time.d.ts

@@ -1,5 +1,5 @@
-import { type Ref, type ComputedRef } from 'vue';
-export type ReadingTimeOptions = {
+import { type ComputedRef, type Ref } from 'vue';
+export interface ReadingTimeOptions {
     /** Content to calculate the reading time */
     content?: string | Ref<string>;
     /** Selector of the content to calculate the reading time */
@@ -11,8 +11,8 @@ export type ReadingTimeOptions = {
      * @default 150
      */
     velocity?: number | Ref<number>;
-};
-export type ReadingTimeReturn = {
+}
+export interface ReadingTimeReturn {
     /** Content to calculate the reading time */
     content: ComputedRef<string | undefined | null>;
     /** Number of words in the content */
@@ -21,5 +21,5 @@ export type ReadingTimeReturn = {
     velocity: ComputedRef<number>;
     /** Reading time in minutes */
     duration: ComputedRef<number>;
-};
+}
 export declare function useReadingTime(options: ReadingTimeOptions): ReadingTimeReturn;

package/types/modules/composables/use-theme-handler.d.ts

@@ -1,4 +1,4 @@
-export type StrictThemeHandlerOptions = {
+export interface StrictThemeHandlerOptions {
     /**
      * Class to be added to the html element when dark theme is set
      * @default 'dark'
@@ -41,7 +41,7 @@ export type StrictThemeHandlerOptions = {
      * @default undefined
      */
     defaultTheme?: 'light' | 'dark';
-};
+}
 export type ThemeHandlerOptions = Partial<StrictThemeHandlerOptions>;
 export declare function useThemeHandler(opts?: ThemeHandlerOptions): {
     autoSetTheme: () => void;

package/types/modules/directives/closable.d.ts

@@ -1,9 +1,9 @@
 import type { DirectiveBinding } from 'vue';
 type vClosableBindingValueHandler = (...args: any[]) => any;
-type vClosableBindingValueObject = {
+interface vClosableBindingValueObject {
     handler: vClosableBindingValueHandler;
     exclude?: string[];
-};
+}
 type vClosableBindingValue = vClosableBindingValueObject | vClosableBindingValueHandler;
 type vClosableBinding = DirectiveBinding<vClosableBindingValue>;
 declare function unbind(element: HTMLElement, binding: vClosableBinding): void;

package/types/modules/directives/tooltip/index.d.ts

@@ -1,11 +1,11 @@
-import { type DirectiveBinding } from 'vue';
+import type { DirectiveBinding } from 'vue';
 import './style.css';
-import { type Color } from '../../../components/types';
+import type { Color } from '../../../components/types';
 type vTooltipColor = Exclude<Color, 'transparent'> | 'default' | 'light' | 'dark';
-type vTooltipOptions = {
+interface vTooltipOptions {
     position?: 'top' | 'bottom' | 'left' | 'right';
     color?: vTooltipColor;
-};
+}
 type vTooltipBindingValue = string | ({
     text: string;
     open?: boolean;

package/types/modules/directives/v-fullscreen-img/MazFullscreenImg.vue.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     src: string;
     clickedElementBounds?: {
         top: number;
@@ -16,7 +16,7 @@ export type Props = {
     destroy?: () => void;
     alt?: string;
     zoom?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     zoom: boolean;
     offset: undefined;

package/types/modules/directives/v-lazy-img/index.d.ts

@@ -1,4 +1,4 @@
-import type { vLazyImgOptions, vLazyImgBindingValue } from './types';
+import type { vLazyImgBindingValue, vLazyImgOptions } from './types';
 declare const plugin: {
     install(app: import("vue").App<any>, opts?: Partial<import("./types").ClassOptions>): void;
 };

package/types/modules/filters/capitalize.d.ts

@@ -1 +1 @@
-export declare const capitalize: (value: string) => string;
+export declare function capitalize(value: string): string;

package/types/modules/filters/currency.d.ts

@@ -1,4 +1,4 @@
 export interface FilterCurrencyOptions extends Intl.NumberFormatOptions {
     round?: boolean;
 }
-export declare const currency: (number: number | string, locale: string, options: FilterCurrencyOptions) => string;
+export declare function currency(number: number | string, locale: string, options: FilterCurrencyOptions): string;

package/types/modules/filters/date.d.ts

@@ -1 +1 @@
-export declare const date: (date: string | number | Date, locale: string, options?: Intl.DateTimeFormatOptions) => string;
+export declare function date(date: string | number | Date, locale: string, options?: Intl.DateTimeFormatOptions): string;

package/types/modules/filters/index.d.ts

@@ -1,9 +1,13 @@
 import type { App } from 'vue';
+import { capitalize } from './capitalize';
+import { currency } from './currency';
+import { date } from './date';
+import { number } from './number';
 declare const filters: {
-    capitalize: (value: string) => string;
-    currency: (number: string | number, locale: string, options: import("./currency").FilterCurrencyOptions) => string;
-    date: (date: string | number | Date, locale: string, options?: Intl.DateTimeFormatOptions | undefined) => string;
-    number: (number: string | number, locale: string, options?: Intl.NumberFormatOptions | undefined) => string;
+    capitalize: typeof capitalize;
+    currency: typeof currency;
+    date: typeof date;
+    number: typeof number;
 };
 export type Filters = typeof filters;
 declare const installFilters: {

package/types/modules/filters/number.d.ts

@@ -1 +1 @@
-export declare const number: (number: number | string, locale: string, options?: Intl.NumberFormatOptions) => string;
+export declare function number(number: number | string, locale: string, options?: Intl.NumberFormatOptions): string;

package/types/modules/filters/telephone.d.ts

@@ -1 +1 @@
-export declare const telephone: (telephone: string) => string;
+export declare function telephone(telephone: string): string;

package/types/modules/helpers/idle-timeout/idle-timeout-handler.d.ts

@@ -1,4 +1,4 @@
-import type { IdleTimeoutOptions, IdleTimeoutCallback } from './types';
+import type { IdleTimeoutCallback, IdleTimeoutOptions } from './types';
 export declare class IdleTimeout {
     private readonly callback;
     private readonly defaultOptions;

package/types/modules/helpers/mount-component.d.ts

@@ -1,6 +1,6 @@
 import { type App, type Component } from 'vue';
-export declare function mount<T extends Component>(component: T, options?: {
-    props?: Record<string, unknown>;
+export declare function mount<T extends Component, P = Record<string, unknown>>(component: T, options?: {
+    props?: P;
     children?: unknown;
     app?: App;
     element?: HTMLElement;

package/types/modules/helpers/normalize-string.d.ts

@@ -1,4 +1,4 @@
-type NormalizeStringOptions = {
+interface NormalizeStringOptions {
     /**
      * Remove accents from the string
      * @default true
@@ -43,6 +43,6 @@ type NormalizeStringOptions = {
      * options: 'NFC', 'NFD', 'NFKC', 'NFKD'
      */
     customNormalizationForms?: string[];
-};
+}
 export declare function normalizeString(input: string | number | boolean, options?: NormalizeStringOptions): string;
 export {};

package/types/modules/helpers/swipe-handler.d.ts

@@ -1,11 +1,11 @@
-export type SwipeValues = {
+export interface SwipeValues {
     xStart: number | undefined;
     yStart: number | undefined;
     xEnd: number | undefined;
     yEnd: number | undefined;
     xDiff: number | undefined;
     yDiff: number | undefined;
-};
+}
 export type SwipeEventCallback = (event: TouchEvent) => void;
 export type SwipeValuesCallback = (values: SwipeValues) => void;
 /**

package/types/modules/helpers/user-visibility/types.d.ts

@@ -1,7 +1,7 @@
 export type UserVisibilyCallback = ({ isVisible }: {
     isVisible: boolean;
 }) => void;
-export type UserVisibilyStrictOptions = {
+export interface UserVisibilyStrictOptions {
     /**
      * Watch immediately
      * @default true
@@ -17,5 +17,5 @@ export type UserVisibilyStrictOptions = {
      * @default false
      */
     once: boolean;
-};
+}
 export type UserVisibilyOptions = Partial<UserVisibilyStrictOptions>;

package/types/modules/plugins/aos/index.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
-export type AosOptions = {
+export interface AosOptions {
     animation?: {
         delay?: number;
         duration?: number;
@@ -9,7 +9,7 @@ export type AosOptions = {
     delay?: number;
     observer?: IntersectionObserverInit;
     router?: Router;
-};
+}
 interface ClassOptions extends Omit<AosOptions, 'router'> {
     animation: {
         delay: number;
@@ -29,8 +29,8 @@ export declare class AosHandler {
     private handleObserver;
     runAnimations(): Promise<void> | undefined;
 }
-export declare let instance: AosHandler;
 export declare const plugin: {
     install: (app: App, options?: AosOptions) => void;
 };
+export declare function getInstance(): AosHandler;
 export {};

package/types/modules/plugins/index.d.ts

@@ -1,3 +1,3 @@
-export { ToasterHandler, installToaster, toastInstance, type ToasterOptions, type ToasterPosition, type ToasterPositions, } from './toaster';
+export { ToasterHandler, installToaster, type ToasterOptions, type ToasterPosition, type ToasterPositions, } from './toaster';
 export { WaitHandler, plugin as installWait, instance as waitInstance } from './wait';
-export { AosHandler, plugin as installAos, instance as aosInstance, type AosOptions } from './aos';
+export { AosHandler, plugin as installAos, getInstance as getAosInstance, type AosOptions } from './aos';

package/types/modules/plugins/toaster/MazToast.vue.d.ts

@@ -1,6 +1,6 @@
 import type { LocalToasterOptions } from './toaster-handler';
-import type { ToasterPosition, ToasterAction, ToasterLink } from './types';
-export type Props = {
+import type { ToasterAction, ToasterLink, ToasterPosition } from './types';
+export interface Props {
     message: string;
     position?: ToasterPosition;
     maxToasts?: number | boolean;
@@ -12,7 +12,7 @@ export type Props = {
     action?: ToasterAction;
     persistent?: boolean;
     icon?: boolean;
-};
+}
 declare function close(): void;
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     position: string;

package/types/modules/plugins/toaster/index.d.ts

@@ -1,7 +1,6 @@
+import type { App } from 'vue';
 import type { ToasterOptions } from './types';
 import { ToasterHandler } from './toaster-handler';
-import type { App } from 'vue';
-export declare let toastInstance: ToasterHandler;
 export declare function createToaster(app: App, options?: ToasterOptions): ToasterHandler;
 export declare const installToaster: {
     install(app: App, options?: ToasterOptions): void;

package/types/modules/plugins/toaster/types.d.ts

@@ -1,18 +1,18 @@
 export type ToasterPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
 export type ToasterPositions = ToasterPosition;
-export type ToasterLink = {
+export interface ToasterLink {
     href: string;
     text?: string;
     /** @default _self */
     target?: string;
     closeToast?: boolean;
-};
-export type ToasterAction = {
+}
+export interface ToasterAction {
     func: (..._arguments: unknown[]) => unknown;
     text: string;
     closeToast?: boolean;
-};
-export type ToasterOptions = {
+}
+export interface ToasterOptions {
     /**
      * The position of the toast on the screen
      * @default 'bottom-right'
@@ -56,4 +56,4 @@ export type ToasterOptions = {
         /** @default false */
         closeToast?: boolean;
     };
-};
+}

package/types/modules/plugins/wait/utils.d.ts

@@ -1,7 +1,7 @@
 export type LoaderId = unknown;
 export declare const DEFAULT_LOADER: LoaderId;
-export declare const uniq: (array: LoaderId[]) => unknown[];
-export declare const contains: (array: Array<LoaderId>) => (predicate?: LoaderId | VoidFunction) => boolean;
+export declare function uniq(array: LoaderId[]): unknown[];
+export declare function contains(array: Array<LoaderId>): (predicate?: LoaderId | VoidFunction) => boolean;
 export declare const hasItems: (array: LoaderId[]) => boolean;
-export declare const push: (array: LoaderId[]) => (item?: LoaderId) => unknown[];
-export declare const pop: (array: LoaderId[]) => (item?: LoaderId) => unknown[];
+export declare function push(array: LoaderId[]): (item?: LoaderId) => unknown[];
+export declare function pop(array: LoaderId[]): (item?: LoaderId) => unknown[];

package/types/resolvers/unplugin-directives-resolver.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentResolver } from 'unplugin-vue-components';
+import type { ComponentResolver } from 'unplugin-vue-components';
 /**
  * Resolver for Maz-UI (directives)
  *

package/types/resolvers/unplugin-vue-components-resolver.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentResolver } from 'unplugin-vue-components';
+import type { ComponentResolver } from 'unplugin-vue-components';
 /**
  * Resolver for Maz-UI (components)
  *