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

package/card/index.d.ts

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

package/card/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var s=e({name:"useCard",defaultProps:r});export{r as defaultProps,s as useCard};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as o}from"@primereact/core/headless";var r={};var a=o({name:"useCard",defaultProps:r,setup(){return{rootProps:{"data-scope":"card","data-part":"root"}}}});export{r as defaultProps,a as useCard};

package/card/useCard.d.ts

@@ -1 +1,6 @@
-export declare const useCard: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/card").useCardProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useCard: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/card").UseCardProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/card/useCard.props.d.ts

@@ -1,2 +1,2 @@
-import type { useCardProps } from '@primereact/types/shared/card';
-export declare const defaultProps: useCardProps;
+import type { UseCardProps } from '@primereact/types/headless/card';
+export declare const defaultProps: UseCardProps;

package/carousel/index.d.ts

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

package/carousel/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as te}from"@primereact/core/headless";import*as i from"react";var B={orientation:"horizontal",align:"start",loop:!1,snapType:"mandatory",spacing:16,autoSize:!1,slidesPerPage:1,slide:void 0,onSlideChange:void 0,defaultPage:0,page:void 0,onPageChange:void 0};var D="[data-item]";function ne(n,v){if(n.size!==v.size)return!1;for(let g of n)if(!v.has(g))return!1;return!0}var ae=te({name:"useCarousel",defaultProps:B,setup({props:n}){var q,W;let[v,g]=i.useState(!1),[O,F]=i.useState(!1),[H,k]=i.useState(!1),[f,J]=i.useState(new Set),[m,G]=i.useState((W=(q=n.page)!=null?q:n.defaultPage)!=null?W:0),l=i.useRef(null),u=i.useRef(new Set),y=i.useRef([]),I=i.useRef(!1),b=i.useRef(null),T=i.useRef(null),S=i.useRef(null),h=i.useRef(null),z=i.useRef(null),x=i.useRef({x:0,y:0}),E=i.useRef(!1);function M(){let t=l.current;if(!t)return[];let e=n.orientation!=="vertical",r=e?t.clientWidth:t.clientHeight,a=Math.max(0,e?t.scrollWidth-r:t.scrollHeight-r),o=[];y.current=[],t.querySelectorAll(D).forEach(c=>{let R=e?c.offsetLeft:c.offsetTop,N=e?c.clientWidth:c.clientHeight,A=R;n.align==="center"?A=R-(r-N)/2:n.align==="end"&&(A=R-(r-N));let $=Math.max(0,Math.min(A,a));y.current.push($),o.push($)});let s=new Set(o.map(Number));ne(f,s)||(u.current=s,J(s))}function w(t){var e,r;if(!n.loop){let a=u.current.size||f.size,o=!1,s=!1;t===0&&(s=!0),t===a-1&&(o=!0),F(o),k(s)}G(t),(e=n.onPageChange)==null||e.call(n,{value:t}),(r=n.onSlideChange)==null||r.call(n,{value:t})}function P(){let t=l.current,e=u.current;if(!t||e.size===0)return;let r=n.orientation==="horizontal"?t.scrollLeft:t.scrollTop,a=Array.from(e).reduce((s,c)=>Math.abs(c-r)<Math.abs(s-r)?c:s,1/0),o=Array.from(e).indexOf(a);return w(o),o}function d(t,e=!1){let r=u.current;if(r.size===0)return;let a=t!=null?t:m,o=n.loop?(a+r.size)%r.size:Math.max(0,Math.min(a,r.size-1));w(o),C(Array.from(r)[o],e)}function U(){d(m+1)}function _(){d(m-1)}function C(t,e=!1){let r=l.current;r&&r.scrollTo({[n.orientation==="horizontal"?"left":"top"]:t,behavior:e?"instant":"smooth"})}function X(t){let e=u.current,r=y.current;if(e.size===0||r.length===0)return;let a=Math.max(0,Math.min(t,r.length-1)),o=r[a];C(o);let s=Array.from(e).indexOf(o);w(s)}i.useLayoutEffect(()=>{let t=l.current;if(t)return S.current=new ResizeObserver(()=>{M();let e=P();d(e!=null?e:m,!0)}),S.current.observe(t),t.querySelectorAll(D).forEach(e=>{var r;return(r=S.current)==null?void 0:r.observe(e)}),M(),()=>{var e;(e=S.current)==null||e.disconnect(),S.current=null}},[]),i.useLayoutEffect(()=>{var e;I.current||(u.current.size||f.size)===0||(I.current=!0,d((e=n.defaultPage)!=null?e:0,!0))},[f,n.page,n.defaultPage]),i.useEffect(()=>{n.page===void 0||n.page===null||n.slide!==void 0||n.slide!==null||u.current.size===0&&f.size===0||d(n.page)},[n.page,f]),i.useEffect(()=>{n.slide===void 0||n.slide===null||u.current.size===0&&f.size===0||X(n.slide)},[n.slide]),i.useEffect(()=>{let t=l.current;if(t)return b.current=new MutationObserver(e=>{e.forEach(()=>{M(),requestAnimationFrame(()=>{let r=P();d(r!=null?r:m,!0)})})}),b.current.observe(t,{childList:!0,subtree:!0}),()=>{var e;(e=b.current)==null||e.disconnect(),b.current=null}},[]),i.useEffect(()=>{let t=l.current;if(t)return T.current=new IntersectionObserver(e=>{e.forEach(r=>{r.isIntersecting?r.target.setAttribute("data-inview","true"):r.target.setAttribute("data-inview","false")})},{root:l.current,threshold:.6}),t.querySelectorAll(D).forEach(e=>{var r;return(r=T.current)==null?void 0:r.observe(e)}),()=>{var e;(e=T.current)==null||e.disconnect(),T.current=null}},[]),i.useEffect(()=>{let t=l.current;if(!t)return;let e=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{P()},80)};return e(),t.addEventListener("scroll",e,{passive:!0}),()=>{h.current&&clearTimeout(h.current),h.current=null,t.removeEventListener("scroll",e)}},[]);function j(t){t.button===0&&t.pointerType!=="touch"&&(g(!0),x.current={x:t.clientX,y:t.clientY},E.current=!1)}function K(t){var s,c;let e=l.current;if(!v||!e||t.pointerType==="touch")return;let r=t.clientX-x.current.x,a=t.clientY-x.current.y;Math.abs(r)+Math.abs(a)<6||((c=(s=window.getSelection())==null?void 0:s.toString().length)!=null?c:0)>0||(t.currentTarget.setPointerCapture(t.pointerId),e.style.userSelect="none",E.current=!0,e.style.scrollSnapType="none",e.scrollBy({left:-t.movementX,top:-t.movementY,behavior:"instant"}),t.preventDefault())}function Q(t){if(g(!1),t.currentTarget.releasePointerCapture(t.pointerId),!E.current)return;let e=l.current;if(!e)return;e.style.userSelect="";let r=n.orientation==="horizontal"?e.scrollLeft:e.scrollTop,a=u.current,o=Array.from(a).reduce((c,R)=>Math.abs(R-r)<Math.abs(c-r)?R:c,1/0),s=Array.from(a).indexOf(o);requestAnimationFrame(()=>{o!==void 0&&d(s),requestAnimationFrame(()=>{e.style.scrollSnapType=Y()})})}function V(t){z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{let e=n.orientation==="horizontal"?t.deltaX||t.deltaY:t.deltaY||t.deltaX;e>0&&O||e<0&&H||P()},80)}let Y=()=>{var e;return`${n.orientation==="vertical"?"y":"x"} ${(e=n.snapType)!=null?e:"mandatory"}`},Z={position:"relative",scrollSnapType:Y(),overflowX:n.orientation==="vertical"?"":"scroll",overflowY:n.orientation==="horizontal"?"":"scroll",scrollbarWidth:"none",overscrollBehaviorX:n.orientation==="vertical"?"":"contain",overscrollBehaviorY:n.orientation==="horizontal"?"":"contain",display:"flex",flexDirection:n.orientation==="horizontal"?"":"column","--spacing":n.spacing+"px",gap:"var(--spacing)"},L=n.slidesPerPage&&n.slidesPerPage>0?n.slidesPerPage:1,p=n.autoSize?"auto":`calc(100% /${L} - var(--spacing) * (${L} - 1) / ${L})`,ee={scrollSnapAlign:n.align,flexGrow:0,flexShrink:0,minWidth:0,flexBasis:p};return{state:{swiping:v,isNextDisabled:O,isPrevDisabled:H,snapPoints:f,page:m},contentStyles:Z,itemStyles:ee,contentRef:l,onContentPointerDown:j,onContentPointerMove:K,onContentPointerUp:Q,onContentWheel:V,next:U,prev:_,scrollToPage:d,scrollTo:C,scrollToSlide:X,setToClosest:P}}});export{B as defaultProps,ae as useCarousel};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as Re}from"@primereact/core/headless";import{useDirection as ve}from"@primereact/hooks/use-direction";import{isRTL as ae}from"@primeuix/utils";import*as r from"react";var re={orientation:"horizontal",align:"start",loop:!1,snapType:"mandatory",spacing:16,autoSize:!1,slidesPerPage:1,page:void 0,defaultPage:0,onPageChange:void 0,slide:void 0,onSlideChange:void 0};var se="[data-item]";function he(t,u){if(t.size!==u.size)return!1;for(let P of t)if(!u.has(P))return!1;return!0}var Me=Re({name:"useCarousel",defaultProps:re,setup({props:t}){let[u,P]=r.useState(!1),[U,oe]=r.useState(!1),[q,ce]=r.useState(!1),[m,ie]=r.useState(new Set),[c,le]=r.useState(t.page??t.defaultPage??0),b=r.useRef(c);b.current=c;let i=r.useRef(null),g=r.useRef(new Set),w=r.useRef([]),B=r.useRef(!1),y=r.useRef(!1),p=r.useRef(null),T=r.useRef(null),S=r.useRef(null),v=r.useRef(null),h=r.useRef(null),M=r.useRef(new Set),D=r.useCallback(e=>{let n=requestAnimationFrame(()=>{M.current.delete(n),e()});return M.current.add(n),n},[]),L=r.useRef({x:0,y:0}),C=r.useRef(!1),ue=ve(i),$=r.useRef(new Set),F=r.useRef(new Set);function J(e,n,a){if(!n)return;let s=new Set(e.querySelectorAll(se));a.forEach(o=>{s.has(o)||(n.unobserve(o),a.delete(o))}),s.forEach(o=>{a.has(o)||(n.observe(o),a.add(o))})}function G(e){J(e,S.current,$.current)}function _(e){J(e,T.current,F.current)}function E(){let e=i.current;if(!e)return[];let n=t.orientation!=="vertical",a=n&&ae(e),s=n?e.clientWidth:e.clientHeight,o=Math.max(0,n?e.scrollWidth-s:e.scrollHeight-s),l=[];w.current=[],e.querySelectorAll(se).forEach(R=>{let X=n?R.clientWidth:R.clientHeight,Y=n?a?e.scrollWidth-R.offsetLeft-X:R.offsetLeft:R.offsetTop,K=Y;t.align==="center"?K=Y-(s-X)/2:t.align==="end"&&(K=Y-(s-X));let ne=Math.max(0,Math.min(K,o));w.current.push(ne),l.push(ne)});let d=new Set(l.map(Number));he(m,d)||(g.current=d,ie(d))}function I(e,n){if(!t.loop){let a=g.current.size||m.size,s=!1,o=!1;e===0&&(o=!0),e===a-1&&(s=!0),oe(s),ce(o)}le(e),t.onPageChange?.({originalEvent:n,value:e}),t.onSlideChange?.({originalEvent:n,value:e})}function x(){let e=i.current,n=g.current;if(!e||n.size===0)return;let a=t.orientation==="horizontal"?Math.abs(e.scrollLeft):e.scrollTop,s=Array.from(n).reduce((l,d)=>Math.abs(d-a)<Math.abs(l-a)?d:l,1/0),o=Array.from(n).indexOf(s);return I(o),o}function f(e,n=!1,a){let s=g.current;if(s.size===0)return;let o=e??c,l=t.loop?(o+s.size)%s.size:Math.max(0,Math.min(o,s.size-1));I(l,a),O(Array.from(s)[l],n)}function H(e){f(c+1,!1,e)}function A(e){f(c-1,!1,e)}function O(e,n=!1){let a=i.current;if(!a)return;let s=t.orientation==="horizontal",o=s&&ae(a);a.scrollTo({[s?"left":"top"]:o?-e:e,behavior:n?"instant":"smooth"})}function j(e,n=!1){let a=g.current,s=w.current;if(a.size===0||s.length===0)return;let o=Math.max(0,Math.min(e,s.length-1)),l=s[o];O(l,n);let d=Array.from(a).indexOf(l);I(d)}let k=r.useRef(E),z=r.useRef(x),W=r.useRef(f);k.current=E,z.current=x,W.current=f,r.useLayoutEffect(()=>{let e=i.current;if(e)return S.current=new ResizeObserver(()=>{k.current();let n=z.current();W.current(n??b.current,!0)}),S.current.observe(e),G(e),E(),()=>{S.current?.disconnect(),S.current=null,$.current.clear()}},[]),r.useLayoutEffect(()=>{i.current&&(E(),f(b.current,!0))},[ue]),r.useLayoutEffect(()=>{B.current||t.page!==void 0&&t.page!==null||t.slide!==void 0&&t.slide!==null||(g.current.size||m.size)===0||(B.current=!0,f(t.defaultPage??0,!0))},[m,t.page,t.defaultPage]),r.useLayoutEffect(()=>{if(t.page===void 0||t.page===null||t.slide!==void 0&&t.slide!==null||g.current.size===0&&m.size===0)return;let e=!y.current;y.current=!0,f(t.page,e)},[t.page,t.slide,m]),r.useLayoutEffect(()=>{if(t.slide===void 0||t.slide===null||g.current.size===0&&m.size===0)return;let e=!y.current;y.current=!0,j(t.slide,e)},[t.slide,m]),r.useEffect(()=>{let e=i.current;if(e)return p.current=new MutationObserver(()=>{k.current(),G(e),_(e),D(()=>{let n=z.current();W.current(n??b.current,!0)})}),p.current.observe(e,{childList:!0,subtree:!0}),()=>{p.current?.disconnect(),p.current=null}},[]),r.useEffect(()=>{let e=i.current;if(e)return T.current=new IntersectionObserver(n=>{n.forEach(a=>{a.isIntersecting?a.target.setAttribute("data-inview",""):a.target.removeAttribute("data-inview")})},{root:i.current,threshold:.6}),_(e),()=>{T.current?.disconnect(),T.current=null,F.current.clear()}},[]),r.useEffect(()=>{let e=i.current;if(!e)return;let n=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{z.current()},80)};return n(),e.addEventListener("scroll",n,{passive:!0}),()=>{v.current&&clearTimeout(v.current),v.current=null,e.removeEventListener("scroll",n)}},[]),r.useEffect(()=>()=>{h.current&&clearTimeout(h.current),h.current=null},[]),r.useEffect(()=>{let e=M.current;return()=>{e.forEach(n=>cancelAnimationFrame(n)),e.clear()}},[]);function Q(e){e.button===0&&e.pointerType!=="touch"&&(P(!0),L.current={x:e.clientX,y:e.clientY},C.current=!1)}function V(e){let n=i.current;if(!u||!n||e.pointerType==="touch")return;let a=e.clientX-L.current.x,s=e.clientY-L.current.y;Math.abs(a)+Math.abs(s)<6||(window.getSelection()?.toString().length??0)>0||(e.currentTarget.setPointerCapture(e.pointerId),n.style.userSelect="none",C.current=!0,n.style.scrollSnapType="none",n.scrollBy({left:-e.movementX,top:-e.movementY,behavior:"instant"}),e.preventDefault())}function Z(e){if(P(!1),e.currentTarget.releasePointerCapture(e.pointerId),!C.current)return;let n=i.current;if(!n)return;n.style.userSelect="";let a=t.orientation==="horizontal"?Math.abs(n.scrollLeft):n.scrollTop,s=g.current,o=Array.from(s).reduce((d,R)=>Math.abs(R-a)<Math.abs(d-a)?R:d,1/0),l=Array.from(s).indexOf(o);D(()=>{o!==void 0&&f(l),D(()=>{n.style.scrollSnapType=N()})})}function ee(e){h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{let n=t.orientation==="horizontal"?e.deltaX||e.deltaY:e.deltaY||e.deltaX;n>0&&U||n<0&&q||x()},80)}let N=()=>`${t.orientation==="vertical"?"y":"x"} ${t.snapType??"mandatory"}`,te=t.slidesPerPage&&t.slidesPerPage>0?t.slidesPerPage:1,fe={swiping:u,isNextDisabled:U,isPrevDisabled:q,snapPoints:m,page:c},de={role:"region","aria-roledescription":"carousel",tabIndex:0,onKeyDown:e=>{if(e.target!==e.currentTarget)return;let n=t.orientation==="vertical",a=n?"ArrowUp":"ArrowLeft",s=n?"ArrowDown":"ArrowRight";e.key===a?(e.preventDefault(),A(e)):e.key===s?(e.preventDefault(),H(e)):e.key==="Home"?(e.preventDefault(),f(0,!1,e)):e.key==="End"&&(e.preventDefault(),f(g.current.size-1,!1,e))},"data-scope":"carousel","data-part":"root","data-orientation":t.orientation,"data-align":t.align,"data-page":c,...u?{"data-swiping":""}:{},...t.autoSize?{"data-autosize":""}:{}},ge={ref:i,"aria-live":"polite","aria-atomic":!1,"data-scope":"carousel","data-part":"content","data-orientation":t.orientation,"data-align":t.align,"data-page":c,...t.autoSize?{"data-autosize":""}:{},...u?{"data-swiping":""}:{},onPointerDown:Q,onPointerMove:V,onPointerUp:Z,onWheel:ee,style:{"--px-slides-per-page":te,"--px-spacing-items":t.spacing+"px","--px-scroll-snap-type":N(),position:"relative",scrollbarWidth:"none",display:"flex",flexDirection:t.orientation==="vertical"?"column":"row",overflowX:t.orientation==="horizontal"?"scroll":void 0,overflowY:t.orientation==="vertical"?"scroll":void 0,overscrollBehaviorX:t.orientation==="horizontal"?"contain":void 0,overscrollBehaviorY:t.orientation==="vertical"?"contain":void 0,gap:"var(--px-spacing-items)",scrollSnapType:"var(--px-scroll-snap-type)"}},me={"data-scope":"carousel","data-part":"indicators","data-orientation":t.orientation,"data-align":t.align,"data-page":c,...u?{"data-swiping":""}:{}};return{state:fe,slidesPerPage:te,rootProps:de,contentProps:ge,indicatorsProps:me,getItemProps:(e,n,a)=>({role:"group","aria-roledescription":"slide",...n!=null?{"aria-label":a!=null?`${n+1} / ${a}`:String(n+1)}:{},"data-scope":"carousel","data-part":"item","data-value":e,"data-item":"","data-inview":"false","data-orientation":t.orientation,"data-align":t.align,"data-page":c,...u?{"data-swiping":""}:{},...t.autoSize?{"data-autosize":""}:{},style:{flexGrow:0,flexShrink:0,minWidth:0,flexBasis:t.autoSize?"auto":"calc(100% / var(--px-slides-per-page) - var(--px-spacing-items) * (var(--px-slides-per-page) - 1) / var(--px-slides-per-page))",scrollSnapAlign:t.align}}),getNextProps:e=>({"data-scope":"carousel","data-part":"next",type:"button",disabled:e,"data-orientation":t.orientation,"data-align":t.align,"data-page":c,"data-disabled":e,...u?{"data-swiping":""}:{},onClick:H}),getPrevProps:e=>({"data-scope":"carousel","data-part":"prev",type:"button",disabled:e,"data-orientation":t.orientation,"data-align":t.align,"data-page":c,"data-disabled":e,...u?{"data-swiping":""}:{},onClick:A}),getIndicatorProps:e=>{let n=c===e,a=s=>f(e,!1,s);return{"data-scope":"carousel","data-part":"indicator",type:"button","aria-current":n||void 0,"data-orientation":t.orientation,"data-align":t.align,"data-page":c,...n?{"data-active":""}:{},...u?{"data-swiping":""}:{},onClick:a}},onContentPointerDown:Q,onContentPointerMove:V,onContentPointerUp:Z,onContentWheel:ee,next:H,prev:A,scrollToPage:f,scrollTo:O,scrollToSlide:j,setToClosest:x,resolveSnapType:N}}});export{re as defaultProps,Me as useCarousel};

package/carousel/useCarousel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const useCarousel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/carousel").useCarouselProps, unknown, {
+export declare const useCarousel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/carousel").UseCarouselProps, unknown, {
     state: {
         swiping: boolean;
         isNextDisabled: boolean;
@@ -7,17 +7,126 @@ export declare const useCarousel: (inProps?: unknown) => import("@primereact/typ
         snapPoints: Set<number>;
         page: number;
     };
-    contentStyles: React.CSSProperties;
-    itemStyles: React.CSSProperties;
-    contentRef: React.RefObject<HTMLDivElement | null>;
+    slidesPerPage: number;
+    rootProps: {
+        'data-autosize'?: "" | undefined;
+        'data-swiping'?: "" | undefined;
+        role: "region";
+        'aria-roledescription': "carousel";
+        tabIndex: number;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        'data-scope': "carousel";
+        'data-part': "root";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+    };
+    contentProps: {
+        onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (e: React.PointerEvent<HTMLDivElement>) => void;
+        onWheel: (e: React.WheelEvent<HTMLDivElement>) => void;
+        style: {
+            '--px-slides-per-page': number;
+            '--px-spacing-items': string;
+            '--px-scroll-snap-type': string;
+            position: "relative";
+            scrollbarWidth: "none";
+            display: "flex";
+            flexDirection: React.CSSProperties["flexDirection"];
+            overflowX: "scroll" | undefined;
+            overflowY: "scroll" | undefined;
+            overscrollBehaviorX: "contain" | undefined;
+            overscrollBehaviorY: "contain" | undefined;
+            gap: string;
+            scrollSnapType: string;
+        };
+        'data-swiping'?: "" | undefined;
+        'data-autosize'?: "" | undefined;
+        ref: React.RefObject<HTMLDivElement | null>;
+        'aria-live': "polite";
+        'aria-atomic': boolean;
+        'data-scope': "carousel";
+        'data-part': "content";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+    };
+    indicatorsProps: {
+        'data-swiping'?: "" | undefined;
+        'data-scope': "carousel";
+        'data-part': "indicators";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+    };
+    getItemProps: (value: unknown, index?: number, total?: number) => {
+        style: {
+            flexGrow: number;
+            flexShrink: number;
+            minWidth: number;
+            flexBasis: string;
+            scrollSnapAlign: "center" | "start" | "end" | undefined;
+        };
+        'data-autosize'?: "" | undefined;
+        'data-swiping'?: "" | undefined;
+        'data-scope': "carousel";
+        'data-part': "item";
+        'data-value': unknown;
+        'data-item': "";
+        'data-inview': "false";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+        'aria-label'?: string | undefined;
+        role: "group";
+        'aria-roledescription': "slide";
+    };
+    getNextProps: (disabled: boolean) => {
+        onClick: (originalEvent?: React.SyntheticEvent | Event) => void;
+        'data-swiping'?: "" | undefined;
+        'data-scope': "carousel";
+        'data-part': "next";
+        type: "button";
+        disabled: boolean;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+        'data-disabled': boolean;
+    };
+    getPrevProps: (disabled: boolean) => {
+        onClick: (originalEvent?: React.SyntheticEvent | Event) => void;
+        'data-swiping'?: "" | undefined;
+        'data-scope': "carousel";
+        'data-part': "prev";
+        type: "button";
+        disabled: boolean;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+        'data-disabled': boolean;
+    };
+    getIndicatorProps: (page: number) => {
+        onClick: (event: React.MouseEvent) => void;
+        'data-swiping'?: "" | undefined;
+        'data-active'?: "" | undefined;
+        'data-scope': "carousel";
+        'data-part': "indicator";
+        type: "button";
+        'aria-current': true | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "start" | "end" | undefined;
+        'data-page': number;
+    };
     onContentPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void;
     onContentPointerMove: (e: React.PointerEvent<HTMLDivElement>) => void;
     onContentPointerUp: (e: React.PointerEvent<HTMLDivElement>) => void;
     onContentWheel: (e: React.WheelEvent<HTMLDivElement>) => void;
-    next: () => void;
-    prev: () => void;
-    scrollToPage: (page?: number, instant?: boolean) => void;
+    next: (originalEvent?: React.SyntheticEvent | Event) => void;
+    prev: (originalEvent?: React.SyntheticEvent | Event) => void;
+    scrollToPage: (page?: number, instant?: boolean, originalEvent?: React.SyntheticEvent | Event) => void;
     scrollTo: (snapPoint: number, instant?: boolean) => void;
-    scrollToSlide: (slide: number) => void;
+    scrollToSlide: (slide: number, instant?: boolean) => void;
     setToClosest: () => number | undefined;
+    resolveSnapType: () => string;
 }>;

package/carousel/useCarousel.props.d.ts

@@ -1,2 +1,2 @@
-import type { useCarouselProps } from '@primereact/types/shared/carousel';
-export declare const defaultProps: useCarouselProps;
+import type { UseCarouselProps } from '@primereact/types/headless/carousel';
+export declare const defaultProps: UseCarouselProps;

package/checkbox/index.d.ts

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

package/checkbox/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as m}from"@primereact/core/headless";import{useControlledState as l}from"@primereact/hooks/use-controlled-state";import*as a from"react";var r={checked:void 0,defaultChecked:void 0,indeterminate:!1,trueValue:!0,falseValue:!1,onCheckedChange:void 0};var g=m({name:"useCheckbox",defaultProps:r,setup({props:e}){var d;let[t,n]=a.useState(e.indeterminate),[u,i]=l({value:e.checked,defaultValue:(d=e.defaultChecked)!=null?d:!1,onChange:e.onCheckedChange}),c=t?!1:u===e.trueValue,f={checked:c,indeterminate:t},s=h=>{let o=t?e.trueValue:c?e.falseValue:e.trueValue;t&&n(!1),i([o,{originalEvent:h,checked:o}])};return a.useEffect(()=>{e.indeterminate!==void 0&&n(e.indeterminate)},[e.indeterminate]),{state:f,onChange:s}}});export{r as defaultProps,g as useCheckbox};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as x}from"@primereact/core/headless";import{useControlledState as C}from"@primereact/hooks/use-controlled-state";import*as t from"react";var l={checked:void 0,defaultChecked:void 0,inputId:void 0,indeterminate:!1,trueValue:!0,falseValue:!1,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 g=x({name:"useCheckbox",defaultProps:l,setup({props:e}){let[a,n]=t.useState(e.indeterminate),[u,o]=C({value:e.checked,defaultValue:e.defaultChecked??!1,onChange:e.onCheckedChange}),d=a?!1:u===e.trueValue,r={checked:d,indeterminate:a},i=m=>{let c=a?e.trueValue:d?e.falseValue:e.trueValue,k=c===e.trueValue;a&&n(!1),o([c,{originalEvent:m,checked:k}])};t.useEffect(()=>{e.indeterminate!==void 0&&n(e.indeterminate)},[e.indeterminate]);let f={"data-scope":"checkbox","data-part":"input",id:e.inputId,type:"checkbox",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,"aria-checked":a?"mixed":void 0,onFocus:e.onFocus,onBlur:e.onBlur,onChange:e.readOnly?void 0:i},h={"data-scope":"checkbox","data-part":"box",[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""},...e.indeterminate&&{"data-indeterminate":""}},s={"data-scope":"checkbox","data-part":"indicator",[d?"data-checked":"data-unchecked"]:"",...a&&{"data-indeterminate":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},b={"data-scope":"checkbox","data-part":"root",[d?"data-checked":"data-unchecked"]:"",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""},...e.indeterminate&&{"data-indeterminate":""}};return{state:r,rootProps:b,inputProps:f,boxProps:h,indicatorProps:s,onChange:i}}});export{l as defaultProps,g as useCheckbox};

package/checkbox/useCheckbox.d.ts

@@ -1,8 +1,49 @@
-import type { useCheckboxChangeEvent } from '@primereact/types/shared/checkbox';
-export declare const useCheckbox: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/checkbox").useCheckboxProps, unknown, {
+import * as React from 'react';
+export declare const useCheckbox: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/checkbox").UseCheckboxProps, unknown, {
     state: {
         checked: boolean;
         indeterminate: boolean | undefined;
     };
-    onChange: (event: useCheckboxChangeEvent) => void;
+    rootProps: {
+        'data-indeterminate'?: string | undefined;
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    inputProps: {
+        'data-scope': string;
+        'data-part': string;
+        id: string | undefined;
+        type: "checkbox";
+        value: unknown;
+        name: string | undefined;
+        checked: boolean;
+        tabIndex: number | undefined;
+        disabled: boolean | undefined;
+        readOnly: boolean | undefined;
+        required: boolean | undefined;
+        'aria-labelledby': string | undefined;
+        'aria-label': string | undefined;
+        'aria-invalid': true | undefined;
+        'aria-checked': "mixed" | undefined;
+        onFocus: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+        onBlur: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+        onChange: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    };
+    boxProps: {
+        'data-indeterminate'?: string | undefined;
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    indicatorProps: {
+        'data-invalid'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        'data-indeterminate'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }>;

package/checkbox/useCheckbox.props.d.ts

@@ -1,2 +1,2 @@
-import type { useCheckboxProps } from '@primereact/types/shared/checkbox';
-export declare const defaultProps: useCheckboxProps;
+import type { UseCheckboxProps } from '@primereact/types/headless/checkbox';
+export declare const defaultProps: UseCheckboxProps;

package/checkboxgroup/index.d.ts

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

package/checkboxgroup/index.mjs

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

package/checkboxgroup/useCheckboxGroup.d.ts

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

package/checkboxgroup/useCheckboxGroup.props.d.ts

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

package/chip/index.d.ts

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

package/chip/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as p}from"@primereact/core/headless";import*as a from"react";var s={onRemove:void 0};var f=p({name:"useChip",defaultProps:s,setup({props:t}){let[i,n]=a.useState(!0),c={visible:i},m=e=>{(e.code==="Enter"||e.code==="NumpadEnter"||e.code==="Backspace")&&o(e)},o=e=>{var r;n(!1),(r=t.onRemove)==null||r.call(t,{originalEvent:e})};return{state:c,close:o,removeIconProps:{onKeyDown:m}}}});export{s as defaultProps,f as useChip};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as n}from"@primereact/core/headless";import*as s from"react";var o={onRemove:void 0};var h=n({name:"useChip",defaultProps:o,setup({props:r}){let[p,a]=s.useState(!0),c={visible:p},i=e=>{(e.code==="Enter"||e.code==="NumpadEnter"||e.code==="Backspace")&&t(e)},t=e=>{a(!1),r.onRemove?.({originalEvent:e})};return{state:c,rootProps:{"data-scope":"chip","data-part":"root"},removeProps:{tabIndex:0,onClick:t,onKeyDown:i},close:t}}});export{o as defaultProps,h as useChip};

package/chip/useChip.d.ts

@@ -1,10 +1,16 @@
 import * as React from 'react';
-export declare const useChip: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/chip").useChipProps, unknown, {
+export declare const useChip: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/chip").UseChipProps, unknown, {
     state: {
         visible: boolean;
     };
-    close: (event: React.SyntheticEvent<HTMLElement>) => void;
-    removeIconProps: {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    removeProps: {
+        tabIndex: 0;
+        onClick: (event: React.SyntheticEvent<HTMLElement>) => void;
         onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     };
+    close: (event: React.SyntheticEvent<HTMLElement>) => void;
 }>;

package/chip/useChip.props.d.ts

@@ -1,2 +1,2 @@
-import type { useChipProps } from '@primereact/types/shared/chip';
-export declare const defaultProps: useChipProps;
+import type { UseChipProps } from '@primereact/types/headless/chip';
+export declare const defaultProps: UseChipProps;

package/collapsible/index.d.ts

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

package/collapsible/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as b}from"@primereact/core/headless";import{useControlledState as m}from"@primereact/hooks/use-controlled-state";var r={open:void 0,defaultOpen:!0,disabled:!1,tabIndex:0,onOpen:void 0,onClose:void 0,onOpenChange:void 0};var y=b({name:"useCollapsible",defaultProps:r,setup({props:e,id:o}){let[a,n]=m({value:e.open,defaultValue:e.defaultOpen??!1,onChange:e.onOpenChange}),c={open:a},l=t=>{a?d(t):s(t)},s=t=>{n([!0,{originalEvent:t,value:!0}]),e.onOpen?.(t)},d=t=>{n([!1,{originalEvent:t,value:!1}]),e.onClose?.(t)},i=o?`${o}_content`:void 0,p={id:i,role:"region","aria-hidden":!a,"data-scope":"collapsible","data-part":"content",[a?"data-open":"data-closed"]:""},f={type:"button",tabIndex:e.disabled?-1:e.tabIndex,"aria-expanded":a,"aria-disabled":e.disabled||void 0,"aria-controls":i,"data-scope":"collapsible","data-part":"trigger",[a?"data-content-open":"data-content-closed"]:"",onClick:l},u={"data-scope":"collapsible","data-part":"root",...e.disabled?{"data-disabled":""}:void 0,[a?"data-open":"data-closed"]:""};return{state:c,rootProps:u,triggerProps:f,contentProps:p,open:s,close:d,toggle:l}}});export{r as defaultProps,y as useCollapsible};

package/collapsible/useCollapsible.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export declare const useCollapsible: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/collapsible").UseCollapsibleProps, unknown, {
+    state: {
+        open: boolean | undefined;
+    };
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    triggerProps: {
+        [x: string]: string | number | boolean | ((event?: React.SyntheticEvent) => void) | undefined;
+        type: "button";
+        tabIndex: number | undefined;
+        'aria-expanded': boolean | undefined;
+        'aria-disabled': true | undefined;
+        'aria-controls': string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: (event?: React.SyntheticEvent) => void;
+    };
+    contentProps: {
+        [x: string]: string | boolean | undefined;
+        id: string | undefined;
+        role: "region";
+        'aria-hidden': boolean;
+        'data-scope': string;
+        'data-part': string;
+    };
+    open: (event?: React.SyntheticEvent) => void;
+    close: (event?: React.SyntheticEvent) => void;
+    toggle: (event?: React.SyntheticEvent) => void;
+}>;

package/collapsible/useCollapsible.props.d.ts

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

package/compare/index.d.ts

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

package/compare/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as E}from"@primereact/core/headless";import{useSlider as V}from"@primereact/headless/slider";import{useDirection as R}from"@primereact/hooks/use-direction";import{defaultProps as H}from"@primereact/headless/slider";var b={...H,defaultValue:50,slideOnHover:!1,tabIndex:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0};var $=E({name:"useCompare",defaultProps:b,setup({props:e}){let a=V({value:e.value,defaultValue:e.defaultValue,orientation:e.orientation,min:e.min,max:e.max,step:e.step,onValueChange:e.onValueChange,onValueChangeEnd:e.onValueChangeEnd,disabled:e.disabled,readOnly:e.readOnly}),s=a.getHandleValue(0),r=R()==="rtl",n={value:s,isDragging:a.state.isDragging},c=t=>{let o=e.orientation==="horizontal",i=o?s:100-s,d=Math.max(0,100-i),l=Math.max(0,i);return{clipPath:o?t==="before"?r?`inset(0 0 0 ${d}%)`:`inset(0 ${d}% 0 0)`:r?`inset(0 ${l}% 0 0)`:`inset(0 0 0 ${l}%)`:t==="before"?`inset(0 0 ${d}% 0)`:`inset(${l}% 0 0 0)`}},u=()=>{let t=a.getValuePercent(s),o=e.orientation==="horizontal",i=o?{position:"absolute",insetInlineStart:`${t}%`,translate:r?"50% 0":"-50% 0"}:{position:"absolute",bottom:`${t}%`,translate:"0 50%"};return o?{...i,insetBlockStart:0}:{...i,insetInlineStart:0}},m=a.onTrackPointerDown,g=t=>{if(!(e.disabled||e.readOnly)){if(e.slideOnHover){a.updateValueFromPointer(t);return}a.onTrackPointerMove(t)}},f=a.onTrackPointerUp,P=t=>a.onHandlePointerDown(t,0),p=t=>a.onInputChange(t,0),h=t=>{e.onFocus?.(t),a.onInputFocus(t,0)},v=t=>{e.onBlur?.(t),a.onInputBlur(t,0)},y={ref:a.rootProps.ref,"data-scope":"compare","data-part":"root","data-orientation":e.orientation,...e.disabled&&{"data-disabled":""},...!!e.invalid&&{"data-invalid":""},...n.isDragging&&{"data-dragging":""},onPointerDown:m,onPointerMove:g,onPointerUp:f},C={"data-scope":"compare","data-part":"handle",tabIndex:-1,style:u(),onPointerDown:P,"data-orientation":e.orientation,...e.disabled&&{"data-disabled":""},...!!e.invalid&&{"data-invalid":""},...n.isDragging&&{"data-dragging":""}},I={"data-scope":"compare","data-part":"indicator","data-orientation":e.orientation,...e.disabled&&{"data-disabled":""},...!!e.invalid&&{"data-invalid":""},...n.isDragging&&{"data-dragging":""}},x={...a.getHiddenInputProps(0),tabIndex:e.disabled?-1:e.tabIndex??0,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:h,onBlur:v},D=t=>({style:{position:"absolute",inset:0,...c(t)},"data-scope":"compare","data-part":"item","data-position":t,"data-orientation":e.orientation,...e.disabled&&{"data-disabled":""},...!!e.invalid&&{"data-invalid":""},...n.isDragging&&{"data-dragging":""}});return{state:n,slider:a,getItemStyle:c,getHandleStyle:u,updateValueFromPointer:a.updateValueFromPointer,rootProps:y,handleProps:C,inputProps:x,indicatorProps:I,getItemProps:D,onRootPointerDown:m,onRootPointerMove:g,onRootPointerUp:f,onHandlePointerDown:P,onInputChange:p}}});export{b as defaultProps,$ as useCompare};

package/compare/useCompare.d.ts

@@ -0,0 +1,2 @@
+import type { UseCompareExposes, UseCompareProps } from '@primereact/types/headless/compare';
+export declare const useCompare: (inProps?: UseCompareProps | undefined) => import("@primereact/types/core").HeadlessInstance<UseCompareProps, UseCompareProps, UseCompareExposes & Record<PropertyKey, unknown>>;

package/compare/useCompare.props.d.ts

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

package/contextmenu/index.d.ts

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

package/contextmenu/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as t}from"@primereact/core/headless";var e={open:!1,defaultOpen:!1,baseZIndex:0,autoZIndex:!0,tabIndex:0,appendTo:"body",onOpenChange:void 0};var p=t({name:"useContextMenu",defaultProps:e});export{e as defaultProps,p as useContextMenu};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as P}from"@primereact/core/headless";import{useMenu as b}from"@primereact/headless/menu";import{useEventListener as v,useUnmountEffect as y}from"@primereact/hooks";import*as r from"react";var i={open:void 0,defaultOpen:void 0,appendTo:"body",baseZIndex:0,autoZIndex:!0,tabIndex:0,global:!1,onOpenChange:void 0};var M=P({name:"useContextMenu",defaultProps:i,setup({props:o}){let e=b({open:o.open,defaultOpen:o.defaultOpen,composite:!0,appendTo:o.appendTo,baseZIndex:o.baseZIndex,autoZIndex:o.autoZIndex,tabIndex:o.tabIndex,onOpenChange:o.onOpenChange}),s=r.useRef(null),a=r.useCallback(n=>{n.preventDefault(),n.stopPropagation(),s.current?.remove(),s.current=null;let l=n.clientX+window.scrollX,x=n.clientY+window.scrollY,t=document.createElement("div");t.style.position="absolute",t.style.left=`${l}px`,t.style.top=`${x}px`,t.style.width="0",t.style.height="0",t.style.pointerEvents="none",t.style.visibility="hidden",document.body.appendChild(t),s.current=t,e.popover?.setRendered?.(!1),e.popover?.setAnchorRef?.(t),e.changeVisibleState(!0)},[]),[c,p]=v({target:"document",type:"contextmenu",listener:n=>{n.target?.closest?.('[data-scope="contextmenu"][data-part="trigger"]')||a(n)}});r.useEffect(()=>(o.global?c():p(),()=>{p()}),[o.global]),r.useEffect(()=>{e.state.open&&!e.popover?.state?.rendered&&e.popover?.setRendered?.(!0),e.state.open&&e.popover?.state?.rendered&&d()},[e.state.open,e.popover?.state?.rendered]),r.useEffect(()=>{e.state.open||e.hideAllSubmenus(),!e.state.open&&!e.popover?.state?.rendered&&(s.current?.remove(),s.current=null)},[e.state.open,e.popover?.state?.rendered]),y(()=>{s.current?.remove(),s.current=null,e.popover?.setOpen(!1),e.popover?.setRendered?.(!1)});let d=()=>{e.onOverlayEnter(!1)},u=()=>{e.changeVisibleState(!1)},f={"data-scope":"contextmenu","data-part":"root"},m={...e.triggerProps,ref:void 0,"data-scope":"contextmenu",onContextMenu:a,onClick:u},g=r.useCallback(n=>e.getItemProps({...n,inPortal:!0}),[e.getItemProps]);return{state:e.state,menu:e,popover:e.popover,triggerProps:m,rootProps:f,arrowProps:e.arrowProps,popupProps:e.popupProps,positionerProps:e.positionerProps,getListProps:e.getListProps,getIndicatorProps:e.getIndicatorProps,getSubTriggerProps:e.getSubTriggerProps,getItemProps:g,onTriggerClick:u,onContextMenu:a}}});export{i as defaultProps,M as useContextMenu};

package/contextmenu/submenu/index.d.ts

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

package/contextmenu/submenu/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as t}from"@primereact/core/headless";import{useMenuSubmenu as u}from"@primereact/headless/menu/submenu";var o={open:void 0,defaultOpen:void 0,onOpenChange:void 0};var a=t({name:"useContextMenuSubmenu",defaultProps:o,setup({props:n}){let e=u({open:n.open,defaultOpen:n.defaultOpen,onOpenChange:n.onOpenChange});return{state:e.state,menusub:e,subtriggerProps:e.subtriggerProps,subProps:e.subProps,listProps:e.listProps,toggle:e.toggle,open:e.open,close:e.close}}});export{o as defaultProps,a as useContextMenuSubmenu};

package/contextmenu/submenu/useContextMenuSubmenu.d.ts

@@ -0,0 +1,121 @@
+export declare const useContextMenuSubmenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/contextmenu").UseContextMenuSubmenuProps, unknown, {
+    state: {
+        open: boolean;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    menusub: 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/types/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: import("react").RefObject<HTMLElement | null>;
+                firstHiddenElementRef: import("react").RefObject<HTMLSpanElement | null>;
+                lastHiddenElementRef: import("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: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+            onOpenComplete: () => void;
+            onCloseComplete: () => void;
+        }>;
+        listRef: import("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;
+    }>;
+    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;
+}>;

package/contextmenu/submenu/useContextMenuSubmenu.props.d.ts

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