maz-ui 4.0.0-beta.8 → 4.0.0

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

@@ -0,0 +1,256 @@
+import { Placement } from '@floating-ui/vue';
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+type __VLS_Props = MazPopoverProps;
+export type MazPopoverPosition = Placement | 'auto';
+export type MazPopoverPreferPosition = Placement;
+export type MazPopoverFallbackPosition = Placement;
+export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
+export type MazPopoverRole = '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?: MazPopoverPosition;
+    /**
+     * 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?: MazPopoverPreferPosition;
+    /**
+     * 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?: MazPopoverFallbackPosition;
+    /**
+     * How the popover is triggered
+     * @values click, hover, manual, adaptive
+     * @default click
+     * @description How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile
+     */
+    trigger?: MazPopoverTrigger;
+    /**
+     * ARIA role for accessibility
+     * @values dialog, tooltip
+     * @default dialog
+     * @description ARIA role for accessibility
+     */
+    role?: MazPopoverRole;
+    /**
+     * 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 popover
+     */
+    transition?: 'scale-pop' | 'scale-fade' | 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;
+    /**
+     * CSS selector or element reference to use for positioning calculations
+     * @description When provided, the popover will position relative to this element instead of the trigger
+     * Useful for components with labels where you want to position relative to the actual input
+     * @type {string | HTMLElement}
+     * @default undefined
+     * @example "input" or "#my-input" or HTMLElement
+     */
+    positionReference?: string | HTMLElement;
+}
+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;
+            trigger: "click" | "hover" | "manual";
+        }): 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 {ComputedRef<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: () => void;
+}, {}, {}, {}, 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;
+    "after-close-animation": () => 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;
+    "onAfter-close-animation"?: (() => 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/components/MazPullToRefresh.js

@@ -1,11 +1,11 @@
 import { defineComponent, defineAsyncComponent, computed, ref, watch, onUnmounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, renderSlot, normalizeStyle, createElementVNode, createVNode, unref } from "vue";
-import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+import { e as e$1 } from "../chunks/isClient.8V3qjGdO.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPullToRefresh.BQ64UvzA.css';function isStandaloneMode() {
-  if (!isClient())
+import '../assets/MazPullToRefresh.C0HGlupm.css';function e() {
+  if (!e$1())
     return !1;
-  const nav = navigator, isStandalone = globalThis.matchMedia("(display-mode: standalone)").matches;
-  return nav.standalone || isStandalone;
+  const a = navigator, n = globalThis.matchMedia("(display-mode: standalone)").matches;
+  return a.standalone || n;
 }
 const _hoisted_1 = {
   key: 0,
@@ -31,7 +31,7 @@ const _hoisted_1 = {
   emits: ["loaded", "start", "error", "finish", "response"],
   setup(__props, { emit: __emit }) {
     const props = __props, emits = __emit, MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), isDisabled = computed(
-      () => props.disabled || props.onClick === void 0 || props.standaloneMode && isClient() && !isStandaloneMode()
+      () => props.disabled || props.onClick === void 0 || props.standaloneMode && e$1() && !e()
     ), margin = ref({
       top: 0,
       bottom: 0
@@ -144,7 +144,7 @@ const _hoisted_1 = {
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), MazPullToRefresh = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67a0e41a"]]);
+}), MazPullToRefresh = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-515facf3"]]);
 export {
   MazPullToRefresh as default
 };

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

@@ -0,0 +1,52 @@
+import { MazColor } from './types';
+export interface MazPullToRefreshProps {
+    distance?: number;
+    offset?: number;
+    onClick?: () => unknown;
+    containerSelector?: string;
+    headerClass?: string;
+    spinnerColor?: MazColor;
+    disabled?: boolean;
+    standaloneMode?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'pull-before'?(_: {}): any;
+        'pull-ready'?(_: {}): any;
+        'pull-loading'?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazPullToRefreshProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+    loaded: (...args: any[]) => void;
+    start: (...args: any[]) => void;
+    response: (...args: any[]) => void;
+    finish: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MazPullToRefreshProps> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onResponse?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
+}>, {
+    onClick: () => unknown;
+    disabled: boolean;
+    offset: number;
+    distance: number;
+    containerSelector: string;
+    headerClass: string;
+    spinnerColor: MazColor;
+    standaloneMode: boolean;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazRadio.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, mergeProps, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazRadio.XGYnbTuB.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "value", "disabled", "name", "checked"], _hoisted_3 = { class: "m-radio__text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazRadio.B0B3P1QS.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "value", "disabled", "name", "checked"], _hoisted_3 = { class: "m-radio__text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazRadio",
   props: {
     style: { default: void 0 },
@@ -97,7 +97,7 @@ import '../assets/MazRadio.XGYnbTuB.css';const _hoisted_1 = ["for", "aria-checke
       ])
     ], 46, _hoisted_1));
   }
-}), MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd84ba83"]]);
+}), MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9f427c1"]]);
 export {
   MazRadio as default
 };

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

@@ -0,0 +1,55 @@
+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'];
+    /** Class attribut of the component root element */
+    class?: HTMLAttributes['class'];
+    /** The id of the radio */
+    id?: string;
+    /** @model The value of the radio */
+    modelValue?: T;
+    /** The value of the radio */
+    value: T;
+    /** The name of the radio */
+    name: string;
+    /** The label of the radio */
+    label?: string;
+    /** The color of the radio */
+    color?: MazColor;
+    /** The size of the radio */
+    size?: MazSize;
+    /** The disabled state of the radio */
+    disabled?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare const _default: <T extends string | number | boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        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> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            isSelected: boolean;
+            value: T;
+        }): 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 & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/MazRadioButtons.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, normalizeStyle, renderSlot, createVNode, Transition, withCtx, withDirectives, unref, vShow, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, normalizeStyle, unref, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow, createTextVNode, toDisplayString } from "vue";
 import { MazCheck } from "@maz-ui/icons";
+import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
+import '../assets/MazRadioButtons.CfiHq8H9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
   key: 0,
   class: "m-radio-buttons__items__checkbox"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -26,7 +27,7 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
   setup(__props, { emit: __emit }) {
     const props = __props, emits = __emit;
     function selectOption(option) {
-      emits("update:model-value", option.value);
+      emits("update:model-value", option.value), emits("change", option.value);
     }
     function isSelected(value) {
       return props.modelValue === value;
@@ -62,8 +63,8 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
           tabindex: "0",
           style: normalizeStyle([
             isSelected(option.value) ? {
-              color: `hsl(var(--maz-${_ctx.color}-foreground))`,
-              backgroundColor: `hsl(var(--maz-${_ctx.color}))`
+              color: `hsl(var(--maz-${unref(getColor)(_ctx.color)}-foreground))`,
+              backgroundColor: `hsl(var(--maz-${unref(getColor)(_ctx.color)}))`
             } : {},
             option.style
           ]),
@@ -91,7 +92,7 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
                 "--is-selected": isSelected(option.value)
               }),
               style: normalizeStyle([
-                isSelected(option.value) ? { backgroundColor: `hsl(var(--maz-${props.color}-600))` } : {}
+                isSelected(option.value) ? { backgroundColor: `hsl(var(--maz-${unref(getColor)(props.color)}-600))` } : {}
               ])
             }, [
               createVNode(Transition, { name: "maz-radio-buttons-scale" }, {
@@ -122,7 +123,7 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
       }, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", !0)
     ]));
   }
-}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32102767"]]);
+}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ffe6c1e"]]);
 export {
   MazRadioButtons as default
 };

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

@@ -0,0 +1,69 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export type MazRadioButtonsOption<T = string | number | boolean> = {
+    /** The label of the option */
+    label: string;
+    /** The value of the option */
+    value: T;
+    /** The classes to apply to the option */
+    classes?: any;
+    /** The style to apply to the option */
+    style?: HTMLAttributes['style'];
+} & Record<string, unknown>;
+export interface MazRadioButtonsProps<T = string | number | boolean, Option extends MazRadioButtonsOption<T> = MazRadioButtonsOption<T>> {
+    /** @model The value of the selected option */
+    modelValue?: T;
+    /** The options to display */
+    options: Option[];
+    /** The name of the radio group */
+    name?: string;
+    /** The color of the selected radio buttons */
+    color?: MazColor | 'background';
+    /** Add elevation to the radio buttons */
+    elevation?: boolean;
+    /**
+     * The orientation of the radio buttons
+     * @values 'row' | 'col'
+     * @default 'row'
+     */
+    orientation?: 'row' | 'col';
+    /** Disable the wrap of the radio buttons */
+    wrap?: boolean;
+    /** Make all radio buttons the same size */
+    equalSize?: boolean;
+    /** Display a selector icon */
+    selector?: boolean;
+    /** The component will be displayed in full width */
+    block?: boolean;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare const _default: <T extends string | number | boolean, Option extends MazRadioButtonsOption<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: Option["value"]) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value: Option["value"]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T, Option> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            option: Option;
+            selected: boolean;
+        }): any;
+    };
+    emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: Option["value"]) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: Option["value"]) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/MazReadingProgressBar.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, createBlock, openBlock, Teleport, createElementVNode, mergeProps, normalizeStyle, normalizeClass, nextTick } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazReadingProgressBar.CwBVXE3g.css';function throttle(func, limit) {
-  let inThrottle = !1, lastFunc, lastRan;
-  return function(...args) {
-    inThrottle ? (clearTimeout(lastFunc), lastFunc = setTimeout(() => {
-      Date.now() - lastRan >= limit && (func.apply(this, args), lastRan = Date.now());
-    }, Math.max(limit - (Date.now() - lastRan), 0))) : (func.apply(this, args), lastRan = Date.now(), inThrottle = !0);
+import '../assets/MazReadingProgressBar.dzfwQFNg.css';function i(e, a) {
+  let l = !1, n, t;
+  return function(...o) {
+    l ? (clearTimeout(n), n = setTimeout(() => {
+      Date.now() - t >= a && (e.apply(this, o), t = Date.now());
+    }, Math.max(a - (Date.now() - t), 0))) : (e.apply(this, o), t = Date.now(), l = !0);
   };
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: !0
       }
     );
-    const handleScroll = throttle(() => {
+    const handleScroll = i(() => {
       const scrollPosition = window.scrollY;
       if (scrollPosition >= 0 && scrollPosition <= elementHeight.value) {
         const progress = scrollPosition / elementHeight.value * 100;
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ], 16)
     ], 8, ["to"]));
   }
-}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe8cbda7"]]);
+}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a180e792"]]);
 export {
   MazReadingProgressBar as default
 };

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

@@ -0,0 +1,55 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export interface MazReadingProgressBarProps {
+    /**
+     * Height of the progress bar
+     * @default 4px
+     */
+    height?: string;
+    /**
+     * Color of the progress bar
+     * @default primary
+     */
+    color?: MazColor;
+    /**
+     * Selector of the element to teleport the progress bar
+     * @default body
+     */
+    teleportSelector?: string;
+    /**
+     * Selector of the element to get the height
+     * @default body
+     */
+    contentSelector?: string;
+    /**
+     * Offset of the progress bar
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * Class of the progress bar
+     * @default undefined
+     */
+    barClass?: HTMLAttributes['class'];
+    /**
+     * Instead of using the height of the content with a selector, you can set a scroll distance
+     * @default undefined
+     */
+    distance?: number;
+}
+declare const _default: import('vue').DefineComponent<MazReadingProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    begin: () => any;
+    complete: () => any;
+}, string, import('vue').PublicProps, Readonly<MazReadingProgressBarProps> & Readonly<{
+    onBegin?: (() => any) | undefined;
+    onComplete?: (() => any) | undefined;
+}>, {
+    height: string;
+    color: MazColor;
+    offset: number;
+    teleportSelector: string;
+    distance: number;
+    contentSelector: string;
+    barClass: HTMLAttributes["class"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;