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

package/datepicker/useDatePicker.d.ts

@@ -1,114 +1,2 @@
-import { useDatePickerDateMeta, useDatePickerProps } from '@primereact/types/shared/datepicker';
-import * as React from 'react';
-export declare const useDatePicker: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useDatePickerProps, unknown, {
-    state: {
-        rawValue: string | string[] | Date | Date[] | (Date | null)[] | (string | null)[] | null | undefined;
-        overlayVisible: boolean;
-        currentView: "date" | "month" | "year" | undefined;
-        showClearIcon: boolean;
-        hoveredDate: useDatePickerDateMeta | null;
-    };
-    inputRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLInputElement>;
-    } | null>;
-    nextButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    prevButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    portalRef: React.RefObject<{
-        containerRef: {
-            current: {
-                elementRef: React.RefObject<HTMLDivElement>;
-            };
-        };
-    } | null>;
-    overlayRef: React.RefObject<HTMLDivElement | null>;
-    inputFieldValue: string;
-    weekHeaderLabel: string;
-    todayLabel: string;
-    clearLabel: string;
-    weekDays: string[];
-    months: {
-        month: number;
-        year: number;
-        dates: {
-            day: number;
-            month: number;
-            year: number;
-            otherMonth: boolean;
-            today: boolean;
-            selectable: boolean;
-        }[][];
-        weekNumbers: number[];
-    }[];
-    getIndexedMonth: (index?: number) => {
-        month: number;
-        year: number;
-        dates: {
-            day: number;
-            month: number;
-            year: number;
-            otherMonth: boolean;
-            today: boolean;
-            selectable: boolean;
-        }[][];
-        weekNumbers: number[];
-    };
-    getYear: () => number;
-    getMonthName: (index?: number) => string;
-    onPrevButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onNextButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    monthPickerValues: {
-        value: string;
-        selectable: boolean;
-    }[];
-    yearPickerValues: {
-        value: number;
-        selectable: boolean;
-    }[];
-    switchToMonthView: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    switchToYearView: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onDateSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement> | null, dateMeta: useDatePickerDateMeta) => void;
-    onMonthSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>, index: number) => void;
-    onYearSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>, year: {
-        value: number;
-    }) => void;
-    onDateCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, date: useDatePickerDateMeta, groupIndex: number) => void;
-    onMonthCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, index: number) => void;
-    onYearCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, year: {
-        value: number;
-    }) => void;
-    onButtonClick: () => void;
-    switchViewButtonDisabled: boolean;
-    formattedCurrentHour: string | number;
-    formattedCurrentMinute: string | number;
-    formattedCurrentSecond: string | number;
-    ampmLabel: string;
-    onTimePickerElementMouseDown: (event: React.MouseEvent<HTMLButtonElement>, type: number, direction: number) => void;
-    onTimePickerElementMouseUp: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    onTimePickerElementMouseLeave: () => void;
-    onContainerButtonKeydown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-    onTimePickerElementKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, type: number, direction: number) => void;
-    onTimePickerElementKeyUp: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-    toggleAMPM: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onTodayButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onClearButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onClearClick: () => void;
-    onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onInputClick: () => void;
-    onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onInputFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onOverlayEnter: () => void;
-    changeVisibleState: (isVisible: boolean) => void;
-    isRangeSelection: () => boolean;
-    isSelected: (dateMeta: useDatePickerDateMeta) => boolean;
-    parseValue: (text: string) => useDatePickerProps["value"];
-    isDateEquals: (value: Date | string | null | undefined, dateMeta: useDatePickerDateMeta) => boolean;
-    isMonthSelected: (month: number) => boolean;
-    isYearSelected: (year: number) => boolean;
-    isInHoverRange: (dateMeta: useDatePickerDateMeta) => boolean;
-    onDateCellMouseEnter: (dateMeta: useDatePickerDateMeta) => void;
-}>;
+import type { UseDatePickerExposes, UseDatePickerProps } from '@primereact/types/headless/datepicker';
+export declare const useDatePicker: (inProps?: UseDatePickerProps | undefined) => import("@primereact/types/core").HeadlessInstance<UseDatePickerProps, UseDatePickerProps, UseDatePickerExposes & Record<PropertyKey, unknown>>;

package/datepicker/useDatePicker.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDatePickerProps } from '@primereact/types/shared/datepicker';
-export declare const defaultProps: useDatePickerProps;
+import type { UseDatePickerProps } from '@primereact/types/headless/datepicker';
+export declare const defaultProps: UseDatePickerProps;

package/dialog/index.d.ts

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

package/dialog/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as ke}from"@primereact/core/headless";import{useEventListener as y,useMountEffect as he,useUnmountEffect as Te,useUpdateEffect as j}from"@primereact/hooks";import{$dt as U}from"@primeuix/styled";import{addClass as we,addStyle as G,blockBodyScroll as He,focus as N,getOuterHeight as Ce,getOuterWidth as Ie,getViewport as Be,unblockBodyScroll as Pe,ZIndex as L}from"@primeuix/utils";import*as a from"react";var F={open:!1,defaultOpen:!1,draggable:!0,keepInViewport:!0,minX:0,minY:0,modal:void 0,dismissableMask:!1,closeOnEscape:!0,blockScroll:!1,baseZIndex:0,autoZIndex:!0,appendTo:"body",onOpenChange:void 0};var Ke=ke({name:"useDialog",defaultProps:F,setup:({props:e,$primereact:q})=>{var O,k,h,T;let[R,v]=a.useState((k=(O=e.open)!=null?O:e.defaultOpen)!=null?k:!1),[W,$]=a.useState(!1),[u,o]=a.useState((T=(h=e.open)!=null?h:e.defaultOpen)!=null?T:!1),l=a.useRef(null),n=a.useRef(null),b=a.useRef(null),E=a.useRef(null),x=a.useRef(null),M=a.useRef(null),s=a.useRef(null),i=a.useRef(null),m=a.useRef(!1),S={opened:R,maximized:W,maskVisible:u};he(()=>{(e.open||e.defaultOpen)&&o(!0)}),j(()=>{(e.open||e.defaultOpen&&!u)&&o(!0)},[e.open,e.defaultOpen]),j(()=>{u&&!R&&v(!0)},[u]),Te(()=>{o(!1),e.autoZIndex&&L.clear(l.current)});let D=()=>{var t;v(!1),(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:!1})},J=()=>$(t=>!t),Q=()=>{var r;let t=!R;t&&!u&&o(!0),(r=e==null?void 0:e.onOpenChange)==null||r.call(e,{value:t})},_=()=>{var t;(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:S.opened})},p=()=>{var t,r,c;M.current=document.activeElement,oe(),be(),e.autoZIndex&&L.set("modal",l.current,e.baseZIndex+((c=(r=(t=q.config)==null?void 0:t.zIndex)==null?void 0:r.modal)!=null?c:1100))},ee=()=>{ae()},te=()=>{e.modal&&we(l.current,"p-overlay-mask-leave")},ne=()=>{N(M.current),M.current=null},re=()=>{e.autoZIndex&&L.clear(l.current),se(),Ee(),o(!1)},ae=()=>{var r,c;let t=ce((c=(r=n.current)==null?void 0:r.elementRef.current)!=null?c:null);t||(b.current?t=b.current.elementRef.current:E.current&&(t=E.current.elementRef.current)),t&&N(t)},ce=t=>t&&t.querySelector("[autoFocus]"),le=t=>{x.current=t.target},ue=()=>{e.dismissableMask&&e.modal&&l.current===x.current&&D()},oe=()=>{e.blockScroll&&He({variableName:U("scrollbar.width").name})},se=()=>{e.blockScroll&&Pe({variableName:U("scrollbar.width").name})},[ie,fe]=y({type:"mousemove",listener:t=>De(t)}),[me,de]=y({type:"mouseup",listener:()=>ye()}),[ge,Re]=y({type:"keydown",listener:t=>Le(t)}),be=()=>{e.draggable&&(ie(),me()),e.closeOnEscape&&ge()},Ee=()=>{fe(),de(),Re()},Me=t=>{var r,c,f;(r=n.current)!=null&&r.elementRef.current&&((c=t.target.closest("div"))==null?void 0:c.getAttribute("data-pc-section"))!=="headeractions"&&e.draggable&&(m.current=!0,s.current=t.pageX,i.current=t.pageY,(f=n.current)!=null&&f.elementRef.current&&(n.current.elementRef.current.style.margin="0"),document.body.setAttribute("data-p-unselectable-text","true"),G(document.body,{"user-select":"none"}))},De=t=>{var r,c,f,w,H,C,I,B,P,X,Y;if(m.current){if(!((r=n.current)!=null&&r.elementRef.current)||s.current===null||i.current===null)return;let ve=Ie((c=n.current)==null?void 0:c.elementRef.current),xe=Ce((f=n.current)==null?void 0:f.elementRef.current),Se=t.pageX-s.current,Oe=t.pageY-i.current,Z=(w=n.current)==null?void 0:w.elementRef.current.getBoundingClientRect(),d=Z.left+Se,g=Z.top+Oe,z=Be(),V=getComputedStyle((H=n.current)==null?void 0:H.elementRef.current),A=parseFloat(V.marginLeft),K=parseFloat(V.marginTop);n.current&&n.current.elementRef.current&&(n.current.elementRef.current.style.position="fixed"),e.keepInViewport?(d>=((C=e.minX)!=null?C:0)&&d+ve<z.width&&(s.current=t.pageX,(I=n.current)!=null&&I.elementRef.current&&(n.current.elementRef.current.style.left=d-A+"px")),g>=((B=e.minY)!=null?B:0)&&g+xe<z.height&&(i.current=t.pageY,(P=n.current)!=null&&P.elementRef.current&&(n.current.elementRef.current.style.top=g-K+"px"))):(s.current=t.pageX,(X=n.current)!=null&&X.elementRef.current&&(n.current.elementRef.current.style.left=d-A+"px"),i.current=t.pageY,(Y=n.current)!=null&&Y.elementRef.current&&(n.current.elementRef.current.style.top=g-K+"px"))}},ye=()=>{m.current&&(m.current=!1,document.body.removeAttribute("data-p-unselectable-text"),G(document.body,{"user-select":""}))},Le=t=>{t.code==="Escape"&&e.closeOnEscape&&D()};return{state:S,maskRef:l,motionRef:n,maximizableButtonRef:b,closeButtonRef:E,onOpenStateChange:Q,onOpenChange:_,close:D,toggleMaximized:J,onMaskMouseDown:le,onMaskMouseUp:ue,onDragStart:Me,onMotionEnter:p,onMotionAfterEnter:ee,onMotionBeforeLeave:te,onMotionLeave:ne,onMotionAfterLeave:re}}});export{F as defaultProps,Ke as useDialog};
+var Se=Object.defineProperty,De=Object.defineProperties;var ze=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols;var Be=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var Q=(e,r,i)=>r in e?Se(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,s=(e,r)=>{for(var i in r||(r={}))Be.call(r,i)&&Q(e,i,r[i]);if(J)for(var i of J(r))Ie.call(r,i)&&Q(e,i,r[i]);return e},m=(e,r)=>De(e,ze(r));import{withHeadless as Xe}from"@primereact/core/headless";import{useFocusTrap as Ye}from"@primereact/headless/focustrap";import{useControlledState as Oe}from"@primereact/hooks/use-controlled-state";import{$dt as ee}from"@primeuix/styled";import{blockBodyScroll as Ze,focus as T,toElement as P,unblockBodyScroll as Ue}from"@primeuix/utils/dom";import{ZIndex as v}from"@primeuix/utils/zindex";import*as n from"react";var $={open:void 0,defaultOpen:void 0,draggable:!1,modal:!0,dismissable:!0,closeOnEscape:!0,blockScroll:!0,keepInViewport:!0,minX:0,minY:0,trapped:!0,baseZIndex:0,autoZIndex:!0,appendTo:"body",position:"center",fullScreen:!1,scrollBehavior:"inside",onOpenChange:void 0,onExitComplete:void 0};var Je=Xe({name:"useDialog",defaultProps:$,setup:({props:e,id:r,$primereact:i})=>{var U,A,V,F;let[l,h]=Oe({value:e.open,defaultValue:(U=e.defaultOpen)!=null?U:!1,onChange:e.onOpenChange}),[p,z]=n.useState((A=e.fullScreen)!=null?A:!1),[te,ne]=n.useState(null),[R,ae]=n.useState(null),[g,oe]=n.useState(null),d=n.useRef(null),M=n.useRef(null),w=n.useRef(null),x=n.useRef(null),k=n.useRef(null),y=n.useRef(null),L=n.useRef(null),B=Ye({trapped:!!e.trapped,autoFocus:!1});n.useEffect(()=>{var t;z((t=e.fullScreen)!=null?t:!1)},[e.fullScreen]);let I=n.useCallback(t=>{var o;let a=(o=P(t))!=null?o:null;a!==d.current&&(d.current=a,B.containerRef.current=a,ne(a))},[]),X=n.useCallback(t=>{var o;let a=(o=P(t))!=null?o:null;a!==M.current&&(M.current=a,ae(a))},[]),Y=n.useCallback(t=>{var o;let a=(o=P(t))!=null?o:null;a!==w.current&&(w.current=a,oe(a))},[]),re=n.useCallback(t=>{var o;let a=(o=P(t))!=null?o:null;a!==x.current&&(x.current=a)},[]),le=n.useCallback(t=>{var o;let a=(o=P(t))!=null?o:null;a!==k.current&&(k.current=a)},[]);function O(){h([!l,{originalEvent:void 0,value:!l}])}function ce(){h([!0,{originalEvent:void 0,value:!0}])}function b(){h([!1,{originalEvent:void 0,value:!1}])}function Z(){z(t=>!t)}let se=n.useCallback(()=>{if(!d.current)return;let t=d.current.querySelector("[autoFocus]");t?T(t):k.current?T(k.current):x.current&&T(x.current)},[]),ie=n.useCallback(()=>{var t;(t=e.onExitComplete)==null||t.call(e)},[e.onExitComplete]);n.useEffect(()=>{l?y.current=document.activeElement:y.current&&(T(y.current),y.current=null)},[l]),n.useEffect(()=>{if(!l||!e.closeOnEscape)return;let t=a=>{a.key==="Escape"&&b()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[l,e.closeOnEscape]);let ue=n.useCallback(t=>{L.current=t.target},[]),de=n.useCallback(()=>{e.dismissable&&w.current===L.current&&b(),L.current=null},[e.dismissable]),H=n.useRef(null),fe=n.useCallback(t=>{H.current=t.target},[]),me=n.useCallback(()=>{e.dismissable&&M.current===H.current&&b(),H.current=null},[e.dismissable]),c=n.useRef({dragging:!1,startX:0,startY:0,dx:0,dy:0}),ge=n.useCallback(t=>{if(!e.draggable||p||e.scrollBehavior==="outside")return;let a=t.target;if(a.closest('[data-part="close"]')||a.closest('[data-part="maximizable"]'))return;let o=d.current;o&&(c.current.dragging=!0,c.current.startX=t.clientX-c.current.dx,c.current.startY=t.clientY-c.current.dy,o.setPointerCapture(t.pointerId),o.setAttribute("data-dragging",""),o.style.setProperty("user-select","none"))},[e.draggable,p]),pe=n.useCallback(t=>{var E,K,N,_;if(!c.current.dragging)return;let a=d.current;if(!a)return;let o=t.clientX-c.current.startX,f=t.clientY-c.current.startY;if(e.keepInViewport){let u=a.getBoundingClientRect(),q=window.innerWidth,W=window.innerHeight,S=c.current.dx,D=c.current.dy,j=u.left+(o-S),G=u.top+(f-D);j<((E=e.minX)!=null?E:0)&&(o=S-(u.left-((K=e.minX)!=null?K:0))),G<((N=e.minY)!=null?N:0)&&(f=D-(u.top-((_=e.minY)!=null?_:0))),j+u.width>q&&(o=S+(q-u.left-u.width)),G+u.height>W&&(f=D+(W-u.top-u.height))}c.current.dx=o,c.current.dy=f,a.style.setProperty("--px-drag-x",o+"px"),a.style.setProperty("--px-drag-y",f+"px")},[e.keepInViewport,e.minX,e.minY]),Re=n.useCallback(()=>{var t,a;c.current.dragging&&(c.current.dragging=!1,(t=d.current)==null||t.removeAttribute("data-dragging"),(a=d.current)==null||a.style.removeProperty("user-select"))},[]);n.useEffect(()=>{l||(c.current={dragging:!1,startX:0,startY:0,dx:0,dy:0})},[l]),n.useEffect(()=>{if(!(!l||!e.blockScroll))return Ze({variableName:ee("scrollbar.width").name}),()=>{Ue({variableName:ee("scrollbar.width").name})}},[l,e.blockScroll]),n.useEffect(()=>{var t,a,o,f;if(R){if(e.autoZIndex){let E=((t=e.baseZIndex)!=null?t:0)+((f=(o=(a=i.config)==null?void 0:a.zIndex)==null?void 0:o.modal)!=null?f:1100);g&&v.set("modal",g,E),v.set("modal",R,E)}return()=>{e.autoZIndex&&(g&&v.clear(g),v.clear(R))}}},[R,g,e.autoZIndex,e.baseZIndex,(F=(V=i.config)==null?void 0:V.zIndex)==null?void 0:F.modal]);let C=p?{"data-maximized":""}:{},be=s(s({id:r,"data-scope":"dialog","data-part":"root"},l?{"data-open":""}:{"data-closed":""}),C),Ee=e.modal!==!1?{"data-modal":""}:{},Pe=m(s(s(s({"data-scope":"dialog","data-part":"positioner","data-position":e.position,"data-scroll-behavior":e.scrollBehavior},l?{"data-open":""}:{"data-closed":""}),C),Ee),{onPointerDown:fe,onPointerUp:me,ref:X}),xe=m(s({type:"button","data-scope":"dialog","data-part":"trigger","aria-haspopup":"dialog","aria-expanded":l,"aria-controls":r},l?{"data-popup-open":""}:{}),{onClick:O}),ke={"data-scope":"dialog","data-part":"portal"},ye=m(s({"data-scope":"dialog","data-part":"backdrop"},l?{"data-open":""}:{"data-closed":""}),{onPointerDown:ue,onPointerUp:de,ref:Y}),Ce=m(s(s(s({id:r,role:"dialog","aria-labelledby":r+"_header","data-scope":"dialog","data-part":"popup","data-position":e.position},l?{"data-open":""}:{"data-closed":""}),C),e.draggable?{"data-draggable":""}:{}),{onPointerMove:pe,onPointerUp:Re,ref:I}),Te=m(s({"data-scope":"dialog","data-part":"header",id:r+"_header"},e.draggable?{style:{cursor:"move"}}:{}),{onPointerDown:ge}),ve={"data-scope":"dialog","data-part":"header-actions"},he={"data-scope":"dialog","data-part":"title"},Me=m(s({"data-scope":"dialog","data-part":"maximizable"},p?{"data-maximized":""}:{"data-minimized":""}),{ref:le,onClick:Z}),we={"data-scope":"dialog","data-part":"close",ref:re,onClick:b},Le=s({"data-scope":"dialog","data-part":"content"},C),He={"data-scope":"dialog","data-part":"footer"};return{state:{open:l,maximized:p,trapped:!!e.trapped,popupElement:te,positionerElement:R,backdropElement:g},focusTrap:B,setPopupRef:I,setPositionerRef:X,setBackdropRef:Y,rootProps:be,positionerProps:Pe,triggerProps:xe,portalProps:ke,backdropProps:ye,popupProps:Ce,headerProps:Te,headerActionsProps:ve,titleProps:he,maximizableProps:Me,closeProps:we,contentProps:Le,footerProps:He,toggle:O,open:ce,close:b,toggleMaximized:Z,onOpenComplete:se,onCloseComplete:ie}}});export{$ as defaultProps,Je as useDialog};
 //# sourceMappingURL=index.mjs.map

package/dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/dialog/useDialog.ts","../../src/dialog/useDialog.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useEventListener, useMountEffect, useUnmountEffect, useUpdateEffect } from '@primereact/hooks';\nimport { $dt } from '@primeuix/styled';\nimport { addClass, addStyle, blockBodyScroll, focus, getOuterHeight, getOuterWidth, getViewport, unblockBodyScroll, ZIndex } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useDialog.props';\n\nexport const useDialog = withHeadless({\n    name: 'useDialog',\n    defaultProps,\n    setup: ({ props, $primereact }) => {\n        const [openState, setOpenState] = React.useState<boolean>(props.open ?? props.defaultOpen ?? false);\n        const [maximizedState, setMaximizedState] = React.useState<boolean>(false);\n        const [maskVisibleState, setMaskVisibleState] = React.useState<boolean>(props.open ?? props.defaultOpen ?? false);\n        const maskRef = React.useRef<HTMLDivElement | null>(null);\n        const motionRef = React.useRef<{ elementRef: React.RefObject<HTMLDivElement> } | null>(null);\n        const maximizableButtonRef = React.useRef<{ elementRef: React.RefObject<HTMLButtonElement> } | null>(null);\n        const closeButtonRef = React.useRef<{ elementRef: React.RefObject<HTMLButtonElement> } | null>(null);\n        const maskMouseDownTarget = React.useRef<EventTarget | null>(null);\n        const target = React.useRef<HTMLElement | null>(null);\n        const lastPageX = React.useRef<number | null>(null);\n        const lastPageY = React.useRef<number | null>(null);\n        const dragging = React.useRef(false);\n\n        const state = {\n            opened: openState,\n            maximized: maximizedState,\n            maskVisible: maskVisibleState\n        };\n\n        useMountEffect(() => {\n            if (props.open || props.defaultOpen) {\n                setMaskVisibleState(true);\n            }\n        });\n\n        useUpdateEffect(() => {\n            if (props.open || (props.defaultOpen && !maskVisibleState)) {\n                setMaskVisibleState(true);\n            }\n        }, [props.open, props.defaultOpen]);\n\n        useUpdateEffect(() => {\n            if (maskVisibleState && !openState) {\n                setOpenState(true);\n            }\n        }, [maskVisibleState]);\n\n        useUnmountEffect(() => {\n            setMaskVisibleState(false);\n\n            if (props.autoZIndex) {\n                ZIndex.clear(maskRef.current as HTMLDivElement);\n            }\n        });\n\n        // methods\n        const close = () => {\n            setOpenState(false);\n            props?.onOpenChange?.({\n                value: false\n            });\n        };\n\n        const toggleMaximized = () => setMaximizedState((prev) => !prev);\n\n        const onOpenStateChange = () => {\n            const newOpenState = !openState;\n\n            if (newOpenState && !maskVisibleState) {\n                setMaskVisibleState(true);\n            }\n\n            props?.onOpenChange?.({\n                value: newOpenState\n            });\n        };\n\n        const onOpenChange = () => {\n            props?.onOpenChange?.({\n                value: state.opened\n            });\n        };\n\n        const onMotionEnter = () => {\n            target.current = document.activeElement as HTMLElement;\n            enableDocumentSettings();\n            bindGlobalListeners();\n\n            if (props.autoZIndex) {\n                ZIndex.set('modal', maskRef.current as HTMLDivElement, (props.baseZIndex as number) + ($primereact.config?.zIndex?.modal ?? 1100));\n            }\n        };\n\n        const onMotionAfterEnter = () => {\n            focusElement();\n        };\n\n        const onMotionBeforeLeave = () => {\n            if (props.modal) {\n                // && !isUnstyled\n                addClass(maskRef.current as HTMLDivElement, 'p-overlay-mask-leave');\n            }\n        };\n\n        const onMotionLeave = () => {\n            focus(target.current as HTMLElement);\n            target.current = null;\n        };\n\n        const onMotionAfterLeave = () => {\n            if (props.autoZIndex) {\n                ZIndex.clear(maskRef.current as HTMLDivElement);\n            }\n\n            disableDocumentSettings();\n            unbindGlobalListeners();\n            setMaskVisibleState(false);\n        };\n\n        const focusElement = () => {\n            let focusTarget = findFocusableElement(motionRef.current?.elementRef.current ?? null);\n\n            if (!focusTarget) {\n                if (maximizableButtonRef.current) {\n                    focusTarget = maximizableButtonRef.current.elementRef.current;\n                } else if (closeButtonRef.current) {\n                    focusTarget = closeButtonRef.current.elementRef.current;\n                }\n            }\n\n            if (focusTarget) {\n                focus(focusTarget as HTMLElement);\n            }\n        };\n\n        const findFocusableElement = (container: HTMLElement | null) => {\n            return container && container.querySelector('[autoFocus]');\n        };\n\n        const onMaskMouseDown = (event: React.MouseEvent) => {\n            maskMouseDownTarget.current = event.target;\n        };\n\n        const onMaskMouseUp = () => {\n            if (props.dismissableMask && props.modal && maskRef.current === maskMouseDownTarget.current) {\n                close();\n            }\n        };\n\n        const enableDocumentSettings = () => {\n            if (props.blockScroll) {\n                blockBodyScroll({ variableName: $dt('scrollbar.width').name });\n            }\n        };\n\n        const disableDocumentSettings = () => {\n            if (props.blockScroll) {\n                unblockBodyScroll({ variableName: $dt('scrollbar.width').name });\n            }\n        };\n\n        const [bindDocumentDragListener, unbindDocumentDragListener] = useEventListener({\n            type: 'mousemove',\n            listener: (event: Event) => onDrag(event as unknown as React.MouseEvent)\n        });\n\n        const [bindDocumentDragEndListener, unbindDocumentDragEndListener] = useEventListener({\n            type: 'mouseup',\n            listener: () => onDragEnd()\n        });\n\n        const [bindDocumentKeyDownListener, unbindDocumentKeyDownListener] = useEventListener({\n            type: 'keydown',\n            listener: (event: Event) => onKeyDown(event as unknown as React.KeyboardEvent)\n        });\n\n        const bindGlobalListeners = () => {\n            if (props.draggable) {\n                bindDocumentDragListener();\n                bindDocumentDragEndListener();\n            }\n\n            if (props.closeOnEscape) {\n                bindDocumentKeyDownListener();\n            }\n        };\n\n        const unbindGlobalListeners = () => {\n            unbindDocumentDragListener();\n            unbindDocumentDragEndListener();\n            unbindDocumentKeyDownListener();\n        };\n\n        const onDragStart = (event: React.MouseEvent) => {\n            if (!motionRef.current?.elementRef.current) return;\n\n            if ((event.target as Element).closest('div')?.getAttribute('data-pc-section') === 'headeractions') {\n                return;\n            }\n\n            if (props.draggable) {\n                dragging.current = true;\n                lastPageX.current = event.pageX;\n                lastPageY.current = event.pageY;\n\n                if (motionRef.current?.elementRef.current) {\n                    motionRef.current.elementRef.current.style.margin = '0';\n                }\n\n                document.body.setAttribute('data-p-unselectable-text', 'true');\n                // isUnstyled\n                addStyle(document.body, { 'user-select': 'none' });\n            }\n        };\n\n        const onDrag = (event: React.MouseEvent) => {\n            if (dragging.current) {\n                if (!motionRef.current?.elementRef.current) return;\n\n                if (lastPageX.current === null || lastPageY.current === null) return;\n\n                const width = getOuterWidth(motionRef.current?.elementRef.current);\n                const height = getOuterHeight(motionRef.current?.elementRef.current);\n                const deltaX = event.pageX - lastPageX.current;\n                const deltaY = event.pageY - lastPageY.current;\n                const offset = motionRef.current?.elementRef.current.getBoundingClientRect();\n                const leftPos = offset.left + deltaX;\n                const topPos = offset.top + deltaY;\n                const viewport = getViewport();\n                const containerComputedStyle = getComputedStyle(motionRef.current?.elementRef.current);\n                const marginLeft = parseFloat(containerComputedStyle.marginLeft);\n                const marginTop = parseFloat(containerComputedStyle.marginTop);\n\n                if (motionRef.current && motionRef.current.elementRef.current) {\n                    motionRef.current.elementRef.current.style.position = 'fixed';\n                }\n\n                if (props.keepInViewport) {\n                    if (leftPos >= (props.minX ?? 0) && leftPos + width < viewport.width) {\n                        lastPageX.current = event.pageX;\n\n                        if (motionRef.current?.elementRef.current) {\n                            motionRef.current.elementRef.current.style.left = leftPos - marginLeft + 'px';\n                        }\n                    }\n\n                    if (topPos >= (props.minY ?? 0) && topPos + height < viewport.height) {\n                        lastPageY.current = event.pageY;\n\n                        if (motionRef.current?.elementRef.current) {\n                            motionRef.current.elementRef.current.style.top = topPos - marginTop + 'px';\n                        }\n                    }\n                } else {\n                    lastPageX.current = event.pageX;\n\n                    if (motionRef.current?.elementRef.current) {\n                        motionRef.current.elementRef.current.style.left = leftPos - marginLeft + 'px';\n                    }\n\n                    lastPageY.current = event.pageY;\n\n                    if (motionRef.current?.elementRef.current) {\n                        motionRef.current.elementRef.current.style.top = topPos - marginTop + 'px';\n                    }\n                }\n            }\n        };\n\n        const onDragEnd = () => {\n            if (dragging.current) {\n                dragging.current = false;\n                document.body.removeAttribute('data-p-unselectable-text');\n                // isUnstyled\n                addStyle(document.body, { 'user-select': '' });\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent) => {\n            if (event.code === 'Escape' && props.closeOnEscape) {\n                close();\n            }\n        };\n\n        return {\n            state,\n            // refs\n            maskRef,\n            motionRef,\n            maximizableButtonRef,\n            closeButtonRef,\n            // methods\n            onOpenStateChange,\n            onOpenChange,\n            close,\n            toggleMaximized,\n            onMaskMouseDown,\n            onMaskMouseUp,\n            onDragStart,\n            onMotionEnter,\n            onMotionAfterEnter,\n            onMotionBeforeLeave,\n            onMotionLeave,\n            onMotionAfterLeave\n        };\n    }\n});\n","import type { useDialogProps } from '@primereact/types/shared/dialog';\n\nexport const defaultProps: useDialogProps = {\n    open: false,\n    defaultOpen: false,\n    draggable: true,\n    keepInViewport: true,\n    minX: 0,\n    minY: 0,\n    modal: undefined,\n    dismissableMask: false,\n    closeOnEscape: true,\n    blockScroll: false,\n    baseZIndex: 0,\n    autoZIndex: true,\n    appendTo: 'body',\n    onOpenChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","useEventListener","useMountEffect","useUnmountEffect","useUpdateEffect","$dt","addClass","addStyle","blockBodyScroll","focus","getOuterHeight","getOuterWidth","getViewport","unblockBodyScroll","ZIndex","React","defaultProps","useDialog","withHeadless","defaultProps","props","$primereact","_a","_b","_c","_d","openState","setOpenState","maximizedState","setMaximizedState","maskVisibleState","setMaskVisibleState","maskRef","motionRef","maximizableButtonRef","closeButtonRef","maskMouseDownTarget","target","lastPageX","lastPageY","dragging","state","useMountEffect","useUpdateEffect","useUnmountEffect","ZIndex","close","toggleMaximized","prev","onOpenStateChange","newOpenState","onOpenChange","onMotionEnter","enableDocumentSettings","bindGlobalListeners","onMotionAfterEnter","focusElement","onMotionBeforeLeave","addClass","onMotionLeave","focus","onMotionAfterLeave","disableDocumentSettings","unbindGlobalListeners","focusTarget","findFocusableElement","container","onMaskMouseDown","event","onMaskMouseUp","blockBodyScroll","$dt","unblockBodyScroll","bindDocumentDragListener","unbindDocumentDragListener","useEventListener","onDrag","bindDocumentDragEndListener","unbindDocumentDragEndListener","onDragEnd","bindDocumentKeyDownListener","unbindDocumentKeyDownListener","onKeyDown","onDragStart","addStyle","_e","_f","_g","_h","_i","_j","_k","width","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","leftPos","topPos","viewport","getViewport","containerComputedStyle","marginLeft","marginTop"]}
+{"version":3,"sources":["../../src/dialog/useDialog.ts","../../src/dialog/useDialog.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useFocusTrap } from '@primereact/headless/focustrap';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport { $dt } from '@primeuix/styled';\nimport { blockBodyScroll, focus, toElement, unblockBodyScroll } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport * as React from 'react';\nimport { defaultProps } from './useDialog.props';\n\nexport const useDialog = withHeadless({\n    name: 'useDialog',\n    defaultProps,\n    setup: ({ props, id, $primereact }) => {\n        const [openState, setOpenState] = useControlledState({\n            value: props.open,\n            defaultValue: props.defaultOpen ?? false,\n            onChange: props.onOpenChange\n        });\n\n        const [maximizedState, setMaximizedState] = React.useState<boolean>(props.fullScreen ?? false);\n        const [popupElement, setPopupElement] = React.useState<HTMLElement | null>(null);\n        const [positionerElement, setPositionerElement] = React.useState<HTMLElement | null>(null);\n        const [backdropElement, setBackdropElement] = React.useState<HTMLElement | null>(null);\n\n        const popupRef = React.useRef<HTMLElement | null>(null);\n        const positionerRef = React.useRef<HTMLElement | null>(null);\n        const backdropRef = React.useRef<HTMLElement | null>(null);\n        const closeButtonRef = React.useRef<HTMLElement | null>(null);\n        const maximizableButtonRef = React.useRef<HTMLElement | null>(null);\n        const previousActiveElement = React.useRef<HTMLElement | null>(null);\n        const backdropMouseDownTarget = React.useRef<EventTarget | null>(null);\n\n        const focusTrap = useFocusTrap({\n            trapped: !!props.trapped,\n            autoFocus: false\n        });\n\n        React.useEffect(() => {\n            setMaximizedState(props.fullScreen ?? false);\n        }, [props.fullScreen]);\n\n        const setPopupRef = React.useCallback((node: HTMLElement | null) => {\n            const element = (toElement(node) ?? null) as HTMLElement | null;\n\n            if (element === popupRef.current) return;\n\n            popupRef.current = element;\n            focusTrap.containerRef.current = element;\n            setPopupElement(element);\n        }, []);\n\n        const setPositionerRef = React.useCallback((node: HTMLElement | null) => {\n            const element = (toElement(node) ?? null) as HTMLElement | null;\n\n            if (element === positionerRef.current) return;\n\n            positionerRef.current = element;\n            setPositionerElement(element);\n        }, []);\n\n        const setBackdropRef = React.useCallback((node: HTMLElement | null) => {\n            const element = (toElement(node) ?? null) as HTMLElement | null;\n\n            if (element === backdropRef.current) return;\n\n            backdropRef.current = element;\n            setBackdropElement(element);\n        }, []);\n\n        const setCloseButtonRef = React.useCallback((node: HTMLElement | null) => {\n            const element = (toElement(node) ?? null) as HTMLElement | null;\n\n            if (element === closeButtonRef.current) return;\n\n            closeButtonRef.current = element;\n        }, []);\n\n        const setMaximizableButtonRef = React.useCallback((node: HTMLElement | null) => {\n            const element = (toElement(node) ?? null) as HTMLElement | null;\n\n            if (element === maximizableButtonRef.current) return;\n\n            maximizableButtonRef.current = element;\n        }, []);\n\n        function toggle() {\n            setOpenState([!openState, { originalEvent: undefined, value: !openState }]);\n        }\n\n        function open() {\n            setOpenState([true, { originalEvent: undefined, value: true }]);\n        }\n\n        function close() {\n            setOpenState([false, { originalEvent: undefined, value: false }]);\n        }\n\n        function toggleMaximized() {\n            setMaximizedState((prev) => !prev);\n        }\n\n        const onOpenComplete = React.useCallback(() => {\n            if (!popupRef.current) return;\n\n            const focusTarget = popupRef.current.querySelector('[autoFocus]') as HTMLElement | null;\n\n            if (focusTarget) {\n                focus(focusTarget);\n            } else if (maximizableButtonRef.current) {\n                focus(maximizableButtonRef.current);\n            } else if (closeButtonRef.current) {\n                focus(closeButtonRef.current);\n            }\n        }, []);\n\n        const onCloseComplete = React.useCallback(() => {\n            props.onExitComplete?.();\n        }, [props.onExitComplete]);\n\n        React.useEffect(() => {\n            if (openState) {\n                previousActiveElement.current = document.activeElement as HTMLElement;\n            } else if (previousActiveElement.current) {\n                focus(previousActiveElement.current);\n                previousActiveElement.current = null;\n            }\n        }, [openState]);\n\n        React.useEffect(() => {\n            if (!openState || !props.closeOnEscape) return;\n\n            const onKeyDown = (event: KeyboardEvent) => {\n                if (event.key === 'Escape') {\n                    close();\n                }\n            };\n\n            document.addEventListener('keydown', onKeyDown);\n\n            return () => document.removeEventListener('keydown', onKeyDown);\n        }, [openState, props.closeOnEscape]);\n\n        const onBackdropPointerDown = React.useCallback((event: React.PointerEvent) => {\n            backdropMouseDownTarget.current = event.target;\n        }, []);\n\n        const onBackdropPointerUp = React.useCallback(() => {\n            if (props.dismissable && backdropRef.current === backdropMouseDownTarget.current) {\n                close();\n            }\n\n            backdropMouseDownTarget.current = null;\n        }, [props.dismissable]);\n\n        const positionerMouseDownTarget = React.useRef<EventTarget | null>(null);\n\n        const onPositionerPointerDown = React.useCallback((event: React.PointerEvent) => {\n            positionerMouseDownTarget.current = event.target;\n        }, []);\n\n        const onPositionerPointerUp = React.useCallback(() => {\n            if (props.dismissable && positionerRef.current === positionerMouseDownTarget.current) {\n                close();\n            }\n\n            positionerMouseDownTarget.current = null;\n        }, [props.dismissable]);\n\n        const dragRef = React.useRef({ dragging: false, startX: 0, startY: 0, dx: 0, dy: 0 });\n\n        const onDragPointerDown = React.useCallback(\n            (event: React.PointerEvent) => {\n                if (!props.draggable || maximizedState || props.scrollBehavior === 'outside') return;\n\n                const target = event.target as Element;\n\n                if (target.closest('[data-part=\"close\"]') || target.closest('[data-part=\"maximizable\"]')) return;\n\n                const el = popupRef.current;\n\n                if (!el) return;\n\n                dragRef.current.dragging = true;\n                dragRef.current.startX = event.clientX - dragRef.current.dx;\n                dragRef.current.startY = event.clientY - dragRef.current.dy;\n\n                el.setPointerCapture(event.pointerId);\n                el.setAttribute('data-dragging', '');\n                el.style.setProperty('user-select', 'none');\n            },\n            [props.draggable, maximizedState]\n        );\n\n        const onDragPointerMove = React.useCallback(\n            (event: React.PointerEvent) => {\n                if (!dragRef.current.dragging) return;\n\n                const el = popupRef.current;\n\n                if (!el) return;\n\n                let dx = event.clientX - dragRef.current.startX;\n                let dy = event.clientY - dragRef.current.startY;\n\n                if (props.keepInViewport) {\n                    const rect = el.getBoundingClientRect();\n                    const vw = window.innerWidth;\n                    const vh = window.innerHeight;\n                    const curDx = dragRef.current.dx;\n                    const curDy = dragRef.current.dy;\n\n                    const newLeft = rect.left + (dx - curDx);\n                    const newTop = rect.top + (dy - curDy);\n\n                    if (newLeft < (props.minX ?? 0)) dx = curDx - (rect.left - (props.minX ?? 0));\n\n                    if (newTop < (props.minY ?? 0)) dy = curDy - (rect.top - (props.minY ?? 0));\n\n                    if (newLeft + rect.width > vw) dx = curDx + (vw - rect.left - rect.width);\n\n                    if (newTop + rect.height > vh) dy = curDy + (vh - rect.top - rect.height);\n                }\n\n                dragRef.current.dx = dx;\n                dragRef.current.dy = dy;\n\n                el.style.setProperty('--px-drag-x', dx + 'px');\n                el.style.setProperty('--px-drag-y', dy + 'px');\n            },\n            [props.keepInViewport, props.minX, props.minY]\n        );\n\n        const onDragPointerUp = React.useCallback(() => {\n            if (!dragRef.current.dragging) return;\n\n            dragRef.current.dragging = false;\n            popupRef.current?.removeAttribute('data-dragging');\n            popupRef.current?.style.removeProperty('user-select');\n        }, []);\n\n        React.useEffect(() => {\n            if (!openState) {\n                dragRef.current = { dragging: false, startX: 0, startY: 0, dx: 0, dy: 0 };\n            }\n        }, [openState]);\n\n        React.useEffect(() => {\n            if (!openState || !props.blockScroll) return;\n\n            blockBodyScroll({ variableName: $dt('scrollbar.width').name });\n\n            return () => {\n                unblockBodyScroll({ variableName: $dt('scrollbar.width').name });\n            };\n        }, [openState, props.blockScroll]);\n\n        React.useEffect(() => {\n            if (!positionerElement) return;\n\n            if (props.autoZIndex) {\n                const baseZ = (props.baseZIndex ?? 0) + ($primereact.config?.zIndex?.modal ?? 1100);\n\n                if (backdropElement) {\n                    ZIndex.set('modal', backdropElement, baseZ);\n                }\n\n                ZIndex.set('modal', positionerElement, baseZ);\n            }\n\n            return () => {\n                if (props.autoZIndex) {\n                    if (backdropElement) ZIndex.clear(backdropElement);\n\n                    ZIndex.clear(positionerElement);\n                }\n            };\n        }, [positionerElement, backdropElement, props.autoZIndex, props.baseZIndex, $primereact.config?.zIndex?.modal]);\n\n        const maximizedAttr = maximizedState ? { 'data-maximized': '' as const } : {};\n\n        const rootProps = {\n            id,\n            'data-scope': 'dialog',\n            'data-part': 'root',\n            ...(openState ? { 'data-open': '' as const } : { 'data-closed': '' as const }),\n            ...maximizedAttr\n        };\n\n        const modalAttr = props.modal !== false ? { 'data-modal': '' as const } : {};\n\n        const positionerProps = {\n            'data-scope': 'dialog',\n            'data-part': 'positioner',\n            'data-position': props.position,\n            'data-scroll-behavior': props.scrollBehavior,\n            ...(openState ? { 'data-open': '' as const } : { 'data-closed': '' as const }),\n            ...maximizedAttr,\n            ...modalAttr,\n            onPointerDown: onPositionerPointerDown,\n            onPointerUp: onPositionerPointerUp,\n            ref: setPositionerRef\n        };\n\n        const triggerProps = {\n            type: 'button' as const,\n            'data-scope': 'dialog',\n            'data-part': 'trigger',\n            'aria-haspopup': 'dialog' as const,\n            'aria-expanded': openState,\n            'aria-controls': id,\n            ...(openState ? { 'data-popup-open': '' as const } : {}),\n            onClick: toggle\n        };\n\n        const portalProps = {\n            'data-scope': 'dialog',\n            'data-part': 'portal'\n        };\n\n        const backdropProps = {\n            'data-scope': 'dialog',\n            'data-part': 'backdrop',\n            ...(openState ? { 'data-open': '' as const } : { 'data-closed': '' as const }),\n            onPointerDown: onBackdropPointerDown,\n            onPointerUp: onBackdropPointerUp,\n            ref: setBackdropRef\n        };\n\n        const popupProps = {\n            id,\n            role: 'dialog' as const,\n            'aria-labelledby': id + '_header',\n            'data-scope': 'dialog',\n            'data-part': 'popup',\n            'data-position': props.position,\n            ...(openState ? { 'data-open': '' as const } : { 'data-closed': '' as const }),\n            ...maximizedAttr,\n            ...(props.draggable ? { 'data-draggable': '' as const } : {}),\n            onPointerMove: onDragPointerMove,\n            onPointerUp: onDragPointerUp,\n            ref: setPopupRef\n        };\n\n        const headerProps = {\n            'data-scope': 'dialog',\n            'data-part': 'header',\n            id: id + '_header',\n            ...(props.draggable ? { style: { cursor: 'move' } as React.CSSProperties } : {}),\n            onPointerDown: onDragPointerDown\n        };\n\n        const headerActionsProps = {\n            'data-scope': 'dialog',\n            'data-part': 'header-actions'\n        };\n\n        const titleProps = {\n            'data-scope': 'dialog',\n            'data-part': 'title'\n        };\n\n        const maximizableProps = {\n            'data-scope': 'dialog',\n            'data-part': 'maximizable',\n            ...(maximizedState ? { 'data-maximized': '' as const } : { 'data-minimized': '' as const }),\n            ref: setMaximizableButtonRef,\n            onClick: toggleMaximized\n        };\n\n        const closeProps = {\n            'data-scope': 'dialog',\n            'data-part': 'close',\n            ref: setCloseButtonRef,\n            onClick: close\n        };\n\n        const contentProps = {\n            'data-scope': 'dialog',\n            'data-part': 'content',\n            ...maximizedAttr\n        };\n\n        const footerProps = {\n            'data-scope': 'dialog',\n            'data-part': 'footer'\n        };\n\n        const state = {\n            open: openState,\n            maximized: maximizedState,\n            trapped: !!props.trapped,\n            popupElement,\n            positionerElement,\n            backdropElement\n        };\n\n        return {\n            state,\n            focusTrap,\n\n            setPopupRef,\n            setPositionerRef,\n            setBackdropRef,\n\n            rootProps,\n            positionerProps,\n            triggerProps,\n            portalProps,\n            backdropProps,\n            popupProps,\n            headerProps,\n            headerActionsProps,\n            titleProps,\n            maximizableProps,\n            closeProps,\n            contentProps,\n            footerProps,\n\n            toggle,\n            open,\n            close,\n            toggleMaximized,\n            onOpenComplete,\n            onCloseComplete\n        };\n    }\n});\n","import type { UseDialogProps } from '@primereact/types/headless/dialog';\n\nexport const defaultProps: UseDialogProps = {\n    open: undefined,\n    defaultOpen: undefined,\n    draggable: false,\n    modal: true,\n    dismissable: true,\n    closeOnEscape: true,\n    blockScroll: true,\n    keepInViewport: true,\n    minX: 0,\n    minY: 0,\n    trapped: true,\n    baseZIndex: 0,\n    autoZIndex: true,\n    appendTo: 'body',\n    position: 'center',\n    fullScreen: false,\n    scrollBehavior: 'inside',\n    onOpenChange: undefined,\n    onExitComplete: undefined\n};\n"],"mappings":"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","names":["withHeadless","useFocusTrap","useControlledState","$dt","blockBodyScroll","focus","toElement","unblockBodyScroll","ZIndex","React","defaultProps","useDialog","withHeadless","defaultProps","props","id","$primereact","_a","_b","_c","_d","openState","setOpenState","useControlledState","maximizedState","setMaximizedState","popupElement","setPopupElement","positionerElement","setPositionerElement","backdropElement","setBackdropElement","popupRef","positionerRef","backdropRef","closeButtonRef","maximizableButtonRef","previousActiveElement","backdropMouseDownTarget","focusTrap","useFocusTrap","setPopupRef","node","element","toElement","setPositionerRef","setBackdropRef","setCloseButtonRef","setMaximizableButtonRef","toggle","open","close","toggleMaximized","prev","onOpenComplete","focusTarget","focus","onCloseComplete","onKeyDown","event","onBackdropPointerDown","onBackdropPointerUp","positionerMouseDownTarget","onPositionerPointerDown","onPositionerPointerUp","dragRef","onDragPointerDown","target","el","onDragPointerMove","dx","dy","rect","vw","vh","curDx","curDy","newLeft","newTop","onDragPointerUp","blockBodyScroll","$dt","unblockBodyScroll","baseZ","ZIndex","maximizedAttr","rootProps","__spreadValues","modalAttr","positionerProps","__spreadProps","triggerProps","portalProps","backdropProps","popupProps","headerProps","headerActionsProps","titleProps","maximizableProps","closeProps","contentProps","footerProps"]}

package/dialog/useDialog.d.ts

@@ -1,30 +1,280 @@
 import * as React from 'react';
-export declare const useDialog: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/dialog").useDialogProps, unknown, {
+export declare const useDialog: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dialog").UseDialogProps, unknown, {
     state: {
-        opened: boolean;
+        open: boolean | undefined;
         maximized: boolean;
-        maskVisible: boolean;
-    };
-    maskRef: React.RefObject<HTMLDivElement | null>;
-    motionRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLDivElement>;
-    } | null>;
-    maximizableButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    closeButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    onOpenStateChange: () => void;
-    onOpenChange: () => void;
+        trapped: boolean;
+        popupElement: HTMLElement | null;
+        positionerElement: HTMLElement | null;
+        backdropElement: HTMLElement | 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;
+        };
+    }>;
+    setPopupRef: (node: HTMLElement | null) => void;
+    setPositionerRef: (node: HTMLElement | null) => void;
+    setBackdropRef: (node: HTMLElement | null) => void;
+    rootProps: {
+        'data-maximized': "";
+        'data-open': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-open': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized': "";
+        'data-closed': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    positionerProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized': "";
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized': "";
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized'?: undefined;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized'?: undefined;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized': "";
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized': "";
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    };
+    triggerProps: {
+        onClick: () => void;
+        'data-popup-open'?: "" | undefined;
+        type: "button";
+        'data-scope': string;
+        'data-part': string;
+        'aria-haspopup': "dialog";
+        'aria-expanded': boolean | undefined;
+        'aria-controls': string | undefined;
+    };
+    portalProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    backdropProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+    };
+    popupProps: {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized': "";
+        'data-open': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized'?: undefined;
+        'data-open': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized': "";
+        'data-closed': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "center" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    };
+    headerProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        style?: React.CSSProperties | undefined;
+        'data-scope': string;
+        'data-part': string;
+        id: string;
+    };
+    headerActionsProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    titleProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    maximizableProps: {
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+        'data-maximized': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+        'data-minimized': "";
+        'data-scope': string;
+        'data-part': string;
+    };
+    closeProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+    };
+    contentProps: {
+        'data-maximized': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    footerProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    toggle: () => void;
+    open: () => void;
     close: () => void;
     toggleMaximized: () => void;
-    onMaskMouseDown: (event: React.MouseEvent) => void;
-    onMaskMouseUp: () => void;
-    onDragStart: (event: React.MouseEvent) => void;
-    onMotionEnter: () => void;
-    onMotionAfterEnter: () => void;
-    onMotionBeforeLeave: () => void;
-    onMotionLeave: () => void;
-    onMotionAfterLeave: () => void;
+    onOpenComplete: () => void;
+    onCloseComplete: () => void;
 }>;

package/dialog/useDialog.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDialogProps } from '@primereact/types/shared/dialog';
-export declare const defaultProps: useDialogProps;
+import type { UseDialogProps } from '@primereact/types/headless/dialog';
+export declare const defaultProps: UseDialogProps;

package/divider/index.d.ts

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

package/divider/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var p=e({name:"useDivider",defaultProps:r});export{r as defaultProps,p as useDivider};
+import{withHeadless as r}from"@primereact/core/headless";var e={};var d=r({name:"useDivider",defaultProps:e,setup({props:t}){return{rootProps:{"data-scope":"divider","data-part":"root",role:"separator","aria-orientation":t.orientation,"data-orientation":t.orientation,"data-align":t.align},contentProps:{"data-scope":"divider","data-part":"content"}}}});export{e as defaultProps,d as useDivider};
 //# sourceMappingURL=index.mjs.map

package/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/divider/useDivider.ts","../../src/divider/useDivider.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useDivider.props';\n\nexport const useDivider = withHeadless({\n    name: 'useDivider',\n    defaultProps\n});\n","import type { useDividerProps } from '@primereact/types/shared/divider';\n\nexport const defaultProps: useDividerProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAgC,CAAC,EDCvC,IAAMC,EAAaC,EAAa,CACnC,KAAM,aACN,aAAAC,CACJ,CAAC","names":["withHeadless","defaultProps","useDivider","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/divider/useDivider.ts","../../src/divider/useDivider.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useDivider.props';\n\nexport const useDivider = withHeadless({\n    name: 'useDivider',\n    defaultProps,\n    setup({ props }) {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'divider',\n            'data-part': 'root',\n            role: 'separator' as const,\n            'aria-orientation': props.orientation,\n            'data-orientation': props.orientation,\n            'data-align': props.align\n        };\n\n        const contentProps = {\n            'data-scope': 'divider',\n            'data-part': 'content'\n        };\n\n        return {\n            rootProps,\n            contentProps\n        };\n    }\n});\n","import type { UseDividerProps } from '@primereact/types/headless/divider';\n\nexport const defaultProps: UseDividerProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAgC,CAAC,EDCvC,IAAMC,EAAaC,EAAa,CACnC,KAAM,aACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CAgBb,MAAO,CACH,UAfc,CACd,aAAc,UACd,YAAa,OACb,KAAM,YACN,mBAAoBA,EAAM,YAC1B,mBAAoBA,EAAM,YAC1B,aAAcA,EAAM,KACxB,EASI,aAPiB,CACjB,aAAc,UACd,YAAa,SACjB,CAKA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useDivider","withHeadless","defaultProps","props"]}