maz-ui 4.0.0-beta.31 → 4.0.0-beta.35

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

@@ -0,0 +1,115 @@
+import { IconComponent } from '@maz-ui/icons';
+import { HTMLAttributes } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { MazColor } from './types';
+export interface MazLinkProps {
+    /**
+     * The class attribute of the link
+     * @default undefined
+     */
+    class?: HTMLAttributes['class'];
+    /**
+     * The style attribute of the link
+     * @default undefined
+     */
+    style?: HTMLAttributes['style'];
+    /**
+     * 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
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * The href of the link
+     * @default undefined
+     */
+    href?: string;
+    /** The route location (router-link) of the link */
+    to?: RouteLocationRaw;
+    /**
+     * The color of the link
+     * @default 'primary'
+     */
+    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
+     * @default undefined
+     */
+    download?: string;
+    /**
+     * The rel of the link
+     * @default undefined
+     */
+    rel?: string;
+    /**
+     * The aria-label of the link
+     * @default undefined
+     */
+    ariaLabel?: string;
+    /**
+     * Add an underline to the link
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * Add an underline only on hover
+     * @default true
+     */
+    underlineHover?: boolean;
+    /**
+     * Add an external icon to the link if target is '_blank'
+     * @default true
+     */
+    autoExternal?: boolean;
+    /**
+     * The name of the icon or component to display on the left of the text
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
+     */
+    leftIcon?: string | IconComponent;
+    /**
+     * The name of the icon or component to display on the right of the text
+     * `@type` `{string | FunctionalComponent | ComponentPublicInstance | Component}`
+     */
+    rightIcon?: string | IconComponent;
+    /**
+     * The disabled state of the link if the component is a button
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-icon'?(_: {}): any;
+        default?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        'external-icon'?(_: {}): any;
+    };
+    refs: {};
+    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<{}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,12 @@
+import { MazColor } from './types';
+export interface MazLoadingBarProps {
+    /** The color of the component. */
+    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: MazColor;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/MazPagination.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createElementBlock, openBlock, unref, createElementVNode, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import { MazChevronDoubleLeft, MazChevronLeft, MazEllipsisHorizontal } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
+import { useTranslations } from "@maz-ui/translations";
 import MazBtn from "./MazBtn.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPagination.C6cUh-p4.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPagination",
   props: {
     modelValue: { default: 1 },
@@ -188,7 +188,7 @@ import '../assets/MazPagination.C6cUh-p4.css';const _hoisted_1 = ["aria-label"],
       ])
     ], 8, _hoisted_1));
   }
-}), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2cfdab04"]]);
+}), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b81246f"]]);
 export {
   MazPagination as default
 };

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

@@ -0,0 +1,83 @@
+import { MazBtnProps } from './MazBtn.vue';
+import { MazColor, MazSize } from './types';
+export interface MazPaginationProps {
+    /**
+     * 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?: MazColor | 'background';
+    /**
+     * Size of the buttons.
+     * @values 'mini', 'xs', 'sm', 'md', 'lg', 'xl'
+     * @default 'md'
+     */
+    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'?(_: {
+            page: number;
+        }): any;
+        'previous-page-sr'?(_: {
+            page: number;
+        }): any;
+        'page-sr'?(_: {
+            page: number;
+        }): any;
+        'next-page-sr'?(_: {
+            page: number;
+        }): any;
+        'last-page-sr'?(_: {
+            page: number;
+        }): any;
+    };
+    refs: {};
+    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;
+}>, {}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazPopover.js

@@ -1,11 +1,11 @@
 import { defineComponent, mergeModels, useAttrs, useTemplateRef, computed, useModel, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, normalizeStyle, normalizeClass, unref, createElementVNode, mergeProps, renderSlot, Teleport, createVNode, Transition, withCtx, withDirectives } from "vue";
 import { offset, hide, shift, autoPlacement, flip, useFloating, autoUpdate } from "@floating-ui/vue";
-import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+import { e } from "../chunks/isClient.8V3qjGdO.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
+import { d as directive } from "../chunks/vClickOutside.CJBKY5no.js";
 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/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPopover.DIE65uVT.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
   name: "MazPopover",
   inheritAttrs: !1,
   __name: "MazPopover",
@@ -42,7 +42,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
     modelValue: { type: Boolean, required: !1, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["update:model-value", "open", "close", "toggle"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["update:model-value", "open", "close", "after-close-animation", "toggle"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const emits = __emit, triggerId = useInstanceUniqId({
       componentName: "MazPopover",
@@ -73,7 +73,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
         return triggerElement.value;
       if (typeof __props.positionReference == "string") {
         const withinTrigger = triggerElement.value?.querySelector(__props.positionReference);
-        return withinTrigger || (isClient() ? document.querySelector(__props.positionReference) : null);
+        return withinTrigger || (e() ? document.querySelector(__props.positionReference) : null);
       }
       return __props.positionReference;
     }
@@ -82,7 +82,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
     const panelId = computed(() => `${triggerId.value}-panel`), rootStyles = computed(() => attrs.style), panelStyles = computed(() => ({
       ...floatingStyles.value,
       pointerEvents: isOpen.value ? "auto" : "none"
-    })), isTouchDevice = computed(() => isClient() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
+    })), isTouchDevice = computed(() => e() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
       if (__props.disabled || effectiveTrigger.value === "manual")
         return {};
       const events = {};
@@ -103,7 +103,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       `--${getColor(__props.color)}`
     ]);
     function cleanup() {
-      clearOpenTimeout(), clearCloseTimeout(), isClient() && document.removeEventListener("keydown", onKeydown);
+      clearOpenTimeout(), clearCloseTimeout(), e() && document.removeEventListener("keydown", onKeydown);
     }
     function open() {
       __props.disabled || (clearCloseTimeout(), effectiveTrigger.value === "click" && (ignoreNextClickOutside = !0), __props.delay > 0 ? openTimeout = setTimeout(() => {
@@ -162,7 +162,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       }
     }
     function setupFocusTrap() {
-      __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || (initialFocusElement = document.activeElement, nextTick(() => {
+      __props.role === "tooltip" || effectiveTrigger.value === "hover" || !__props.trapFocus || !e() || (initialFocusElement = document.activeElement, nextTick(() => {
         const focusableElements = panelElement.value?.querySelectorAll(
           'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
         );
@@ -170,15 +170,15 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       }));
     }
     function restoreFocus() {
-      __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || nextTick(() => {
+      __props.role === "tooltip" || effectiveTrigger.value === "hover" || !__props.trapFocus || !e() || nextTick(() => {
         initialFocusElement?.focus({ preventScroll: !0 });
       });
     }
     function onKeydown(event) {
-      isOpen.value && (event.key === "Escape" && __props.closeOnEscape && !__props.persistent && (event.preventDefault(), close()), (__props.role === "dialog" || __props.role === "menu") && event.key === "Tab" && handleTrapFocus(event));
+      isOpen.value && (event.key === "Escape" && __props.closeOnEscape && !__props.persistent && (event.preventDefault(), close()), event.key === "Tab" && __props.trapFocus && handleTrapFocus(event));
     }
     function handleTrapFocus(event) {
-      if (!panelElement.value || !isClient())
+      if (!panelElement.value || !e())
         return;
       const focusableElements = panelElement.value.querySelectorAll(
         'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
@@ -202,7 +202,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       }
     }
     return watch(isOpen, (value, oldValue) => {
-      !isClient() || value === oldValue || (value ? open() : oldValue && !value && close());
+      !e() || value === oldValue || (value ? open() : oldValue && !value && close());
     }, { immediate: !0 }), watch(() => __props.position, () => {
       isOpen.value && nextTick(() => update());
     }), onMounted(() => {
@@ -274,7 +274,8 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       (openBlock(), createBlock(Teleport, { to: _ctx.teleportTo }, [
         createVNode(Transition, {
           name: transitionName.value,
-          appear: ""
+          appear: "",
+          onAfterLeave: _cache[0] || (_cache[0] = ($event) => emits("after-close-animation"))
         }, {
           default: withCtx(() => [
             isOpen.value ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
@@ -313,7 +314,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
       ], 8, ["to"]))
     ], 64));
   }
-}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e29d62fb"]]);
+}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecc963ec"]]);
 export {
   MazPopover as default
 };

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
 };