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

package/popover/usePopover.d.ts

@@ -1,15 +1,68 @@
 import * as React from 'react';
-export declare const usePopover: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/popover").usePopoverProps, unknown, {
+export declare const usePopover: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/popover").UsePopoverProps, unknown, {
     state: {
-        visible: boolean;
-    };
-    show: () => void;
-    hide: () => void;
-    onBeforeEnter: () => void;
-    onAfterLeave: () => void;
-    onOverlayClick: (event: Event) => void;
-    onLeave: () => void;
-    onContentKeydown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    triggerRef: React.RefObject<HTMLElement | null>;
-    containerRef: React.RefObject<HTMLElement | null>;
+        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/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;
 }>;

package/popover/usePopover.props.d.ts

@@ -1,2 +1,2 @@
-import type { usePopoverProps } from '@primereact/types/shared/popover';
-export declare const defaultProps: usePopoverProps;
+import type { UsePopoverProps } from '@primereact/types/headless/popover';
+export declare const defaultProps: UsePopoverProps;

package/portal/index.d.ts

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

package/portal/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as f}from"@primereact/core/headless";import{useMountEffect as d,useUnmountEffect as i,useUpdateEffect as m}from"@primereact/hooks";import{isClient as n}from"@primeuix/utils";import*as u from"react";var o={visible:!1,onMounted:void 0,onUnmounted:void 0};var P=f({name:"usePortal",defaultProps:o,setup({props:e}){let[t,r]=u.useState(e.visible&&n());return d(()=>{n()&&!t&&(r(!0),e.onMounted&&e.onMounted())}),m(()=>{e.onMounted&&e.onMounted()},[t]),i(()=>{e.onUnmounted&&e.onUnmounted()}),{mountedState:t}}});export{o as defaultProps,P as usePortal};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as t}from"@primereact/core/headless";import{useMounted as r}from"@primereact/hooks";var o={onMounted:void 0,onUnmounted:void 0};var a=t({name:"usePortal",defaultProps:o,setup({props:e}){return{state:{mounted:r({onMounted:e.onMounted,onUnmounted:e.onUnmounted})}}}});export{o as defaultProps,a as usePortal};

package/portal/usePortal.d.ts

@@ -1,3 +1,5 @@
-export declare const usePortal: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/portal").usePortalProps, unknown, {
-    mountedState: boolean | undefined;
+export declare const usePortal: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/portal").UsePortalProps, unknown, {
+    state: {
+        mounted: boolean;
+    };
 }>;

package/portal/usePortal.props.d.ts

@@ -1,2 +1,2 @@
-import type { usePortalProps } from '@primereact/types/shared/portal';
-export declare const defaultProps: usePortalProps;
+import type { UsePortalProps } from '@primereact/types/headless/portal';
+export declare const defaultProps: UsePortalProps;

package/positioner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './usePositioner';
+export * from './usePositioner.props';
+export type * from '@primereact/types/headless/positioner';

package/positioner/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as xt}from"@primereact/core/headless";import{useDirection as bt}from"@primereact/hooks/use-direction";import{getScrollableParents as wt,isRTL as N}from"@primeuix/utils/dom";import{ZIndex as mt}from"@primeuix/utils/zindex";import*as h from"react";function ot(e,t,a=!1){let n=e.left+e.width/2,p=e.top+e.height/2,s=t.left+t.width/2,l=t.top+t.height/2,u=s-n,f=l-p,S={top:e.top-t.bottom,bottom:t.top-e.bottom,left:e.left-t.right,right:t.left-e.right},y=Object.entries(S).filter(([,O])=>O>=0),T=y.length>0?y.sort((O,k)=>O[1]-k[1])[0][0]:Math.abs(u)>Math.abs(f)?u>0?"right":"left":f>0?"bottom":"top",$=4,w="center";if(T==="top"||T==="bottom"){let O=a?"end":"start",k=a?"start":"end";Math.abs(t.left-e.left)<=$?w=O:Math.abs(t.right-e.right)<=$&&(w=k)}else Math.abs(t.top-e.top)<=$?w="start":Math.abs(t.bottom-e.bottom)<=$&&(w="end");return{side:T,align:w}}function rt(e,t,a,n,p,s,l,u=!1){let f={left:"",right:"",top:"",bottom:"",marginTop:"",marginRight:"",marginBottom:"",marginLeft:"",positionTryFallbacks:""};f.positionArea=e??"";let S={top:"marginBottom",bottom:"marginTop",left:"marginRight",right:"marginLeft"};return a&&(f[S[e]]=`${a}px`),t!=="center"&&(e==="top"||e==="bottom"?(u?t==="start"?"end":"start":t)==="start"?f.left=`calc(anchor(left) + ${n}px)`:f.right=`calc(anchor(right) - ${n}px)`:t==="start"?f.top=`calc(anchor(start) + ${n}px)`:f.bottom=`calc(anchor(end) - ${n}px)`),(p||s)&&(f.positionTryFallbacks="flip-block, flip-inline, flip-block flip-inline"),l?f.positionVisibility="anchors-visible":f.positionVisibility="always",f}import{isCssSupported as ht}from"@primeuix/utils";var _=null;function I(){return _===null&&(_=ht("anchor-name","--a")),_}function V(e,t,a){return Math.min(Math.max(e,t),a)}function nt(e){if(e){let t=e.getBoundingClientRect();return{x:t.left,y:t.top,width:t.width,height:t.height}}return{x:0,y:0,width:window.innerWidth,height:window.innerHeight}}function it(e,t){let a=e.offsetWidth||t.width,n=e.offsetHeight||t.height;if(!a||!n)return t;let p=t.width/a||1,s=t.height/n||1,l=t.left-(a*p-a)/2,u=t.top-(n*s-n)/2;return{left:l,top:u,width:a,height:n}}function G(e,t,a,n,p,s,l){let u=s/2;return l?e==="top"?`${t}px calc(${p}px + ${u}px)`:e==="bottom"?`${t}px calc(0px - ${u}px)`:e==="left"?`calc(${n}px + ${u}px) ${a}px`:`calc(0px - ${u}px) ${a}px`:`${t}px ${a}px`}var gt={top:"bottom",bottom:"top",left:"right",right:"left"};function st(e,t,a,n,p,s,l,u=!1){let f=0,S=0,y=n==="top"||n==="bottom",T=y&&u?p==="start"?"end":p==="end"?"start":"center":p;return n==="top"?S=e.y-a-s:n==="bottom"?S=e.y+e.height+s:n==="left"?f=e.x-t-s:f=e.x+e.width+s,y?T==="start"?f=e.x+l:T==="end"?f=e.x+e.width-t-l:f=e.x+(e.width-t)/2:p==="start"?S=e.y+l:p==="end"?S=e.y+e.height-a-l:S=e.y+(e.height-a)/2,{x:f,y:S}}function at(e,t,a,n,p,s){let l=gt[n],u={top:e.y-s.y-p,bottom:s.y+s.height-(e.y+e.height)-p,left:e.x-s.x-p,right:s.x+s.width-(e.x+e.width)-p},f=n==="top"||n==="bottom"?a:t;return u[n]>=f?n:u[l]>=f||u[l]>u[n]?l:n}var yt=5;function lt(e,t,a,n,p,s,l=yt){return p==="top"||p==="bottom"?e=V(e,s.x+l,s.x+s.width-a-l):t=V(t,s.y+l,s.y+s.height-n-l),{x:e,y:t}}function ct(e,t,a,n,p,s,l){let u=s/2,f=Math.max(8,u),S=l==="top"||l==="bottom",y=e.x+e.width/2,T=e.y+e.height/2,$,w;return S?($=V(y-t,f,n-f),w=l==="bottom"?0:p):($=l==="right"?0:n,w=V(T-a,f,p-f)),{arrowX:$,arrowY:w,arrowLeft:$-u,arrowTop:w-u}}function ft(e,t){return e.x+e.width<=t.x||e.y+e.height<=t.y||e.x>=t.x+t.width||e.y>=t.y+t.height}function pt(e,t,a,n,p,s,l=!1){if(s==="top"||s==="bottom"){let S=l?"end":"start",y=l?"start":"end";if(Math.abs(e-a.x)<=4)return S;if(Math.abs(e+n-(a.x+a.width))<=4)return y}else{if(Math.abs(t-a.y)<=4)return"start";if(Math.abs(t+p-(a.y+a.height))<=4)return"end"}return"center"}var dt={side:"bottom",align:"center",sideOffset:void 0,alignOffset:0,flip:!0,shift:!0,hideWhenDetached:!1,strategy:"fixed",boundary:void 0,anchor:void 0,content:void 0,arrow:void 0,autoZIndex:!0,baseZIndex:0,onPlacementChange:void 0};var Dt=xt({name:"usePositioner",defaultProps:dt,setup({id:e,props:t,$primereact:a}){let[n,p]=h.useState(),[s,l]=h.useState(),u=bt(),f=`--positioner-trigger-${e}`,S=`--positioner-content-${e}`,y=h.useRef(t);y.current=t;let T=h.useRef(n);T.current=n;let $=h.useCallback(()=>{let r=y.current,i=r.arrow;if(!i)return 0;let o=window.getComputedStyle(i),d=T.current??r.side,c=d==="top"||d==="bottom"?parseFloat(o.height||"0")||i.offsetHeight:parseFloat(o.width||"0")||i.offsetWidth,m=parseFloat(o.borderTopWidth||"0");return Math.ceil(c/2+m)},[]),w=h.useCallback(()=>{let r=y.current;return r.sideOffset!=null?r.sideOffset:r.arrow?$():0},[$]),O=h.useRef(t.side),k=h.useRef(t.align);(O.current!==t.side||k.current!==t.align)&&(O.current=t.side,k.current=t.align,p(void 0),l(void 0));let J=h.useCallback(()=>{let r=y.current,i=T.current??r.side,o=s??r.align,d=i==="top"||i==="bottom",x={top:"bottom",bottom:"top",left:"right",right:"left"}[i],c;if(d){let m=N(r.content??r.anchor);c=o==="start"?m?"right":"left":o==="end"?m?"left":"right":"center"}else c=o==="start"?"top":o==="end"?"bottom":"center";return`${c} ${x}`},[s]),K=h.useCallback(()=>{if(!I())return{};let r=y.current,i=N(r.content??r.anchor);return rt(r.side,r.align,w(),r.alignOffset,r.flip,r.shift,r.hideWhenDetached,i)},[w]),Q=h.useCallback(()=>{let r=y.current,i=r.anchor,o=r.content;if(!i||!o)return;let d=i.getBoundingClientRect(),x=o.getBoundingClientRect(),c=it(o,x),{side:m,align:P}=ot(d,x,N(i));o.dataset.side!==m&&(o.dataset.side=m),o.dataset.align!==P&&(o.dataset.align=P),r.arrow&&(r.arrow.dataset.side!==m&&(r.arrow.dataset.side=m),r.arrow.dataset.align!==P&&(r.arrow.dataset.align=P)),p(v=>v===m?v:m),l(v=>v===P?v:P);let M=w(),H=window.innerWidth,C=window.innerHeight,j=m==="top"||m==="bottom",q=j?m==="bottom"?C-(d.bottom+M):d.top-M:C,b=j?H:m==="right"?H-(d.right+M):d.left-M;o.style.setProperty("--px-available-height",`${Math.max(0,q)}px`),o.style.setProperty("--px-available-width",`${Math.max(0,b)}px`);let R=d.left+d.width/2,L=d.top+d.height/2,E=r.arrow;if(E){let v=window.getComputedStyle(E),D=parseFloat(v.width||"0")||parseFloat(v.height||"0")||0,X=Math.max(E.offsetWidth,E.offsetHeight,D),Y=X/2,z=Math.max(8,Y),A=V(R-c.left,z,c.width-z),g=V(L-c.top,z,c.height-z),W=A-Y,B=g-Y;o.style.setProperty("--px-placer-arrow-x",`${A}px`),o.style.setProperty("--px-placer-arrow-y",`${g}px`),o.style.setProperty("--px-placer-arrow-left",`${W}px`),o.style.setProperty("--px-placer-arrow-top",`${B}px`);let F=G(m,A,g,c.width,c.height,X,!0);o.style.setProperty("--px-transform-origin",F)}else{let v=R-c.left,D=L-c.top;o.style.removeProperty("--px-placer-arrow-x"),o.style.removeProperty("--px-placer-arrow-y"),o.style.removeProperty("--px-placer-arrow-left"),o.style.removeProperty("--px-placer-arrow-top"),o.style.setProperty("--px-transform-origin",`${v}px ${D}px`)}},[w]),tt=h.useCallback(()=>{let r=y.current,i=r.anchor,o=r.content;if(!i||!o)return;let d=nt(r.boundary),x=i.getBoundingClientRect(),c={x:x.left,y:x.top,width:x.width,height:x.height},m=o.offsetWidth,P=o.offsetHeight,M=r.side,H=r.align,C=w(),j=r.alignOffset??0,q=N(i);if(r.hideWhenDetached&&ft(c,d)){o.style.visibility="hidden";return}else o.style.visibility="";let b=M;r.flip&&(b=at(c,m,P,M,C,d));let{x:R,y:L}=st(c,m,P,b,H,C,j,q),E=H;if(r.shift){let g=lt(R,L,m,P,b,d);R=g.x,L=g.y,E=pt(R,L,c,m,P,b,q)}if(r.strategy==="absolute"){let g=o.offsetParent||document.documentElement,W=g.getBoundingClientRect();R=R-W.left+g.scrollLeft,L=L-W.top+g.scrollTop}let v=window.innerWidth,D=window.innerHeight,X=b==="top"||b==="bottom",Y=X?b==="bottom"?D-(c.y+c.height+C):c.y-C:D,z=X?v:b==="right"?v-(c.x+c.width+C):c.x-C;o.style.setProperty("--px-available-height",`${Math.max(0,Y)}px`),o.style.setProperty("--px-available-width",`${Math.max(0,z)}px`),o.style.top=`${L}px`,o.style.left=`${R}px`,o.dataset.side!==b&&(o.dataset.side=b),o.dataset.align!==E&&(o.dataset.align=E);let A=r.arrow;if(A&&(A.dataset.side!==b&&(A.dataset.side=b),A.dataset.align!==E&&(A.dataset.align=E)),p(g=>g===b?g:b),l(g=>g===E?g:E),A){let g=window.getComputedStyle(A),W=parseFloat(g.width||"0")||parseFloat(g.height||"0")||0,B=Math.max(A.offsetWidth,A.offsetHeight,W),F=ct(c,R,L,m,P,B,b);o.style.setProperty("--px-placer-arrow-x",`${F.arrowX}px`),o.style.setProperty("--px-placer-arrow-y",`${F.arrowY}px`),o.style.setProperty("--px-placer-arrow-left",`${F.arrowLeft}px`),o.style.setProperty("--px-placer-arrow-top",`${F.arrowTop}px`);let ut=G(b,F.arrowX,F.arrowY,m,P,B,!0);o.style.setProperty("--px-transform-origin",ut)}else{let g=c.x+c.width/2,W=c.y+c.height/2,B=g-R,F=W-L;o.style.removeProperty("--px-placer-arrow-x"),o.style.removeProperty("--px-placer-arrow-y"),o.style.removeProperty("--px-placer-arrow-left"),o.style.removeProperty("--px-placer-arrow-top"),o.style.setProperty("--px-transform-origin",`${B}px ${F}px`)}},[w]),U=h.useCallback(()=>{let r=y.current,i=r.anchor,o=r.content;if(!i||!o)return;let d=i.getBoundingClientRect().width;o.style.setProperty("--px-positioner-anchor-width",`${d}px`),I()?Q():tt()},[Q,tt]),Z=h.useRef(U);Z.current=U,h.useEffect(()=>{let r=t.anchor,i=t.content;if(!r||!i)return;let o=t.strategy??"fixed";return I()?(Object.assign(i.style,{position:o,positionAnchor:f,anchorName:S,...K(),"--px-transform-origin":J()}),Object.assign(r.style,{anchorName:f})):Object.assign(i.style,{position:o,top:"0",left:"0",margin:"0"}),()=>{i.style.position="",i.style.top="",i.style.left="",i.style.right="",i.style.bottom="",i.style.margin="",i.style.visibility="",["--px-transform-origin","--px-positioner-anchor-width","--px-available-height","--px-available-width","--px-placer-arrow-x","--px-placer-arrow-y","--px-placer-arrow-left","--px-placer-arrow-top"].forEach(d=>i.style.removeProperty(d)),I()&&(["position-anchor","anchor-name","position-area","position-try-fallbacks","position-visibility"].forEach(d=>i.style.removeProperty(d)),i.style.marginTop="",i.style.marginRight="",i.style.marginBottom="",i.style.marginLeft="",r.style.removeProperty("anchor-name"))}},[t.anchor,t.content,t.strategy,t.side,t.align,t.sideOffset,t.alignOffset,t.flip,t.shift,t.hideWhenDetached,u]),h.useEffect(()=>{if(t.content)return t.autoZIndex&&mt.set("overlay",t.content,(t.baseZIndex??0)+(a.config?.zIndex?.overlay??1e3)),()=>{t.autoZIndex&&t.content&&mt.clear(t.content)}},[t.content,t.autoZIndex,t.baseZIndex,a.config?.zIndex?.overlay]),h.useLayoutEffect(()=>{if(!t.anchor||!t.content)return;let r=0,i=0,o=!1,d=!1,x=()=>{o||d||(o=!0,r=requestAnimationFrame(()=>{o=!1,d||Z.current()}))},c=new ResizeObserver(x);t.anchor instanceof Element&&c.observe(t.anchor),t.content instanceof Element&&c.observe(t.content),window.addEventListener("resize",x,{passive:!0});let m=null;if(I())window.addEventListener("scroll",x,{capture:!0,passive:!0});else{m=wt(t.anchor);for(let C of m)C.addEventListener("scroll",x,{passive:!0})}let P=I()?5:3,M=0,H=()=>{d||(Z.current(),M+=1,M<P&&(i=requestAnimationFrame(H)))};return i=requestAnimationFrame(H),()=>{if(d=!0,window.removeEventListener("resize",x),I())window.removeEventListener("scroll",x,{capture:!0});else if(m)for(let C of m)C.removeEventListener("scroll",x);c.disconnect(),cancelAnimationFrame(r),cancelAnimationFrame(i)}},[t.anchor,t.content]),h.useEffect(()=>{!t.anchor||!t.content||Z.current()},[t.anchor,t.content,t.arrow,t.side,t.align,t.sideOffset,t.alignOffset,t.flip,t.shift,t.hideWhenDetached,t.boundary,t.strategy,u]);let et=h.useRef(t.onPlacementChange);return et.current=t.onPlacementChange,h.useEffect(()=>{n!==void 0&&s!==void 0&&et.current?.({side:n,align:s})},[n,s]),{state:{actualSide:n,actualAlign:s},getTransformOrigin:J,computePosition:K,updatePlacement:U}}});export{dt as defaultProps,Dt as usePositioner};

package/positioner/usePositioner.anchor.d.ts

@@ -0,0 +1,7 @@
+import { AlignType, SideType } from '@primereact/types/headless/positioner';
+export declare function getPlacementFromRects(triggerRect: DOMRect, contentRect: DOMRect, isRtl?: boolean): {
+    side: SideType;
+    align: AlignType;
+};
+export type CSSPositionStyle = Record<string, string | undefined>;
+export declare function computeCSSPosition(side?: SideType, align?: AlignType, sideOffset?: number, alignOffset?: number, flip?: boolean, shift?: boolean, hideWhenDetached?: boolean, isRtl?: boolean): CSSPositionStyle;

package/positioner/usePositioner.d.ts

@@ -0,0 +1,11 @@
+import { AlignType, SideType } from '@primereact/types/headless/positioner';
+import * as React from 'react';
+export declare const usePositioner: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/positioner").UsePositionerProps, unknown, {
+    state: {
+        actualSide: SideType | undefined;
+        actualAlign: AlignType | undefined;
+    };
+    getTransformOrigin: () => string;
+    computePosition: () => React.CSSProperties;
+    updatePlacement: () => void;
+}>;

package/positioner/usePositioner.fallback.d.ts

@@ -0,0 +1,13 @@
+import { AlignType, SideType } from '@primereact/types/headless/positioner';
+import { ComputedCoords, Rect } from './usePositioner.utils';
+export declare function computeCoordsFromPlacement(anchorRect: Rect, contentWidth: number, contentHeight: number, side: SideType, align: AlignType, sideOffset: number, alignOffset: number, isRtl?: boolean): ComputedCoords;
+export declare function getFlippedSide(anchorRect: Rect, contentWidth: number, contentHeight: number, side: SideType, sideOffset: number, boundary: Rect): SideType;
+export declare function shiftCoords(x: number, y: number, contentWidth: number, contentHeight: number, side: SideType, boundary: Rect, padding?: number): ComputedCoords;
+export declare function computeArrowPosition(anchorRect: Rect, contentX: number, contentY: number, contentWidth: number, contentHeight: number, arrowSize: number, side: SideType): {
+    arrowX: number;
+    arrowY: number;
+    arrowLeft: number;
+    arrowTop: number;
+};
+export declare function isAnchorDetached(anchorRect: Rect, boundary: Rect): boolean;
+export declare function deriveAlignFromCoords(x: number, y: number, anchorRect: Rect, contentWidth: number, contentHeight: number, side: SideType, isRtl?: boolean): AlignType;

package/positioner/usePositioner.props.d.ts

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

package/positioner/usePositioner.utils.d.ts

@@ -0,0 +1,21 @@
+import { SideType } from '@primereact/types/headless/positioner';
+export declare function isCssAnchorSupported(): boolean;
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ComputedCoords {
+    x: number;
+    y: number;
+}
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function getBoundaryRect(boundary?: HTMLElement | null): Rect;
+export declare function getLayoutRect(element: HTMLElement, rect: DOMRect): DOMRect | {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export declare function computeTransformOrigin(side: SideType, arrowX: number, arrowY: number, contentWidth: number, contentHeight: number, arrowSize: number, hasArrow: boolean): string;

package/progressbar/index.d.ts

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

package/progressbar/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as l}from"@primereact/core/headless";import*as n from"react";var u={value:void 0,max:100,min:0,formatter:e=>new Intl.NumberFormat(void 0,{minimumFractionDigits:0,maximumFractionDigits:2}).format(e)+"%"};var h=l({name:"useProgressBar",defaultProps:u,setup({props:e}){let i=t=>{var o,s;let r=(o=e.min)!=null?o:0,m=(s=e.max)!=null?s:100;if(r>=m)return console.error("[ProgressBar] min must be less than max."),0;let d=(Math.min(Math.max(t!=null?t:r,r),m)-r)/(m-r)*100;return Math.min(Math.max(d,0),100)},a=n.useMemo(()=>i(e.value),[e.value,e.min,e.max]),c=n.useMemo(()=>{var t;return(t=e.formatter)==null?void 0:t.call(e,a)},[a,e.formatter]);return{state:{computedValue:a,formattedValue:c}}}});export{u as defaultProps,h as useProgressBar};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as f}from"@primereact/core/headless";import*as s from"react";var o={value:void 0,max:100,min:0,formatter:e=>new Intl.NumberFormat(void 0,{minimumFractionDigits:0,maximumFractionDigits:2}).format(e)+"%"};var V=f({name:"useProgressBar",defaultProps:o,setup({props:e}){let m=l=>{let a=e.min??0,t=e.max??100;if(a>=t)return console.error("[ProgressBar] min must be less than max."),0;let d=(Math.min(Math.max(l??a,a),t)-a)/(t-a)*100;return Math.min(Math.max(d,0),100)},r=s.useMemo(()=>m(e.value),[e.value,e.min,e.max]),n=s.useMemo(()=>e.formatter?.(r),[r,e.formatter]),u={computedValue:r,formattedValue:n},c={"data-scope":"progressbar","data-part":"root"},i={"data-scope":"progressbar","data-part":"track",role:"progressbar","aria-valuemin":e.min??0,"aria-valuenow":r,"aria-valuemax":e.max??100};return{state:u,rootProps:c,trackProps:i}}});export{o as defaultProps,V as useProgressBar};

package/progressbar/useProgressBar.d.ts

@@ -1,6 +1,18 @@
-export declare const useProgressBar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/progressbar").useProgressBarProps, unknown, {
+export declare const useProgressBar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/progressbar").UseProgressBarProps, unknown, {
     state: {
         computedValue: number;
         formattedValue: string | undefined;
     };
+    rootProps: {
+        'data-scope': "progressbar";
+        'data-part': "root";
+    };
+    trackProps: {
+        'data-scope': "progressbar";
+        'data-part': "track";
+        role: "progressbar";
+        'aria-valuemin': number;
+        'aria-valuenow': number;
+        'aria-valuemax': number;
+    };
 }>;

package/progressbar/useProgressBar.props.d.ts

@@ -1,2 +1,2 @@
-import type { useProgressBarProps } from '@primereact/types/shared/progressbar';
-export declare const defaultProps: useProgressBarProps;
+import type { UseProgressBarProps } from '@primereact/types/headless/progressbar';
+export declare const defaultProps: UseProgressBarProps;

package/progressspinner/index.d.ts

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

package/progressspinner/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var t=e({name:"useProgressSpinner",defaultProps:r});export{r as defaultProps,t as useProgressSpinner};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as y}from"@primereact/core/headless";var m={value:null,min:0,max:100,strokeWidth:4};var r=100,a=r/2,$=y({name:"useProgressSpinner",defaultProps:m,setup({props:t}){let s=t.min??0,o=t.max??100,n=t.strokeWidth??4,c=(r-n)/2,i=2*Math.PI*c,e=t.value==null,d=e?0:Math.min(Math.max(t.value,s),o),p=e?0:(d-s)/(o-s)*100,l=e?"indeterminate":"determinate",u=`${i}`,f=e?void 0:`${i-p/100*i}`,g={value:t.value??null,percent:p,indeterminate:e},x={"data-scope":"progress","data-part":"root","data-state":l,...e?{}:{"data-value":d},role:"progressbar","aria-valuemin":s,"aria-valuemax":o,"aria-valuenow":e?void 0:d,...t.disabled?{"data-disabled":""}:{}},h={"data-scope":"progress","data-part":"circle",viewBox:`0 0 ${r} ${r}`},P={"data-scope":"progress","data-part":"circleTrack","data-state":l,cx:a,cy:a,r:c,fill:"none",strokeWidth:n},v={"data-scope":"progress","data-part":"circleRange","data-state":l,cx:a,cy:a,r:c,fill:"none",strokeWidth:n,...e?{}:{strokeDasharray:u,strokeDashoffset:f,strokeLinecap:"round",style:{transformOrigin:"center",transform:"rotate(-90deg)"}}};return{state:g,rootProps:x,circleProps:h,circleTrackProps:P,circleRangeProps:v}}});export{m as defaultProps,$ as useProgressSpinner};

package/progressspinner/useProgressSpinner.d.ts

@@ -1 +1,50 @@
-export declare const useProgressSpinner: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/progressspinner").useProgressSpinnerProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useProgressSpinner: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/progressspinner").UseProgressSpinnerProps, unknown, {
+    state: {
+        value: number | null;
+        percent: number;
+        indeterminate: boolean;
+    };
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        role: "progressbar";
+        'aria-valuemin': number;
+        'aria-valuemax': number;
+        'aria-valuenow': number | undefined;
+        'data-value'?: number | undefined;
+        'data-scope': "progress";
+        'data-part': "root";
+        'data-state': "indeterminate" | "determinate";
+    };
+    circleProps: {
+        'data-scope': "progress";
+        'data-part': "circle";
+        viewBox: string;
+    };
+    circleTrackProps: {
+        'data-scope': "progress";
+        'data-part': "circleTrack";
+        'data-state': "indeterminate" | "determinate";
+        cx: number;
+        cy: number;
+        r: number;
+        fill: string;
+        strokeWidth: number;
+    };
+    circleRangeProps: {
+        strokeDasharray?: string | undefined;
+        strokeDashoffset?: string | undefined;
+        strokeLinecap?: "round" | undefined;
+        style?: {
+            transformOrigin: string;
+            transform: string;
+        } | undefined;
+        'data-scope': "progress";
+        'data-part': "circleRange";
+        'data-state': "indeterminate" | "determinate";
+        cx: number;
+        cy: number;
+        r: number;
+        fill: string;
+        strokeWidth: number;
+    };
+}>;

package/progressspinner/useProgressSpinner.props.d.ts

@@ -1,2 +1,2 @@
-import type { useProgressSpinnerProps } from '@primereact/types/shared/progressspinner';
-export declare const defaultProps: useProgressSpinnerProps;
+import type { UseProgressSpinnerProps } from '@primereact/types/headless/progressspinner';
+export declare const defaultProps: UseProgressSpinnerProps;

package/radiobutton/index.d.ts

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

package/radiobutton/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as u}from"@primereact/core/headless";import{useControlledState as s}from"@primereact/hooks/use-controlled-state";var a={checked:void 0,defaultChecked:void 0,onCheckedChange:void 0};var C=u({name:"useRadioButton",defaultProps:a,setup:({props:e})=>{var o;let[t,d]=s({value:e.checked,defaultValue:(o=e.defaultChecked)!=null?o:!1,onChange:e.onCheckedChange});return{state:{checked:t},onChange:r=>{let n=!t;d([n,{originalEvent:r,checked:n}])}}}});export{a as defaultProps,C as useRadioButton};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as b}from"@primereact/core/headless";import{useControlledState as f}from"@primereact/hooks/use-controlled-state";var t={checked:void 0,defaultChecked:void 0,inputId:void 0,value:void 0,name:void 0,disabled:void 0,readOnly:void 0,required:void 0,tabIndex:void 0,invalid:void 0,ariaLabelledby:void 0,ariaLabel:void 0,onFocus:void 0,onBlur:void 0,onCheckedChange:void 0};var C=b({name:"useRadioButton",defaultProps:t,setup:({props:e})=>{let[d,i]=f({value:e.checked,defaultValue:e.defaultChecked??!1,onChange:e.onCheckedChange}),o={checked:d},a=s=>{let n=!d;i([n,{originalEvent:s,checked:n}])},u={"data-scope":"radiobutton","data-part":"input",id:e.inputId,type:"radio",value:e.value,name:e.name,checked:d,tabIndex:e.tabIndex,disabled:e.disabled,readOnly:e.readOnly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-invalid":e.invalid||void 0,[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""},onFocus:e.onFocus,onBlur:e.onBlur,onChange:e.readOnly?void 0:a},c={"data-scope":"radiobutton","data-part":"box",[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},l={"data-scope":"radiobutton","data-part":"indicator",[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},r={"data-scope":"radiobutton","data-part":"root",[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}};return{state:o,rootProps:r,inputProps:u,boxProps:c,indicatorProps:l,onChange:a}}});export{t as defaultProps,C as useRadioButton};

package/radiobutton/useRadioButton.d.ts

@@ -1,7 +1,45 @@
-import type { useRadioButtonChangeEvent } from '@primereact/types/shared/radiobutton';
-export declare const useRadioButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/radiobutton").useRadioButtonProps, unknown, {
+export declare const useRadioButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/radiobutton").UseRadioButtonProps, unknown, {
     state: {
         checked: boolean | undefined;
     };
-    onChange: (event: useRadioButtonChangeEvent) => 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/radiobutton/useRadioButton.props.d.ts

@@ -1,2 +1,2 @@
-import type { useRadioButtonProps } from '@primereact/types/shared/radiobutton';
-export declare const defaultProps: useRadioButtonProps;
+import type { UseRadioButtonProps } from '@primereact/types/headless/radiobutton';
+export declare const defaultProps: UseRadioButtonProps;

package/radiobuttongroup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useRadioButtonGroup';
+export * from './useRadioButtonGroup.props';
+export type * from '@primereact/types/headless/radiobuttongroup';

package/radiobuttongroup/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as d}from"@primereact/core/headless";import{useControlledState as l}from"@primereact/hooks/use-controlled-state";import*as s from"react";var u={value:void 0,defaultValue:void 0,onValueChange:void 0};var h=d({name:"useRadioButtonGroup",defaultProps:u,setup:({props:e})=>{let[t,a]=l({value:e.value,defaultValue:e.defaultValue,onChange:e.onValueChange}),n={value:t},p=s.useCallback(o=>{let r=o.checked?o.value:void 0;a?.([r,{originalEvent:o.originalEvent,value:r}])},[t,a]);return{state:n,rootProps:{"data-scope":"radiobuttongroup","data-part":"root"},updateChange:p}}});export{u as defaultProps,h as useRadioButtonGroup};

package/radiobuttongroup/useRadioButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import type { UseRadioButtonGroupExposes } from '@primereact/types/headless/radiobuttongroup';
+export declare const useRadioButtonGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/radiobuttongroup").UseRadioButtonGroupProps, unknown, {
+    state: {
+        value: unknown;
+    };
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    updateChange: (event: Parameters<UseRadioButtonGroupExposes["updateChange"]>[0]) => void;
+}>;

package/radiobuttongroup/useRadioButtonGroup.props.d.ts

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

package/rating/index.d.ts

@@ -1,2 +1,5 @@
 export * from './useRating';
 export * from './useRating.props';
+export * from './useRatingOption';
+export * from './useRatingOption.props';
+export type * from '@primereact/types/headless/rating';

package/rating/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as O}from"@primereact/core/headless";import{focus as S,getFirstFocusableElement as y}from"@primeuix/utils";import*as u from"react";var b={value:void 0,defaultValue:void 0,stars:5,disabled:!1,readOnly:!1,allowHalf:!0,onValueChange:void 0};var B=O({name:"useRating",defaultProps:b,setup:({props:t,elementRef:h})=>{var R,v,V;let{readOnly:d,disabled:m}=t,[s,f]=u.useState(t.allowHalf?(R=t.defaultValue)!=null?R:t.value:Math.ceil((V=(v=t.defaultValue)!=null?v:t.value)!=null?V:0)),[c,E]=u.useState(void 0),[H,o]=u.useState(void 0),[M,r]=u.useState(!1),g=u.useRef(void 0),I={value:s,hoverValue:c,focusedOptionIndex:H,isFocusVisibleItem:M},F=n=>{var i;let e=parseFloat(n.target.value),a=Math.ceil(e);o(a);let l=n.nativeEvent;r(((i=l.sourceCapabilities)==null?void 0:i.firesTouchEvents)===!1)},T=n=>{var a;let e=n.relatedTarget;e&&((a=h.current)!=null&&a.contains(e))||o(void 0)},w=n=>{f(Number(n.target.value));let e=parseFloat(n.target.value),a=Math.ceil(e);o(a),r(!0)},x=(n,e)=>{if(d||m)return;let a=t.allowHalf?e:Math.ceil(e!=null?e:0);g.current===a&&E(void 0),f(i=>i===a?void 0:a),r(!1);let l=y(n.currentTarget);l&&l instanceof HTMLElement&&S(l)},C=(n,e)=>{if(d||m)return;o(void 0);let a=e?t.allowHalf?e:Math.ceil(e!=null?e:0):void 0;E(a),g.current=a},L=n=>{var i;let e=(i=c!=null?c:s)!=null?i:0,a=Math.floor(e),l="empty";return n<=a?l="filled":n===a+1&&!Number.isInteger(e)&&(l="half"),l};return u.useEffect(()=>{var n;(n=t==null?void 0:t.onValueChange)==null||n.call(t,{value:s,originalEvent:null})},[s]),u.useEffect(()=>{var n,e,a;f(t.allowHalf?(n=t.defaultValue)!=null?n:t.value:Math.ceil((a=(e=t.defaultValue)!=null?e:t.value)!=null?a:0))},[t.value,t.defaultValue,t.allowHalf]),{state:I,onInputFocus:F,onInputBlur:T,onInputChange:w,getOptionState:L,onOptionClick:x,onOptionHover:C}}});export{b as defaultProps,B as useRating};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as w}from"@primereact/core/headless";import{useControlledState as k}from"@primereact/hooks";import{isRTL as x}from"@primeuix/utils";import*as i from"react";var V={value:void 0,defaultValue:void 0,allowHalf:!0,name:void 0,orientation:"horizontal",disabled:void 0,readOnly:void 0,invalid:void 0,onValueChange:void 0};var N=w({name:"useRating",defaultProps:V,setup({props:e}){let[t,n]=k({value:e.value,defaultValue:e.defaultValue,onChange:e.onValueChange}),[l,c]=i.useState(!1),[r,u]=i.useState(0),R=i.useId(),f=e.name??R,g=i.useRef(!1),b=i.useCallback((o,a)=>n([a,{originalEvent:o,value:a}]),[n]),d=i.useCallback(()=>{!e.disabled&&!e.readOnly&&!l&&c(!0)},[e.disabled,e.readOnly,l]),v=i.useCallback(()=>{!e.disabled&&!e.readOnly&&c(!1)},[e.disabled,e.readOnly]),h=i.useCallback((o,a,H)=>{if(e.allowHalf&&a){let m=a.getBoundingClientRect();return(e.orientation==="vertical"?o.clientY<m.top+m.height/2:x(a)?o.clientX>m.left+m.width/2:o.clientX<m.left+m.width/2)?H+.5:H+1}return H+1},[e.allowHalf,e.orientation]),y={value:t??0,hovering:l,hoveringValue:r},P={"data-scope":"rating","data-part":"root","data-orientation":e.orientation??"horizontal",...e.disabled&&{"data-disabled":""},...e.readOnly&&{"data-readonly":""},...e.invalid&&{"data-invalid":""},onPointerEnter:()=>{if(e.disabled||e.readOnly)return;let o=document.activeElement;o?.type==="radio"&&o.name===f&&(g.current=!0,o.blur(),g.current=!1),d()},onPointerMove:()=>{!e.disabled&&!e.readOnly&&!l&&d()},onPointerLeave:()=>{v()},onFocusCapture:o=>{if(e.disabled||e.readOnly)return;let a=o.target;a.type==="radio"&&a.name===f&&(u(parseFloat(a.value)),d())},onBlurCapture:o=>{e.disabled||e.readOnly||g.current||o.currentTarget.contains(o.relatedTarget)||v()}},O={"data-scope":"rating","data-part":"option","data-orientation":e.orientation??"horizontal",...e.disabled&&{"data-disabled":""},...e.readOnly&&{"data-readonly":""},...e.invalid&&{"data-invalid":""}},p={"data-scope":"rating","data-part":"option-on","data-orientation":e.orientation??"horizontal",...e.disabled&&{"data-disabled":""},...e.readOnly&&{"data-readonly":""},...e.invalid&&{"data-invalid":""}},C={"data-scope":"rating","data-part":"option-off","data-orientation":e.orientation??"horizontal",...e.disabled&&{"data-disabled":""},...e.readOnly&&{"data-readonly":""},...e.invalid&&{"data-invalid":""}};return{state:y,inputName:f,rootProps:P,updateValue:b,setHoveringValue:u,resolvePointerValue:h,optionProps:O,onProps:p,offProps:C}}});import{withHeadless as M}from"@primereact/core/headless";import*as s from"react";var E={index:0,context:void 0};var S={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",borderWidth:0},Y=M({name:"useRatingOption",defaultProps:E,setup({props:e}){let t=e.context,n=e.index,l=s.useRef(null),c=t?.state.value??0,r=t?.state.hovering?t?.state.hoveringValue:c,u=n>=0&&r>n,R=u&&!!t?.props.allowHalf&&r===n+.5,f=n>=0&&(r===n+1||!!t?.props.allowHalf&&r===n+.5),g={highlighted:u,half:R,checked:f,activeValue:r},b={"data-index":n,...u&&{"data-highlighted":""},...R&&{"data-half":""},...f&&{"data-checked":""}},d=s.useCallback(a=>{!t?.props.disabled&&!t?.props.readOnly&&t?.setHoveringValue(t.resolvePointerValue(a,l.current,n))},[t,n]),v=s.useCallback(a=>{!t?.props.disabled&&!t?.props.readOnly&&t?.updateValue(a,t.resolvePointerValue(a,l.current,n))},[t,n]),h=s.useCallback(a=>{a.preventDefault()},[]),y={onMouseDown:h,onPointerMove:d,onClick:v},P={onMouseDown:h,onPointerMove:d,onClick:v},O=s.useCallback(a=>{!t?.props.disabled&&!t?.props.readOnly&&t?.updateValue(a,parseFloat(a.target.value))},[t]),p={type:"radio",name:t?.inputName,onChange:O,disabled:!!t?.props.disabled,"aria-readonly":t?.props.readOnly||void 0,style:S},C=t?.props.allowHalf?{...p,value:n+.5,checked:c===n+.5}:null,o={...p,value:n+1,checked:c===n+1};return{state:g,optionRef:l,optionProps:b,onIconProps:y,offIconProps:P,halfInputProps:C,fullInputProps:o,onPointerMove:d,onClick:v,onMouseDown:h}}});export{E as defaultOptionProps,V as defaultProps,N as useRating,Y as useRatingOption};

package/rating/useRating.d.ts

@@ -1,15 +1,49 @@
 import * as React from 'react';
-export declare const useRating: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/rating").useRatingProps, unknown, {
+export declare const useRating: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/rating").UseRatingProps, unknown, {
     state: {
-        value: number | undefined;
-        hoverValue: number | undefined;
-        focusedOptionIndex: number | undefined;
-        isFocusVisibleItem: boolean;
-    };
-    onInputFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    getOptionState: (value: number) => string;
-    onOptionClick: (event: React.MouseEvent<HTMLDivElement>, value: number | undefined) => void;
-    onOptionHover: (event: React.PointerEvent<HTMLDivElement>, value: number | undefined) => void;
+        value: number;
+        hovering: boolean;
+        hoveringValue: number;
+    };
+    inputName: string;
+    rootProps: {
+        onPointerEnter: () => void;
+        onPointerMove: () => void;
+        onPointerLeave: () => void;
+        onFocusCapture: (e: React.FocusEvent) => void;
+        onBlurCapture: (e: React.FocusEvent) => void;
+        'data-invalid'?: string | undefined;
+        'data-readonly'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical";
+    };
+    updateValue: (event: React.SyntheticEvent, newValue: number) => void;
+    setHoveringValue: React.Dispatch<React.SetStateAction<number>>;
+    resolvePointerValue: (e: React.PointerEvent | React.MouseEvent, optionEl: Element | null, idx: number) => number;
+    optionProps: {
+        'data-invalid'?: string | undefined;
+        'data-readonly'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical";
+    };
+    onProps: {
+        'data-invalid'?: string | undefined;
+        'data-readonly'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical";
+    };
+    offProps: {
+        'data-invalid'?: string | undefined;
+        'data-readonly'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical";
+    };
 }>;

package/rating/useRating.props.d.ts

@@ -1,2 +1,2 @@
-import type { useRatingProps } from '@primereact/types/shared/rating';
-export declare const defaultProps: useRatingProps;
+import type { UseRatingProps } from '@primereact/types/headless/rating';
+export declare const defaultProps: UseRatingProps;

package/rating/useRatingOption.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+export declare const useRatingOption: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/rating").UseRatingOptionProps, unknown, {
+    state: {
+        highlighted: boolean;
+        half: boolean;
+        checked: boolean;
+        activeValue: number;
+    };
+    optionRef: React.RefObject<Element | null>;
+    optionProps: {
+        'data-checked'?: string | undefined;
+        'data-half'?: string | undefined;
+        'data-highlighted'?: string | undefined;
+        'data-index': number;
+    };
+    onIconProps: {
+        onMouseDown: (e: React.MouseEvent) => void;
+        onPointerMove: (e: React.PointerEvent) => void;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    offIconProps: {
+        onMouseDown: (e: React.MouseEvent) => void;
+        onPointerMove: (e: React.PointerEvent) => void;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    halfInputProps: {
+        value: number;
+        checked: boolean;
+        type: "radio";
+        name: string | undefined;
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        disabled: boolean;
+        'aria-readonly': true | undefined;
+        style: {
+            position: "absolute";
+            width: number;
+            height: number;
+            padding: number;
+            margin: number;
+            overflow: "hidden";
+            clip: string;
+            whiteSpace: "nowrap";
+            borderWidth: number;
+        };
+    } | null;
+    fullInputProps: {
+        value: number;
+        checked: boolean;
+        type: "radio";
+        name: string | undefined;
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        disabled: boolean;
+        'aria-readonly': true | undefined;
+        style: {
+            position: "absolute";
+            width: number;
+            height: number;
+            padding: number;
+            margin: number;
+            overflow: "hidden";
+            clip: string;
+            whiteSpace: "nowrap";
+            borderWidth: number;
+        };
+    };
+    onPointerMove: (e: React.PointerEvent) => void;
+    onClick: (e: React.MouseEvent) => void;
+    onMouseDown: (e: React.MouseEvent) => void;
+}>;

package/rating/useRatingOption.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseRatingOptionProps } from '@primereact/types/headless/rating';
+export declare const defaultOptionProps: UseRatingOptionProps;

package/scrollarea/index.d.ts

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