@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1

package/menu/radioitem/useMenuRadioItem.d.ts

@@ -0,0 +1,106 @@
+import type { UseMenuItemSelectEvent } from '@primereact/types/headless/menu';
+import * as React from 'react';
+export declare const useMenuRadioItem: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/menu").UseMenuRadioItemProps, unknown, {
+    state: {
+        checked: boolean;
+    };
+    closeOnSelect: boolean;
+    onSelect: (event: UseMenuItemSelectEvent) => void;
+    ref: React.Ref<unknown>;
+    elementRef: React.RefObject<HTMLElement | undefined>;
+    id?: string | undefined;
+    name?: string | undefined;
+    type?: import("@primereact/types/core").Types | undefined;
+    scope?: string | undefined;
+    part?: string | undefined;
+    inProps?: import("@primereact/types").SafeRecord<import("@primereact/headless/radiobutton").UseRadioButtonProps> | undefined;
+    $attrSelector?: string | undefined;
+    $primereact: import("@primereact/types/core").Contexts;
+    props: import("@primereact/types").SafeRecord<import("@primereact/headless/radiobutton").UseRadioButtonProps>;
+    attrs: Omit<import("@primereact/types").SafeRecord<import("@primereact/headless/radiobutton").UseRadioButtonProps>, keyof import("@primereact/headless/radiobutton").UseRadioButtonProps> & Record<PropertyKey, unknown>;
+    $computedSetup: {
+        state: {
+            checked: boolean | undefined;
+        };
+        rootProps: {
+            'data-invalid'?: string | undefined;
+            'data-disabled'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+        };
+        inputProps: {
+            onFocus: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+            onBlur: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+            onChange: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+            'data-invalid'?: string | undefined;
+            'data-disabled'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            id: string | undefined;
+            type: "radio";
+            value: unknown;
+            name: string | undefined;
+            checked: boolean | undefined;
+            tabIndex: number | undefined;
+            disabled: boolean | undefined;
+            readOnly: boolean | undefined;
+            required: boolean | undefined;
+            'aria-labelledby': string | undefined;
+            'aria-label': string | undefined;
+            'aria-invalid': true | undefined;
+        };
+        boxProps: {
+            'data-invalid'?: string | undefined;
+            'data-disabled'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+        };
+        indicatorProps: {
+            'data-invalid'?: string | undefined;
+            'data-disabled'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+        };
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    };
+    rootProps: {
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    inputProps: {
+        onFocus: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+        onBlur: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+        onChange: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        id: string | undefined;
+        type: "radio";
+        value: unknown;
+        name: string | undefined;
+        checked: boolean | undefined;
+        tabIndex: number | undefined;
+        disabled: boolean | undefined;
+        readOnly: boolean | undefined;
+        required: boolean | undefined;
+        'aria-labelledby': string | undefined;
+        'aria-label': string | undefined;
+        'aria-invalid': true | undefined;
+    };
+    boxProps: {
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    indicatorProps: {
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}>;

package/menu/radioitem/useMenuRadioItem.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseMenuRadioItemProps } from '@primereact/types/headless/menu';
+export declare const defaultProps: UseMenuRadioItemProps;

package/menu/submenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useMenuSubmenu';
+export * from './useMenuSubmenu.props';

package/menu/submenu/index.mjs

@@ -0,0 +1,2 @@
+var y=Object.defineProperty,D=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var c=(t,e,n)=>e in t?y(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,p=(t,e)=>{for(var n in e||(e={}))R.call(e,n)&&c(t,n,e[n]);if(r)for(var n of r(e))H.call(e,n)&&c(t,n,e[n]);return t},m=(t,e)=>D(t,g(e));import{withHeadless as M}from"@primereact/core/headless";import{usePopover as x}from"@primereact/headless/popover";import*as o from"react";var i={open:void 0,defaultOpen:void 0,openDelay:100,closeDelay:0,openOnHover:!0,onOpenChange:void 0};var U=M({name:"useMenuSubmenu",defaultProps:i,setup({props:t}){var a,l,u;let e=x({open:t.open,defaultOpen:t.defaultOpen,onOpenChange:t.onOpenChange}),n=o.useRef(null),f=o.useCallback(s=>{n.current=s},[]),d={open:!!e.state.open,anchorElement:e.state.anchorElement,positionerElement:e.state.positionerElement,popupElement:e.state.popupElement,arrowElement:e.state.arrowElement},b=()=>{var s;t.disabled||(s=e.setOpen)==null||s.call(e,!e.state.open)},O=()=>{var s;t.disabled||(s=e.setOpen)==null||s.call(e,!0)},E=()=>{var s;t.disabled||(s=e.setOpen)==null||s.call(e,!1)},P={ref:e.setAnchorFallbackRef},h=m(p({},e.state.open&&{"data-open":""}),{"data-scope":"menu","data-part":"sub"});return{state:d,popover:e,listRef:n,subtriggerProps:P,subProps:h,listProps:{ref:f,"data-scope":"menu","data-part":"list"},toggle:b,open:O,close:E,openDelay:(a=t.openDelay)!=null?a:100,closeDelay:(l=t.closeDelay)!=null?l:0,openOnHover:(u=t.openOnHover)!=null?u:!0}}});export{i as defaultProps,U as useMenuSubmenu};
+//# sourceMappingURL=index.mjs.map

package/menu/submenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/menu/submenu/useMenuSubmenu.ts","../../../src/menu/submenu/useMenuSubmenu.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { usePopover } from '@primereact/headless/popover';\nimport * as React from 'react';\nimport { defaultProps } from './useMenuSubmenu.props';\n\nexport const useMenuSubmenu = withHeadless({\n    name: 'useMenuSubmenu',\n    defaultProps,\n    setup({ props }) {\n        const popover = usePopover({\n            open: props.open,\n            defaultOpen: props.defaultOpen,\n            onOpenChange: props.onOpenChange\n        });\n\n        const listRef = React.useRef<HTMLDivElement | null>(null);\n        const setListRef = React.useCallback((node: HTMLDivElement | null) => {\n            listRef.current = node;\n        }, []);\n\n        const state = {\n            open: !!popover.state.open,\n            anchorElement: popover.state.anchorElement,\n            positionerElement: popover.state.positionerElement,\n            popupElement: popover.state.popupElement,\n            arrowElement: popover.state.arrowElement\n        };\n\n        const toggle = () => {\n            if (!props.disabled) {\n                popover.setOpen?.(!popover.state.open);\n            }\n        };\n\n        const open = () => {\n            if (!props.disabled) {\n                popover.setOpen?.(true);\n            }\n        };\n\n        const close = () => {\n            if (!props.disabled) {\n                popover.setOpen?.(false);\n            }\n        };\n\n        const subtriggerProps = {\n            ref: popover.setAnchorFallbackRef\n        };\n\n        const subProps = {\n            ...(popover.state.open && { 'data-open': '' as const }),\n            'data-scope': 'menu' as const,\n            'data-part': 'sub' as const\n        };\n\n        const listProps = {\n            ref: setListRef,\n            'data-scope': 'menu' as const,\n            'data-part': 'list' as const\n        };\n\n        return {\n            state,\n            popover,\n            // refs\n            listRef,\n            // prop getters\n            subtriggerProps,\n            subProps,\n            listProps,\n            // methods\n            toggle,\n            open,\n            close,\n            // hover behavior (read by the parent Menu's subtrigger handler)\n            openDelay: props.openDelay ?? 100,\n            closeDelay: props.closeDelay ?? 0,\n            openOnHover: props.openOnHover ?? true\n        };\n    }\n});\n","import type { UseMenuSubmenuProps } from '@primereact/types/headless/menu';\n\nexport const defaultProps: UseMenuSubmenuProps = {\n    open: undefined,\n    defaultOpen: undefined,\n    openDelay: 100,\n    closeDelay: 0,\n    openOnHover: true,\n    onOpenChange: undefined\n};\n"],"mappings":"6aAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,cAAAC,MAAkB,+BAC3B,UAAYC,MAAW,QCAhB,IAAMC,EAAoC,CAC7C,KAAM,OACN,YAAa,OACb,UAAW,IACX,WAAY,EACZ,YAAa,GACb,aAAc,MAClB,EDJO,IAAMC,EAAiBC,EAAa,CACvC,KAAM,iBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CARrB,IAAAC,EAAAC,EAAAC,EASQ,IAAMC,EAAUC,EAAW,CACvB,KAAML,EAAM,KACZ,YAAaA,EAAM,YACnB,aAAcA,EAAM,YACxB,CAAC,EAEKM,EAAgB,SAA8B,IAAI,EAClDC,EAAmB,cAAaC,GAAgC,CAClEF,EAAQ,QAAUE,CACtB,EAAG,CAAC,CAAC,EAECC,EAAQ,CACV,KAAM,CAAC,CAACL,EAAQ,MAAM,KACtB,cAAeA,EAAQ,MAAM,cAC7B,kBAAmBA,EAAQ,MAAM,kBACjC,aAAcA,EAAQ,MAAM,aAC5B,aAAcA,EAAQ,MAAM,YAChC,EAEMM,EAAS,IAAM,CA5B7B,IAAAT,EA6BiBD,EAAM,WACPC,EAAAG,EAAQ,UAAR,MAAAH,EAAA,KAAAG,EAAkB,CAACA,EAAQ,MAAM,KAEzC,EAEMO,EAAO,IAAM,CAlC3B,IAAAV,EAmCiBD,EAAM,WACPC,EAAAG,EAAQ,UAAR,MAAAH,EAAA,KAAAG,EAAkB,GAE1B,EAEMQ,EAAQ,IAAM,CAxC5B,IAAAX,EAyCiBD,EAAM,WACPC,EAAAG,EAAQ,UAAR,MAAAH,EAAA,KAAAG,EAAkB,GAE1B,EAEMS,EAAkB,CACpB,IAAKT,EAAQ,oBACjB,EAEMU,EAAWC,EAAAC,EAAA,GACTZ,EAAQ,MAAM,MAAQ,CAAE,YAAa,EAAY,GADxC,CAEb,aAAc,OACd,YAAa,KACjB,GAQA,MAAO,CACH,MAAAK,EACA,QAAAL,EAEA,QAAAE,EAEA,gBAAAO,EACA,SAAAC,EACA,UAdc,CACd,IAAKP,EACL,aAAc,OACd,YAAa,MACjB,EAYI,OAAAG,EACA,KAAAC,EACA,MAAAC,EAEA,WAAWX,EAAAD,EAAM,YAAN,KAAAC,EAAmB,IAC9B,YAAYC,EAAAF,EAAM,aAAN,KAAAE,EAAoB,EAChC,aAAaC,EAAAH,EAAM,cAAN,KAAAG,EAAqB,EACtC,CACJ,CACJ,CAAC","names":["withHeadless","usePopover","React","defaultProps","useMenuSubmenu","withHeadless","defaultProps","props","_a","_b","_c","popover","usePopover","listRef","setListRef","node","state","toggle","open","close","subtriggerProps","subProps","__spreadProps","__spreadValues"]}

package/menu/submenu/useMenuSubmenu.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+export declare const useMenuSubmenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/menu").UseMenuSubmenuProps, unknown, {
+    state: {
+        open: boolean;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    popover: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/popover").UsePopoverProps, unknown, {
+        state: {
+            open: boolean | undefined;
+            rendered: boolean;
+            trapped: boolean;
+            anchorElement: HTMLElement | null;
+            positionerElement: HTMLDivElement | null;
+            popupElement: HTMLElement | null;
+            arrowElement: HTMLDivElement | null;
+        };
+        focusTrap: import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/focustrap").UseFocusTrapProps, unknown, {
+            containerRef: React.RefObject<HTMLElement | null>;
+            firstHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
+            lastHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
+            firstHiddenProps: {
+                role: "presentation";
+                'aria-hidden': true;
+                'data-focus-guard': string;
+                onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+            };
+            lastHiddenProps: {
+                role: "presentation";
+                'aria-hidden': true;
+                'data-focus-guard': string;
+                onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+            };
+        }>;
+        setArrowRef: (node: HTMLDivElement | null) => void;
+        setAnchorRef: (node: HTMLElement | null) => void;
+        setAnchorFallbackRef: (node: HTMLElement | null) => void;
+        setPopupRef: (node: HTMLElement | null) => void;
+        setPositionerRef: (node: HTMLDivElement | null) => void;
+        triggerProps: {
+            'data-positioner-open'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLElement | null) => void;
+            onClick: (event: React.MouseEvent) => void;
+        };
+        popupProps: {
+            'data-open'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLElement | null) => void;
+            tabIndex: number;
+        };
+        closeProps: {
+            'data-scope': string;
+            'data-part': string;
+            type: "button";
+            onClick: (event: React.MouseEvent) => void;
+        };
+        positionerProps: {
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLDivElement | null) => void;
+        };
+        arrowProps: {
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLDivElement | null) => void;
+        };
+        setOpen: (open: boolean, originalEvent?: Event) => void;
+        setRendered: React.Dispatch<React.SetStateAction<boolean>>;
+        onOpenComplete: () => void;
+        onCloseComplete: () => void;
+    }>;
+    listRef: React.RefObject<HTMLDivElement | null>;
+    subtriggerProps: {
+        ref: (node: HTMLElement | null) => void;
+    };
+    subProps: {
+        'data-scope': "menu";
+        'data-part': "sub";
+        'data-open'?: "" | undefined;
+    };
+    listProps: {
+        ref: (node: HTMLDivElement | null) => void;
+        'data-scope': "menu";
+        'data-part': "list";
+    };
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+    openDelay: number;
+    closeDelay: number;
+    openOnHover: boolean;
+}>;

package/menu/submenu/useMenuSubmenu.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseMenuSubmenuProps } from '@primereact/types/headless/menu';
+export declare const defaultProps: UseMenuSubmenuProps;

package/menu/useMenu.d.ts

@@ -1,34 +1,227 @@
 import * as React from 'react';
-export declare const useMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/menu").useMenuProps, unknown, {
+export declare const useMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/menu").UseMenuProps, unknown, {
     state: {
-        opened: boolean;
+        open: boolean;
         focused: boolean;
         focusedOptionId: string | string[];
-        contextMenuTarget: {
-            pageX: number;
-            pageY: number;
-        } | null;
-    };
-    portalRef: React.RefObject<{
-        containerRef: {
-            current: {
-                elementRef: React.RefObject<HTMLDivElement>;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    popover: import("@primereact/headless/popover").UsePopoverExposes;
+    rootProps: {
+        id: string | undefined;
+        'data-scope': "menu";
+        'data-part': "root";
+    };
+    triggerProps: {
+        onPointerEnter?: (() => void) | undefined;
+        onPointerLeave?: (() => void) | undefined;
+        onClick: () => void;
+        'data-expanded'?: "" | undefined;
+        'data-open'?: "" | undefined;
+        'aria-haspopup': "true";
+        'aria-expanded': boolean;
+        'data-scope': "menu";
+        'data-part': "trigger";
+        ref: (node: HTMLElement | null) => void;
+        'data-positioner-open'?: string;
+    };
+    arrowProps: {
+        'data-instant'?: "switch" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    popupProps: {
+        onPointerEnter?: (() => void) | undefined;
+        onPointerLeave?: (() => void) | undefined;
+        'data-instant-type'?: "switch" | undefined;
+        'data-instant'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number;
+        'data-open'?: string;
+    };
+    positionerProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    labelProps: {
+        role: "none";
+        'data-scope': "menu";
+        'data-part': "label";
+    };
+    separatorProps: {
+        role: "separator";
+        'data-scope': "menu";
+        'data-part': "separator";
+    };
+    radioGroupProps: {
+        role: "group";
+        'data-scope': "menu";
+        'data-part': "radiogroup";
+    };
+    getItemProps: (input: {
+        value: string;
+        disabled?: boolean;
+        type?: "item" | "checkbox" | "radio";
+        checked?: boolean;
+        inPortal?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (event: {
+            originalEvent: React.SyntheticEvent;
+            value: string;
+            preventDefault: () => void;
+            readonly defaultPrevented: boolean;
+        }) => void;
+    }) => {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    } | {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-checked': "";
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    } | {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-unchecked': "";
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    };
+    getSubTriggerProps: (input: {
+        value: string;
+        disabled?: boolean;
+        inPortal?: boolean;
+        sub?: {
+            state: {
+                open: boolean;
+            };
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+            listRef: React.RefObject<HTMLElement | null>;
+            subtriggerProps?: {
+                ref: (node: HTMLElement | null) => void;
+            };
+            openDelay?: number;
+            closeDelay?: number;
+            openOnHover?: boolean;
+        };
+    }) => {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: () => void;
+        onMouseLeave: (event: React.MouseEvent) => void;
+        'data-open'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-focused'?: "" | undefined;
+        ref: (node: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem";
+        tabIndex: -1;
+        'aria-expanded': boolean | undefined;
+        'aria-disabled': true | undefined;
+        'data-scope': "menu";
+        'data-part': "subtrigger";
+        'data-value': string;
+    };
+    getListProps: (input?: {
+        value?: string;
+        sub?: {
+            state: {
+                open: boolean;
+            };
+            listProps?: {
+                ref: (node: HTMLDivElement | null) => void;
             };
         };
-    } | null>;
-    triggerRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    listRef: React.RefObject<HTMLUListElement | null>;
-    registerItem: (id: string, ref: HTMLElement) => void;
-    unregisterItem: (id: string) => void;
+    }) => {
+        onFocus?: (() => void) | undefined;
+        onBlur?: (() => void) | undefined;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        'data-composite'?: string | undefined;
+        id: string;
+        role: "menu";
+        'aria-activedescendant': string | undefined;
+        tabIndex: number;
+        'data-scope': "menu";
+        'data-part': "list";
+        ref?: ((node: HTMLDivElement | null) => void) | undefined;
+    };
+    getIndicatorProps: (input: {
+        type?: "item" | "checkbox" | "radio";
+        checked?: boolean;
+        submenuOpen?: boolean;
+        match?: "open" | "closed" | "checked" | "unchecked";
+    }) => {
+        [x: string]: string | boolean;
+        matchVisible: boolean;
+        'data-scope': "menu";
+        'data-part': "indicator";
+    };
+    checkboxItemIndicatorProps: {
+        'data-scope': "menu";
+        'data-part': "indicator";
+    };
+    radioItemIndicatorProps: {
+        'data-scope': "menu";
+        'data-part': "indicator";
+    };
+    submenuIndicatorProps: {
+        'data-scope': "menu";
+        'data-part': "indicator";
+    };
+    updateItemAria: (element: HTMLElement) => void;
+    isFocused: (itemId: string) => boolean;
+    getItemId: (value: string) => string;
+    getListId: (value?: string) => string;
     changeVisibleState: (isVisible: boolean) => void;
-    changeFocusedOptionId: (id: string) => void;
+    markMouseInteraction: (newValue: boolean) => void;
+    changeFocusedOptionId: (newId: string) => void;
     hideSubmenusAfterLevel: (targetItemId: string) => void;
+    hideAllSubmenus: () => void;
     onListKeyDown: (event: React.KeyboardEvent) => void;
     onListFocus: () => void;
     onListBlur: () => void;
-    onOverlayEnter: () => void;
-    onTriggerClick: (event?: React.MouseEvent) => void;
-    onItemClick: (event: React.MouseEvent) => void;
+    onOverlayEnter: (autoFocus?: boolean) => void;
+    onTriggerClick: () => void;
+    onItemClick: (event: React.MouseEvent | React.KeyboardEvent, isBlur?: boolean, isPortal?: boolean) => void;
 }>;

package/menu/useMenu.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMenuProps } from '@primereact/types/shared/menu';
-export declare const defaultProps: useMenuProps;
+import type { UseMenuProps } from '@primereact/types/headless/menu';
+export declare const defaultProps: UseMenuProps;

package/message/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMessage';
 export * from './useMessage.props';
+export type * from '@primereact/types/headless/message';

package/message/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as i}from"@primereact/core/headless";import*as r from"react";var n={life:null,onClose:void 0};var d=i({name:"useMessage",defaultProps:n,setup:({props:t})=>{let[u,o]=r.useState(!0),e=r.useRef(null),a={visible:u},s=r.useCallback(()=>{var l;o(!1),e.current&&(clearTimeout(e.current),e.current=null),(l=t.onClose)==null||l.call(t)},[t.onClose]);return r.useEffect(()=>(e.current&&(clearTimeout(e.current),e.current=null),typeof t.life=="number"&&t.life>0&&u&&(e.current=setTimeout(()=>{s()},t.life)),()=>{e.current&&(clearTimeout(e.current),e.current=null)}),[t.life,u,s]),{state:a,handleClose:s}}});export{n as defaultProps,d as useMessage};
+var d=Object.defineProperty;var n=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var c=(e,t,s)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,u=(e,t)=>{for(var s in t||(t={}))p.call(t,s)&&c(e,s,t[s]);if(n)for(var s of n(t))g.call(t,s)&&c(e,s,t[s]);return e};import{withHeadless as y}from"@primereact/core/headless";import*as r from"react";var i={life:null,onClose:void 0};var T=y({name:"useMessage",defaultProps:i,setup:({props:e})=>{let[t,s]=r.useState(!0),o=r.useRef(null),f={visible:t},a=r.useCallback(()=>{var l;s(!1),o.current&&(clearTimeout(o.current),o.current=null),(l=e.onClose)==null||l.call(e)},[e.onClose]);r.useEffect(()=>(o.current&&(clearTimeout(o.current),o.current=null),typeof e.life=="number"&&e.life>0&&t&&(o.current=setTimeout(()=>{a()},e.life)),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[e.life,t,a]);let m=u({"data-scope":"message","data-part":"root"},!t&&{style:{display:"none"}});return{state:f,rootProps:m,closeProps:{"data-scope":"message","data-part":"close",onClick:a},handleClose:a}}});export{i as defaultProps,T as useMessage};
 //# sourceMappingURL=index.mjs.map

package/message/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/message/useMessage.ts","../../src/message/useMessage.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useMessage.props';\n\nexport const useMessage = withHeadless({\n    name: 'useMessage',\n    defaultProps,\n    setup: ({ props }) => {\n        const [visibleState, setVisibleState] = React.useState<boolean>(true);\n        const timerRef = React.useRef<NodeJS.Timeout | null>(null);\n\n        const state = {\n            visible: visibleState\n        };\n\n        // methods\n        const handleClose = React.useCallback(() => {\n            setVisibleState(false);\n\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n\n            props.onClose?.();\n        }, [props.onClose]);\n\n        // effects\n        React.useEffect(() => {\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n\n            if (typeof props.life === 'number' && props.life > 0 && visibleState) {\n                timerRef.current = setTimeout(() => {\n                    handleClose();\n                }, props.life);\n            }\n\n            return () => {\n                if (timerRef.current) {\n                    clearTimeout(timerRef.current);\n                    timerRef.current = null;\n                }\n            };\n        }, [props.life, visibleState, handleClose]);\n\n        return {\n            state,\n            handleClose\n        };\n    }\n});\n","import type { useMessageProps } from '@primereact/types/shared/message';\n\nexport const defaultProps: useMessageProps = {\n    life: null,\n    onClose: undefined\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,UAAYC,MAAW,QCChB,IAAMC,EAAgC,CACzC,KAAM,KACN,QAAS,MACb,EDDO,IAAMC,EAAaC,EAAa,CACnC,KAAM,aACN,aAAAC,EACA,MAAO,CAAC,CAAE,MAAAC,CAAM,IAAM,CAClB,GAAM,CAACC,EAAcC,CAAe,EAAU,WAAkB,EAAI,EAC9DC,EAAiB,SAA8B,IAAI,EAEnDC,EAAQ,CACV,QAASH,CACb,EAGMI,EAAoB,cAAY,IAAM,CAhBpD,IAAAC,EAiBYJ,EAAgB,EAAK,EAEjBC,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,OAGvBG,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EACJ,EAAG,CAACA,EAAM,OAAO,CAAC,EAGlB,OAAM,YAAU,KACRG,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,MAGnB,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,GAAKC,IACpDE,EAAS,QAAU,WAAW,IAAM,CAChCE,EAAY,CAChB,EAAGL,EAAM,IAAI,GAGV,IAAM,CACLG,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAE3B,GACD,CAACH,EAAM,KAAMC,EAAcI,CAAW,CAAC,EAEnC,CACH,MAAAD,EACA,YAAAC,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","React","defaultProps","useMessage","withHeadless","defaultProps","props","visibleState","setVisibleState","timerRef","state","handleClose","_a"]}
+{"version":3,"sources":["../../src/message/useMessage.ts","../../src/message/useMessage.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useMessage.props';\n\nexport const useMessage = withHeadless({\n    name: 'useMessage',\n    defaultProps,\n    setup: ({ props }) => {\n        const [visibleState, setVisibleState] = React.useState<boolean>(true);\n        const timerRef = React.useRef<NodeJS.Timeout | null>(null);\n\n        const state = {\n            visible: visibleState\n        };\n\n        // methods\n        const handleClose = React.useCallback(() => {\n            setVisibleState(false);\n\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n\n            props.onClose?.();\n        }, [props.onClose]);\n\n        // effects\n        React.useEffect(() => {\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n\n            if (typeof props.life === 'number' && props.life > 0 && visibleState) {\n                timerRef.current = setTimeout(() => {\n                    handleClose();\n                }, props.life);\n            }\n\n            return () => {\n                if (timerRef.current) {\n                    clearTimeout(timerRef.current);\n                    timerRef.current = null;\n                }\n            };\n        }, [props.life, visibleState, handleClose]);\n\n        // prop getters\n        const rootProps = {\n            'data-scope': 'message' as const,\n            'data-part': 'root' as const,\n            ...(!visibleState && { style: { display: 'none' } })\n        };\n\n        const closeProps = {\n            'data-scope': 'message' as const,\n            'data-part': 'close' as const,\n            onClick: handleClose\n        };\n\n        return {\n            state,\n            // prop getters\n            rootProps,\n            closeProps,\n            // methods\n            handleClose\n        };\n    }\n});\n","import type { UseMessageProps } from '@primereact/types/headless/message';\n\nexport const defaultProps: UseMessageProps = {\n    life: null,\n    onClose: undefined\n};\n"],"mappings":"yVAAA,OAAS,gBAAAA,MAAoB,4BAC7B,UAAYC,MAAW,QCChB,IAAMC,EAAgC,CACzC,KAAM,KACN,QAAS,MACb,EDDO,IAAMC,EAAaC,EAAa,CACnC,KAAM,aACN,aAAAC,EACA,MAAO,CAAC,CAAE,MAAAC,CAAM,IAAM,CAClB,GAAM,CAACC,EAAcC,CAAe,EAAU,WAAkB,EAAI,EAC9DC,EAAiB,SAA8B,IAAI,EAEnDC,EAAQ,CACV,QAASH,CACb,EAGMI,EAAoB,cAAY,IAAM,CAhBpD,IAAAC,EAiBYJ,EAAgB,EAAK,EAEjBC,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,OAGvBG,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EACJ,EAAG,CAACA,EAAM,OAAO,CAAC,EAGZ,YAAU,KACRG,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,MAGnB,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,GAAKC,IACpDE,EAAS,QAAU,WAAW,IAAM,CAChCE,EAAY,CAChB,EAAGL,EAAM,IAAI,GAGV,IAAM,CACLG,EAAS,UACT,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAE3B,GACD,CAACH,EAAM,KAAMC,EAAcI,CAAW,CAAC,EAG1C,IAAME,EAAYC,EAAA,CACd,aAAc,UACd,YAAa,QACT,CAACP,GAAgB,CAAE,MAAO,CAAE,QAAS,MAAO,CAAE,GAStD,MAAO,CACH,MAAAG,EAEA,UAAAG,EACA,WAVe,CACf,aAAc,UACd,YAAa,QACb,QAASF,CACb,EAQI,YAAAA,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","React","defaultProps","useMessage","withHeadless","defaultProps","props","visibleState","setVisibleState","timerRef","state","handleClose","_a","rootProps","__spreadValues"]}

package/message/useMessage.d.ts

@@ -1,6 +1,18 @@
-export declare const useMessage: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/message").useMessageProps, unknown, {
+export declare const useMessage: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/message").UseMessageProps, unknown, {
     state: {
         visible: boolean;
     };
+    rootProps: {
+        style?: {
+            display: string;
+        } | undefined;
+        'data-scope': "message";
+        'data-part': "root";
+    };
+    closeProps: {
+        'data-scope': "message";
+        'data-part': "close";
+        onClick: () => void;
+    };
     handleClose: () => void;
 }>;

package/message/useMessage.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMessageProps } from '@primereact/types/shared/message';
-export declare const defaultProps: useMessageProps;
+import type { UseMessageProps } from '@primereact/types/headless/message';
+export declare const defaultProps: UseMessageProps;

package/metergroup/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMeterGroup';
 export * from './useMeterGroup.props';
+export type * from '@primereact/types/headless/metergroup';

package/metergroup/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as x}from"@primereact/core/headless";import*as e from"react";var u={min:0,max:100};var R=x({name:"useMeterGroup",defaultProps:u,setup({props:a}){let[m,o]=e.useState(0),p={totalPercent:m},s=e.useCallback((t=0)=>{var n,c;let r=(n=a.min)!=null?n:0,f=(c=a.max)!=null?c:100;return Math.round(Math.max(0,Math.min(100,(t-r)/(f-r)*100)))},[]),l=e.useCallback((t=0)=>s(t)+"%",[]),i=e.useCallback((t=0)=>{o(r=>r+t)},[]),P=e.useCallback(()=>{o(0)},[]);return{state:p,percent:s,percentAsString:l,updateTotalPercent:i,resetTotalPercent:P}}});export{u as defaultProps,R as useMeterGroup};
+import{withHeadless as P}from"@primereact/core/headless";import*as s from"react";var c={min:0,max:100,orientation:"horizontal"};var k=P({name:"useMeterGroup",defaultProps:c,setup({props:t}){var n,p;let a=(n=t.min)!=null?n:0,e=(p=t.max)!=null?p:100,o=s.useCallback((r=0)=>Math.round(Math.max(0,Math.min(100,(r-a)/(e-a)*100))),[a,e]),m=s.useCallback((r=0)=>`${o(r)}%`,[o]),i={"data-scope":"metergroup","data-part":"root","data-orientation":t.orientation,role:"meter","aria-valuemin":a,"aria-valuemax":e,"aria-valuenow":0},u={"data-scope":"metergroup","data-part":"meters","data-orientation":t.orientation},d={"data-scope":"metergroup","data-part":"labels","data-orientation":t.orientation},l={"data-scope":"metergroup","data-part":"meter","data-orientation":t.orientation};return{rootProps:i,metersProps:u,labelsProps:d,meterProps:l,markerProps:{"data-scope":"metergroup","data-part":"marker"},labelProps:{"data-scope":"metergroup","data-part":"label"},textProps:{"data-scope":"metergroup","data-part":"text"},percent:o,percentAsString:m}}});export{c as defaultProps,k as useMeterGroup};
 //# sourceMappingURL=index.mjs.map

package/metergroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/metergroup/useMeterGroup.ts","../../src/metergroup/useMeterGroup.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useMeterGroup.props';\n\nexport const useMeterGroup = withHeadless({\n    name: 'useMeterGroup',\n    defaultProps,\n    setup({ props }) {\n        const [totalPercentState, setTotalPercentState] = React.useState(0);\n\n        const state = {\n            totalPercent: totalPercentState\n        };\n\n        // methods\n        const percent = React.useCallback((meterValue: number = 0) => {\n            const min = props.min ?? 0;\n            const max = props.max ?? 100;\n\n            return Math.round(Math.max(0, Math.min(100, ((meterValue - min) / (max - min)) * 100)));\n        }, []);\n\n        const percentAsString = React.useCallback((meterValue: number = 0) => {\n            return percent(meterValue) + '%';\n        }, []);\n\n        const updateTotalPercent = React.useCallback((percent: number = 0) => {\n            setTotalPercentState((prev) => prev + percent);\n        }, []);\n\n        const resetTotalPercent = React.useCallback(() => {\n            setTotalPercentState(0);\n        }, []);\n\n        return {\n            state,\n            // methods\n            percent,\n            percentAsString,\n            updateTotalPercent,\n            resetTotalPercent\n        };\n    }\n});\n","import type { useMeterGroupProps } from '@primereact/types/shared/metergroup';\n\nexport const defaultProps: useMeterGroupProps = {\n    min: 0,\n    max: 100\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,UAAYC,MAAW,QCChB,IAAMC,EAAmC,CAC5C,IAAK,EACL,IAAK,GACT,EDDO,IAAMC,EAAgBC,EAAa,CACtC,KAAM,gBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CACb,GAAM,CAACC,EAAmBC,CAAoB,EAAU,WAAS,CAAC,EAE5DC,EAAQ,CACV,aAAcF,CAClB,EAGMG,EAAgB,cAAY,CAACC,EAAqB,IAAM,CAftE,IAAAC,EAAAC,EAgBY,IAAMC,GAAMF,EAAAN,EAAM,MAAN,KAAAM,EAAa,EACnBG,GAAMF,EAAAP,EAAM,MAAN,KAAAO,EAAa,IAEzB,OAAO,KAAK,MAAM,KAAK,IAAI,EAAG,KAAK,IAAI,KAAOF,EAAaG,IAAQC,EAAMD,GAAQ,GAAG,CAAC,CAAC,CAC1F,EAAG,CAAC,CAAC,EAECE,EAAwB,cAAY,CAACL,EAAqB,IACrDD,EAAQC,CAAU,EAAI,IAC9B,CAAC,CAAC,EAECM,EAA2B,cAAY,CAACP,EAAkB,IAAM,CAClEF,EAAsBU,GAASA,EAAOR,CAAO,CACjD,EAAG,CAAC,CAAC,EAECS,EAA0B,cAAY,IAAM,CAC9CX,EAAqB,CAAC,CAC1B,EAAG,CAAC,CAAC,EAEL,MAAO,CACH,MAAAC,EAEA,QAAAC,EACA,gBAAAM,EACA,mBAAAC,EACA,kBAAAE,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","React","defaultProps","useMeterGroup","withHeadless","defaultProps","props","totalPercentState","setTotalPercentState","state","percent","meterValue","_a","_b","min","max","percentAsString","updateTotalPercent","prev","resetTotalPercent"]}
+{"version":3,"sources":["../../src/metergroup/useMeterGroup.ts","../../src/metergroup/useMeterGroup.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useMeterGroup.props';\n\nexport const useMeterGroup = withHeadless({\n    name: 'useMeterGroup',\n    defaultProps,\n    setup({ props }) {\n        const min = props.min ?? 0;\n        const max = props.max ?? 100;\n\n        const percent = React.useCallback(\n            (meterValue: number = 0) => {\n                return Math.round(Math.max(0, Math.min(100, ((meterValue - min) / (max - min)) * 100)));\n            },\n            [min, max]\n        );\n\n        const percentAsString = React.useCallback((meterValue: number = 0) => `${percent(meterValue)}%`, [percent]);\n\n        const rootProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'root' as const,\n            'data-orientation': props.orientation,\n            role: 'meter' as const,\n            'aria-valuemin': min,\n            'aria-valuemax': max,\n            'aria-valuenow': 0\n        };\n\n        const metersProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'meters' as const,\n            'data-orientation': props.orientation\n        };\n\n        const labelsProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'labels' as const,\n            'data-orientation': props.orientation\n        };\n\n        const meterProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'meter' as const,\n            'data-orientation': props.orientation\n        };\n\n        const markerProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'marker' as const\n        };\n\n        const labelProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'label' as const\n        };\n\n        const textProps = {\n            'data-scope': 'metergroup' as const,\n            'data-part': 'text' as const\n        };\n\n        return {\n            rootProps,\n            metersProps,\n            labelsProps,\n            meterProps,\n            markerProps,\n            labelProps,\n            textProps,\n            percent,\n            percentAsString\n        };\n    }\n});\n","import type { UseMeterGroupProps } from '@primereact/types/headless/metergroup';\n\nexport const defaultProps: UseMeterGroupProps = {\n    min: 0,\n    max: 100,\n    orientation: 'horizontal'\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,UAAYC,MAAW,QCChB,IAAMC,EAAmC,CAC5C,IAAK,EACL,IAAK,IACL,YAAa,YACjB,EDFO,IAAMC,EAAgBC,EAAa,CACtC,KAAM,gBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CAPrB,IAAAC,EAAAC,EAQQ,IAAMC,GAAMF,EAAAD,EAAM,MAAN,KAAAC,EAAa,EACnBG,GAAMF,EAAAF,EAAM,MAAN,KAAAE,EAAa,IAEnBG,EAAgB,cAClB,CAACC,EAAqB,IACX,KAAK,MAAM,KAAK,IAAI,EAAG,KAAK,IAAI,KAAOA,EAAaH,IAAQC,EAAMD,GAAQ,GAAG,CAAC,CAAC,EAE1F,CAACA,EAAKC,CAAG,CACb,EAEMG,EAAwB,cAAY,CAACD,EAAqB,IAAM,GAAGD,EAAQC,CAAU,CAAC,IAAK,CAACD,CAAO,CAAC,EAEpGG,EAAY,CACd,aAAc,aACd,YAAa,OACb,mBAAoBR,EAAM,YAC1B,KAAM,QACN,gBAAiBG,EACjB,gBAAiBC,EACjB,gBAAiB,CACrB,EAEMK,EAAc,CAChB,aAAc,aACd,YAAa,SACb,mBAAoBT,EAAM,WAC9B,EAEMU,EAAc,CAChB,aAAc,aACd,YAAa,SACb,mBAAoBV,EAAM,WAC9B,EAEMW,EAAa,CACf,aAAc,aACd,YAAa,QACb,mBAAoBX,EAAM,WAC9B,EAiBA,MAAO,CACH,UAAAQ,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,YApBgB,CAChB,aAAc,aACd,YAAa,QACjB,EAkBI,WAhBe,CACf,aAAc,aACd,YAAa,OACjB,EAcI,UAZc,CACd,aAAc,aACd,YAAa,MACjB,EAUI,QAAAN,EACA,gBAAAE,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","React","defaultProps","useMeterGroup","withHeadless","defaultProps","props","_a","_b","min","max","percent","meterValue","percentAsString","rootProps","metersProps","labelsProps","meterProps"]}

package/metergroup/useMeterGroup.d.ts

@@ -1,9 +1,40 @@
-export declare const useMeterGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/metergroup").useMeterGroupProps, unknown, {
-    state: {
-        totalPercent: number;
+export declare const useMeterGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/metergroup").UseMeterGroupProps, unknown, {
+    rootProps: {
+        'data-scope': "metergroup";
+        'data-part': "root";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        role: "meter";
+        'aria-valuemin': number;
+        'aria-valuemax': number;
+        'aria-valuenow': number;
+    };
+    metersProps: {
+        'data-scope': "metergroup";
+        'data-part': "meters";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    labelsProps: {
+        'data-scope': "metergroup";
+        'data-part': "labels";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    meterProps: {
+        'data-scope': "metergroup";
+        'data-part': "meter";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    markerProps: {
+        'data-scope': "metergroup";
+        'data-part': "marker";
+    };
+    labelProps: {
+        'data-scope': "metergroup";
+        'data-part': "label";
+    };
+    textProps: {
+        'data-scope': "metergroup";
+        'data-part': "text";
     };
     percent: (meterValue?: number) => number;
     percentAsString: (meterValue?: number) => string;
-    updateTotalPercent: (percent?: number) => void;
-    resetTotalPercent: () => void;
 }>;

package/metergroup/useMeterGroup.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMeterGroupProps } from '@primereact/types/shared/metergroup';
-export declare const defaultProps: useMeterGroupProps;
+import type { UseMeterGroupProps } from '@primereact/types/headless/metergroup';
+export declare const defaultProps: UseMeterGroupProps;