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

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

@@ -1,9 +1,22 @@
+import { IconComponent } from '@maz-ui/icons';
 import { RouteLocationRaw } from 'vue-router';
-import { Color, Icon } from './types';
+import { MazColor } from './types';
 export interface MazLinkProps {
-    /** The id of the link */
+    /**
+     * The component to use for the link - if not provided, it will be `router-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop
+     * @default depends on the provided props
+     * @values 'a', 'router-link', 'nuxt-link', 'button'
+     */
+    as?: string | 'a' | 'router-link' | 'nuxt-link' | 'button';
+    /**
+     * The id of the link
+     * @default undefined
+     */
     id?: string;
-    /** The title of the link */
+    /**
+     * The title of the link
+     * @default undefined
+     */
     title?: string;
     /**
      * The href of the link
@@ -16,23 +29,38 @@ export interface MazLinkProps {
      * The color of the link
      * @default 'primary'
      */
-    color?: Color;
+    color?: MazColor;
     /**
      * The target of the link
      * @default '_self'
      * @values '_blank', '_self', '_parent', '_top'
      */
     target?: '_blank' | '_self' | '_parent' | '_top' | string;
-    /** The download of the link */
+    /**
+     * The download of the link
+     * @default undefined
+     */
     download?: string;
-    /** The rel of the link */
+    /**
+     * The rel of the link
+     * @default undefined
+     */
     rel?: string;
-    /** The aria-label of the link */
+    /**
+     * The aria-label of the link
+     * @default undefined
+     */
     ariaLabel?: string;
-    /** Add an underline to the link */
+    /**
+     * Add an underline to the link
+     * @default false
+     */
     underline?: boolean;
-    /** Add an underline only on hover */
-    underlineOnlyHover?: boolean;
+    /**
+     * Add an underline only on hover
+     * @default true
+     */
+    underlineHover?: boolean;
     /**
      * Add an external icon to the link if target is '_blank'
      * @default true
@@ -40,42 +68,33 @@ export interface MazLinkProps {
     autoExternal?: boolean;
     /**
      * The name of the icon or component to display on the left of the text
-     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
      */
-    leftIcon?: string | Icon;
+    leftIcon?: string | IconComponent;
     /**
      * The name of the icon or component to display on the right of the text
-     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
+     */
+    rightIcon?: string | IconComponent;
+    /**
+     * The disabled state of the link if the component is a button
+     * @default false
      */
-    rightIcon?: string | Icon;
+    disabled?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
-        "left-icon"?(_: {}): any;
+        'left-icon'?(_: {}): any;
         default?(_: {}): any;
-        "right-icon"?(_: {}): any;
-        "external-icon"?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        'external-icon'?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLinkProps> & Readonly<{}>, {
-    title: string;
-    color: Color;
-    leftIcon: string | Icon;
-    rightIcon: string | Icon;
-    href: string;
-    to: RouteLocationRaw;
-    target: "_blank" | "_self" | "_parent" | "_top" | string;
-    id: string;
-    underline: boolean;
-    download: string;
-    rel: string;
-    ariaLabel: string;
-    underlineOnlyHover: boolean;
-    autoExternal: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<MazLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,12 +1,12 @@
-import { Color } from './types';
+import { MazColor } from './types';
 export interface MazLoadingBarProps {
     /** The color of the component. */
-    color?: Color;
+    color?: MazColor;
     /** The height of the component. */
     height?: string;
 }
 declare const _default: import('vue').DefineComponent<MazLoadingBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazLoadingBarProps> & Readonly<{}>, {
     height: string;
-    color: Color;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    color: MazColor;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,71 +1,79 @@
-import { Color, Size } from './types';
 import { MazBtnProps } from './MazBtn.vue';
+import { MazColor, MazSize } from './types';
 export interface MazPaginationProps {
-    /** @model The current page number. */
+    /**
+     * The current page number.
+     * @model
+     * @default 1
+     */
     modelValue?: number;
     /**
      * Props apply to the MazBtn components.
+     * @type {Partial<MazBtnProps>}
+     * @default undefined
      */
     buttonProps?: Partial<MazBtnProps>;
     /**
      * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
+     * @default undefined
      */
     resultsSize?: number;
     /**
      * Color of the active button.
+     * @values 'contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background'
+     * @default 'contrast'
      */
-    activeColor?: Color;
+    activeColor?: MazColor | 'background';
     /**
-     * Color of the active button.
+     * Size of the buttons.
+     * @values 'mini', 'xs', 'sm', 'md', 'lg', 'xl'
+     * @default 'md'
      */
-    size?: Size;
+    size?: MazSize;
     /**
      * Total number of pages.
+     * @default 10
      */
     totalPages: number;
     /**
      * Number of buttons to display before and after the current page.
+     * @default 1
      */
     pageRange?: number;
     /**
      * Enable loading state of current button
+     * @default false
      */
     loading?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
-        "first-page-sr"?(_: {
+        'first-page-sr'?(_: {
             page: number;
         }): any;
-        "previous-page-sr"?(_: {
+        'previous-page-sr'?(_: {
             page: number;
         }): any;
-        "page-sr"?(_: {
+        'page-sr'?(_: {
             page: number;
         }): any;
-        "next-page-sr"?(_: {
+        'next-page-sr'?(_: {
             page: number;
         }): any;
-        "last-page-sr"?(_: {
+        'last-page-sr'?(_: {
             page: number;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:model-value": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<MazPaginationProps> & Readonly<{
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
-}>, {
-    size: Size;
-    modelValue: number;
-    buttonProps: Partial<MazBtnProps>;
-    resultsSize: number;
-    activeColor: Color;
-    pageRange: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,248 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+type __VLS_Props = MazPopoverProps;
+export type PopoverPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type PopoverTrigger = 'click' | 'hover' | 'manual';
+export type PopoverRole = 'dialog' | 'tooltip' | 'menu';
+export interface MazPopoverProps {
+    /**
+     * Controls the popover open state
+     * @model
+     * @type {boolean}
+     * @default false
+     */
+    modelValue?: boolean;
+    /**
+     * Position of the popover relative to trigger
+     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
+     * @default auto
+     * @description Position of the popover relative to trigger
+     */
+    position?: PopoverPosition;
+    /**
+     * Preferred position of the popover relative to trigger when auto position is used
+     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
+     * @default 'bottom-start'
+     * @description Preferred position of the popover relative to trigger
+     */
+    preferPosition?: PopoverPosition;
+    /**
+     * Fallback position of the popover relative to trigger when prefer position is not visible
+     * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
+     * @default auto
+     * @description Fallback position of the popover relative to trigger
+     */
+    fallbackPosition?: PopoverPosition;
+    /**
+     * How the popover is triggered
+     * @values click, hover, manual
+     * @default click
+     * @description How the popover is triggered
+     */
+    trigger?: PopoverTrigger;
+    /**
+     * ARIA role for accessibility
+     * @values dialog, tooltip
+     * @default dialog
+     * @description ARIA role for accessibility
+     */
+    role?: PopoverRole;
+    /**
+     * ARIA label for the popover
+     * @default undefined
+     */
+    ariaLabel?: string;
+    /**
+     * Announce content changes to screen readers
+     * @default false
+     */
+    announceChanges?: boolean;
+    /**
+     * Disables the popover
+     * @default false
+     * @description Disables the popover
+     */
+    disabled?: boolean;
+    /**
+     * Distance between trigger and popover in pixels
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * Delay before showing/hiding in milliseconds
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * Delay before closing on hover in milliseconds
+     * @default 150
+     */
+    hoverDelay?: number;
+    /**
+     * CSS transition name for animations
+     * @default maz-popover
+     */
+    transition?: string;
+    /**
+     * Teleport target selector
+     * @default body
+     */
+    teleportTo?: string;
+    /**
+     * Additional CSS classes for the overlay wrapper
+     * @default undefined
+     */
+    overlayClass?: HTMLAttributes['class'];
+    /**
+     * Additional CSS classes for the popover panel
+     * @default undefined
+     */
+    panelClass?: HTMLAttributes['class'];
+    /**
+     * Inline styles for the popover panel
+     * @default undefined
+     */
+    panelStyle?: HTMLAttributes['style'];
+    /**
+     * Close popover when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Close popover when pressing Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Prevent auto-close (ignores click outside and escape key)
+     * @default false
+     */
+    persistent?: boolean;
+    /**
+     * Custom ID for the popover element
+     * @default undefined
+     */
+    id?: string;
+    /**
+     * ARIA labelledby attribute for accessibility
+     * @default undefined
+     */
+    ariaLabelledby?: string;
+    /**
+     * ARIA describedby attribute for accessibility
+     * @default undefined
+     */
+    ariaDescribedby?: string;
+    /**
+     * Color variant of the popover
+     * @values primary, secondary, accent, info, success, warning, destructive, contrast, background
+     * @default background
+     */
+    color?: MazColor | 'background';
+    /**
+     * Trap focus inside the popover
+     * @default true
+     */
+    trapFocus?: boolean;
+    /**
+     * Keep popover open when hovering over the panel
+     * @default false
+     */
+    keepOpenOnHover?: boolean;
+    /**
+     * The popover will be full width of the trigger
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Delay before setting the position in milliseconds
+     * @description Useful when the popover content is not immediately visible or rendered
+     * @default 50
+     */
+    positionDelay?: number;
+}
+declare function updatePosition(): void;
+declare function open(): void;
+declare function close(): void;
+declare function toggle(): void;
+type __VLS_PublicProps = {
+    'modelValue'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            open: typeof open;
+            close: typeof close;
+            toggle: typeof toggle;
+            isOpen: boolean;
+        }): any;
+        default?(_: {
+            open: typeof open;
+            close: typeof close;
+            toggle: typeof toggle;
+            isOpen: true;
+        }): any;
+    };
+    refs: {
+        trigger: HTMLDivElement;
+        panel: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    /**
+     * Open the popover
+     * @description Programmatically open the popover
+     * @usage `mazPopoverInstance.value?.open()`
+     */
+    open: typeof open;
+    /**
+     * Close the popover
+     * @description Programmatically close the popover
+     * @usage `mazPopoverInstance.value?.close()`
+     */
+    close: typeof close;
+    /**
+     * Toggle the popover
+     * @description Programmatically toggle the popover open/close state
+     * @usage `mazPopoverInstance.value?.toggle()`
+     */
+    toggle: typeof toggle;
+    /**
+     * Check if the popover is open
+     * @type {Ref<boolean>}
+     * @description Reactive reference to the popover open state
+     * @usage `const isPopoverOpen = mazPopoverInstance.value?.isOpen`
+     */
+    isOpen: import('vue').ComputedRef<boolean>;
+    /**
+     * Update the popover position
+     * @description Manually recalculate and update the popover position
+     * @usage `mazPopoverInstance.value?.updatePosition()`
+     */
+    updatePosition: typeof updatePosition;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    toggle: (value: boolean) => any;
+    open: () => any;
+    "update:model-value": (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trigger: HTMLDivElement;
+    panel: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,23 +1,24 @@
-import { Color } from './types';
+import { MazColor } from './types';
 export interface MazPullToRefreshProps {
     distance?: number;
     offset?: number;
-    action?: () => unknown;
+    onClick?: () => unknown;
     containerSelector?: string;
     headerClass?: string;
-    spinnerColor?: Color;
+    spinnerColor?: MazColor;
     disabled?: boolean;
     standaloneMode?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
-        "pull-before"?(_: {}): any;
-        "pull-ready"?(_: {}): any;
-        "pull-loading"?(_: {}): any;
+        'pull-before'?(_: {}): any;
+        'pull-ready'?(_: {}): any;
+        'pull-loading'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazPullToRefreshProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -33,15 +34,15 @@ declare const __VLS_component: import('vue').DefineComponent<MazPullToRefreshPro
     onResponse?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
+    onClick: () => unknown;
     disabled: boolean;
-    action: () => unknown;
     offset: number;
     distance: number;
     containerSelector: string;
     headerClass: string;
-    spinnerColor: Color;
+    spinnerColor: MazColor;
     standaloneMode: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
-import { Color, Size } from './types';
 import { HTMLAttributes } from 'vue';
+import { MazColor, MazSize } from './types';
 export interface MazRadioProps<T = string | number | boolean> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
@@ -16,9 +16,9 @@ export interface MazRadioProps<T = string | number | boolean> {
     /** The label of the radio */
     label?: string;
     /** The color of the radio */
-    color?: Color;
+    color?: MazColor;
     /** The size of the radio */
-    size?: Size;
+    size?: MazSize;
     /** The disabled state of the radio */
     disabled?: boolean;
     /** Whether there is an error with the input. */
@@ -36,7 +36,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioProps<T>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -46,9 +46,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         }): any;
     };
     emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
-import { Color } from './types';
-import { StyleValue } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
 export type MazRadioButtonsOption<T = string | number | boolean> = {
     /** The label of the option */
     label: string;
@@ -8,7 +8,7 @@ export type MazRadioButtonsOption<T = string | number | boolean> = {
     /** The classes to apply to the option */
     classes?: any;
     /** The style to apply to the option */
-    style?: StyleValue;
+    style?: HTMLAttributes['style'];
 } & Record<string, unknown>;
 export interface MazRadioButtonsProps<T = string | number | boolean> {
     /** @model The value of the selected option */
@@ -18,7 +18,7 @@ export interface MazRadioButtonsProps<T = string | number | boolean> {
     /** The name of the radio group */
     name?: string;
     /** The color of the selected radio buttons */
-    color?: Color;
+    color?: MazColor;
     /** Add elevation to the radio buttons */
     elevation?: boolean;
     /**
@@ -28,7 +28,7 @@ export interface MazRadioButtonsProps<T = string | number | boolean> {
      */
     orientation?: 'row' | 'col';
     /** Disable the wrap of the radio buttons */
-    noWrap?: boolean;
+    wrap?: boolean;
     /** Make all radio buttons the same size */
     equalSize?: boolean;
     /** Display a selector icon */
@@ -50,7 +50,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -60,9 +60,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         }): any;
     };
     emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
-import { Color } from './types';
 import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
 export interface MazReadingProgressBarProps {
     /**
      * Height of the progress bar
@@ -10,7 +10,7 @@ export interface MazReadingProgressBarProps {
      * Color of the progress bar
      * @default primary
      */
-    color?: Color;
+    color?: MazColor;
     /**
      * Selector of the element to teleport the progress bar
      * @default body
@@ -45,7 +45,7 @@ declare const _default: import('vue').DefineComponent<MazReadingProgressBarProps
     onComplete?: (() => any) | undefined;
 }>, {
     height: string;
-    color: Color;
+    color: MazColor;
     teleportSelector: string;
     offset: number;
     distance: number;