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

package/stepper/useStepper.d.ts

@@ -1,8 +1,53 @@
-import { useStepperProps } from '@primereact/types/shared/stepper';
-export declare const useStepper: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useStepperProps, unknown, {
+import { UseStepperProps } from '@primereact/types/headless/stepper';
+export declare const useStepper: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<UseStepperProps, unknown, {
     state: {
         value: string | number | null | undefined;
     };
+    rootProps: {
+        'data-scope': "stepper";
+        'data-part': "root";
+    };
+    getItemProps: ({ active }: {
+        active: boolean;
+    }) => {
+        'data-active'?: "" | undefined;
+        'data-scope': "stepper";
+        'data-part': "item";
+    };
+    getStepProps: ({ active, disabled }: {
+        active: boolean;
+        disabled: boolean | undefined | null;
+    }) => {
+        'data-disabled'?: "" | undefined;
+        'data-active'?: "" | undefined;
+        'data-scope': "stepper";
+        'data-part': "step";
+        'aria-current': "step" | undefined;
+        role: "presentation";
+    };
+    getHeaderProps: ({ activeValue, disabled }: {
+        activeValue: string | number | null | undefined;
+        disabled: boolean | undefined | null;
+    }) => {
+        'data-scope': "stepper";
+        'data-part': "header";
+        type: "button";
+        role: "tab";
+        tabIndex: number | undefined;
+        'aria-controls': string;
+        disabled: boolean | null | undefined;
+        onClick: () => void;
+    };
+    getPanelProps: ({ active, activeValue }: {
+        active: boolean;
+        activeValue: string | number | null | undefined;
+    }) => {
+        'data-active'?: "" | undefined;
+        'data-scope': "stepper";
+        'data-part': "panel";
+        role: "tabpanel";
+        'aria-controls': string;
+    };
     setActiveStep: (value: null | undefined | string | number) => void;
     isStepActive: (value: null | undefined | string | number) => boolean;
     isStepDisabled: () => boolean;

package/stepper/useStepper.props.d.ts

@@ -1,2 +1,2 @@
-import type { useStepperProps } from '@primereact/types/shared/stepper';
-export declare const defaultProps: useStepperProps;
+import type { UseStepperProps } from '@primereact/types/headless/stepper';
+export declare const defaultProps: UseStepperProps;

package/styleclass/index.d.ts

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

package/styleclass/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as M}from"@primereact/core/headless";import{useEventListener as m}from"@primereact/hooks/use-event-listener";import{useMountEffect as O}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as P}from"@primereact/hooks/use-unmount-effect";import{useUpdateEffect as R}from"@primereact/hooks/use-update-effect";import{addClass as l,getTargetElement as S,hasClass as w,isVisible as b,removeClass as i,setAttribute as D,toElement as U}from"@primeuix/utils";import*as r from"react";var L={nodeRef:void 0,selector:void 0,enterFromClassName:void 0,enterActiveClassName:void 0,enterToClassName:void 0,leaveFromClassName:void 0,leaveActiveClassName:void 0,leaveToClassName:void 0,hiddenClassName:void 0,hideOnOutsideClick:!1,toggleClassName:void 0};var K=M({name:"useStyleClass",defaultProps:L,setup({props:e,elementRef:n}){let c=r.useRef(!1),t=r.useRef(null),[o,k]=m({type:"animationend",listener(){var a,s;i(t.current,(a=e.enterActiveClassName)!=null?a:""),e.enterToClassName&&l(t.current,e.enterToClassName),k(),t.current&&((s=e.enterActiveClassName)!=null&&s.includes("slidedown"))&&(t.current.style.maxHeight=""),c.current=!1}}),[C,A]=m({type:"animationend",listener(){var a;i(t.current,(a=e.leaveActiveClassName)!=null?a:""),e.leaveToClassName&&l(t.current,e.leaveToClassName),A(),c.current=!1}}),[f,u]=m({type:"click",listener(a){!b(t.current)||getComputedStyle(t.current).getPropertyValue("position")==="static"?u():x(a)&&d()},when:e.hideOnOutsideClick}),[N,g]=m({type:"click",listener(){t.current=F(),e.toggleClassName?w(t.current,e.toggleClassName)?i(t.current,e.toggleClassName):l(t.current,e.toggleClassName):b(t.current)?d():v()}}),v=r.useCallback(()=>{var a,s;t.current&&(e.enterActiveClassName?c.current||(c.current=!0,e.enterActiveClassName.includes("slidedown")&&(t.current.style.height="0px",i(t.current,(a=e.hiddenClassName||e.enterFromClassName)!=null?a:""),t.current.style.maxHeight=t.current.scrollHeight+"px",l(t.current,e.hiddenClassName||e.enterActiveClassName),t.current.style.height=""),l(t.current,e.enterActiveClassName),e.enterFromClassName&&i(t.current,e.enterFromClassName),o({target:t.current})):(e.enterFromClassName&&i(t.current,e.enterFromClassName),e.enterToClassName&&l(t.current,e.enterToClassName)),f({target:(s=n.current)==null?void 0:s.ownerDocument}))},[f,o,n,e]),d=r.useCallback(()=>{e.leaveActiveClassName?c.current||(c.current=!0,l(t.current,e.leaveActiveClassName),e.leaveFromClassName&&i(t.current,e.leaveFromClassName),C({target:t.current})):(e.leaveFromClassName&&i(t.current,e.leaveFromClassName),e.leaveToClassName&&l(t.current,e.leaveToClassName)),e.hideOnOutsideClick&&u()},[C,e,u]),F=r.useCallback(()=>t.current||S(e.selector,n.current),[n,e.selector]),E=r.useCallback(()=>{Promise.resolve().then(()=>{var a;(a=e.nodeRef)!=null&&a.current&&(n.current=U(e.nodeRef)),D(n.current,"data-pd-styleclass",!0),N({target:n.current})})},[N,n,e.nodeRef]),H=r.useCallback(()=>{g(),u(),t.current=null},[]),x=a=>{var T,y,h;let s=a==null?void 0:a.target;return!((T=n.current)!=null&&T.isSameNode(s))&&!((y=n.current)!=null&&y.contains(s))&&!((h=t.current)!=null&&h.contains(s))};return O(()=>{E()}),R(()=>(E(),()=>{g()})),P(()=>{H()}),{targetRef:t,enter:v,leave:d}}});export{L as defaultProps,K as useStyleClass};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as P}from"@primereact/core/headless";import{useEventListener as d}from"@primereact/hooks/use-event-listener";import{useMountEffect as S}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as U}from"@primereact/hooks/use-unmount-effect";import{useUpdateEffect as D}from"@primereact/hooks/use-update-effect";import{addClass as a,getTargetElement as R,hasClass as V,isElement as W,isVisible as f,removeClass as i,setAttribute as j,toElement as q}from"@primeuix/utils";import*as s from"react";var T={nodeRef:void 0,selector:void 0,enterFromClassName:void 0,enterActiveClassName:void 0,enterToClassName:void 0,leaveFromClassName:void 0,leaveActiveClassName:void 0,leaveToClassName:void 0,hiddenClassName:void 0,hideOnOutsideClick:!1,toggleClassName:void 0,hideOnResize:!1,resizeSelector:void 0};var _=P({name:"useStyleClass",defaultProps:T,setup({props:e,elementRef:n}){let l=s.useRef(!1),t=s.useRef(null),c=s.useRef(null),[C,z]=d({type:"animationend",listener(){i(t.current,e.enterActiveClassName??""),e.enterToClassName&&a(t.current,e.enterToClassName),z(),t.current&&e.enterActiveClassName?.includes("slidedown")&&(t.current.style.maxHeight=""),l.current=!1}}),[N,k]=d({type:"animationend",listener(){i(t.current,e.leaveActiveClassName??""),e.leaveToClassName&&a(t.current,e.leaveToClassName),k(),l.current=!1}}),[v,o]=d({type:"click",listener(r){!f(t.current)||getComputedStyle(t.current).getPropertyValue("position")==="static"?o():x(r)&&m()},when:e.hideOnOutsideClick}),[O,g]=d({type:"resize",listener(){f(t.current)?m():g()},when:e.hideOnResize}),[E,b]=d({type:"click",listener(){t.current=H(),e.toggleClassName?V(t.current,e.toggleClassName)?i(t.current,e.toggleClassName):a(t.current,e.toggleClassName):f(t.current)?m():h()}}),h=s.useCallback(()=>{t.current&&(e.enterActiveClassName?l.current||(l.current=!0,e.enterActiveClassName.includes("slidedown")&&(t.current.style.height="0px",i(t.current,(e.hiddenClassName||e.enterFromClassName)??""),t.current.style.maxHeight=t.current.scrollHeight+"px",a(t.current,e.hiddenClassName||e.enterActiveClassName),t.current.style.height=""),a(t.current,e.enterActiveClassName),e.enterFromClassName&&i(t.current,e.enterFromClassName),C({target:t.current})):(e.enterFromClassName&&i(t.current,e.enterFromClassName),e.enterToClassName&&a(t.current,e.enterToClassName)),e.hideOnOutsideClick&&v({target:n.current?.ownerDocument}),e.hideOnResize&&w())},[v,C,n,e]),m=s.useCallback(()=>{e.leaveActiveClassName?l.current||(l.current=!0,a(t.current,e.leaveActiveClassName),e.leaveFromClassName&&i(t.current,e.leaveFromClassName),N({target:t.current})):(e.leaveFromClassName&&i(t.current,e.leaveFromClassName),e.leaveToClassName&&a(t.current,e.leaveToClassName)),e.hideOnOutsideClick&&o(),e.hideOnResize&&y()},[N,e,o]),w=()=>{let r=R(e.resizeSelector??"window");W(r)?A(r):O({target:"window"})},y=()=>{g(),F()},A=r=>{if(!c.current&&r){let u=!0;c.current=new ResizeObserver(()=>{if(u){u=!1;return}f(t.current)&&m()}),c.current.observe(r)}},F=()=>{c.current&&(c.current.disconnect(),c.current=null)},H=s.useCallback(()=>t.current||R(e.selector,n.current),[n,e.selector]),L=s.useCallback(()=>{Promise.resolve().then(()=>{e.nodeRef?.current&&(n.current=q(e.nodeRef)),j(n.current,"data-pd-styleclass",!0),E({target:n.current})})},[E,n,e.nodeRef]),M=s.useCallback(()=>{b(),o(),y(),t.current=null},[]),x=r=>{let u=r?.target;return!n.current?.isSameNode(u)&&!n.current?.contains(u)&&!t.current?.contains(u)};return S(()=>{L()}),D(()=>(L(),()=>{b()})),U(()=>{M()}),{rootProps:{"data-scope":"styleclass","data-part":"root"},targetRef:t,enter:h,leave:m}}});export{T as defaultProps,_ as useStyleClass};

package/styleclass/useStyleClass.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-export declare const useStyleClass: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/styleclass").useStyleClassProps, unknown, {
+export declare const useStyleClass: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/styleclass").UseStyleClassProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
     targetRef: React.RefObject<HTMLElement | null>;
     enter: () => void;
     leave: () => void;

package/styleclass/useStyleClass.props.d.ts

@@ -1,2 +1,2 @@
-import type { useStyleClassProps } from '@primereact/types/shared/styleclass';
-export declare const defaultProps: useStyleClassProps;
+import type { UseStyleClassProps } from '@primereact/types/headless/styleclass';
+export declare const defaultProps: UseStyleClassProps;

package/tabs/index.d.ts

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

package/tabs/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as C}from"@primereact/core/headless";import{findSingle as E,focus as D,getAttribute as q,getOffset as H,getOuterHeight as h,getOuterWidth as V}from"@primeuix/utils";import*as m from"react";var M={value:void 0,onValueChange:void 0,selectOnFocus:!1};var j=C({name:"useTabs",defaultProps:M,setup:({props:s,elementRef:f})=>{var v;let[d,L]=m.useState((v=s.value)!=null?v:void 0),[x,S]=m.useState({}),k={activeTab:d,inkBarDimensions:x},g=t=>{var e;d!==t&&(L(t),(e=s.onValueChange)==null||e.call(s,{value:t}))};m.useEffect(()=>{s.value!==d&&L(s.value)},[s.value]);let P=t=>t==null?!1:d===t,A=()=>{let t=f==null?void 0:f.current;if(!t)return;let e=E(t,'[data-pc-section="tab"][data-p-active="true"]');if(!e)return;let a=t.querySelector('[data-pc-section="content"]');if(!a)return;let b=(a==null?void 0:a.scrollLeft)||0,i=H(e),n=H(t),r=H(a),o=V(e),u=h(e),c=h(a),l=Number(i.left)-Number(r.left),p=Number(i.left)-Number(n.left)+b,w=a.offsetWidth-(l+o),F=Number(i.top)-Number(r.top),y=Number(r.top)+c-(u+Number(i.top));return{"--width":o+"px","--height":u+"px","--top":F+"px","--left":p+"px","--right":w+"px","--bottom":y+"px"}},T=(t,e)=>{let a=r=>E(r,'[data-pc-section="tab"]'),b=(r,o,u=!1)=>{let l=u?r:r[o==="next"?"nextElementSibling":"previousElementSibling"];return l?q(l,"data-p-disabled")?b(l,o):a(l):null},i=r=>{let o=E(f==null?void 0:f.current,'[data-pc-section="tablist"]');if(!o)return null;let u='[data-pc-section="tab"]',c=null;if(r==="first")c=o.querySelector(u);else{let p=o.querySelectorAll(u);c=p.length>0?p[p.length-1]:null}return c?b(c,r==="first"?"next":"previous",!0):null};if(!t)return;let n=null;switch(e){case"next":n=b(t,"next"),n||(n=i("first"));break;case"previous":n=b(t,"previous"),n||(n=i("last"));break;case"first":n=i("first");break;case"last":n=i("last");break}n&&D(n)},B=(t,e)=>{switch(t.code){case"ArrowRight":T(t.currentTarget,"next");break;case"ArrowLeft":T(t.currentTarget,"previous");break;case"Home":T(t.currentTarget,"first");break;case"End":T(t.currentTarget,"last");break;case"Enter":case"NumpadEnter":case"Space":g(e);break;case"Tab":return;default:break}t.preventDefault()},N=(t,e)=>{s.selectOnFocus||g(e)},O=(t,e)=>{s.selectOnFocus&&g(e)};return m.useEffect(()=>{let t=requestAnimationFrame(()=>{let e=A();e&&S(e)});return()=>cancelAnimationFrame(t)},[d]),{state:k,updateValue:g,isItemActive:P,focusTab:T,onTabKeyDown:B,onTabClick:N,onTabFocus:O}}});export{M as defaultProps,j as useTabs};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as K}from"@primereact/core/headless";import{useControlledState as j}from"@primereact/hooks/use-controlled-state";import{useDirection as U}from"@primereact/hooks/use-direction";import{focus as $,isRTL as F}from"@primeuix/utils";import*as s from"react";var C={value:void 0,defaultValue:void 0,onValueChange:void 0,selectOnFocus:!1,scrollStrategy:"nearest",tabIndex:0};var nt=K({name:"useTabs",defaultProps:C,setup:({props:l,id:W})=>{let[h,k]=j({value:l.value,defaultValue:l.defaultValue,onChange:l.onValueChange}),[b,O]=s.useState(!1),[m,V]=s.useState(!1),i=s.useRef(null),S=s.useRef(null),M=s.useRef(null),f=s.useRef(null),g=s.useRef(null),D=U(i),I={activeTab:h,canScrollPrev:b,canScrollNext:m},L=t=>{h!==t&&k([t,{value:t}])},H=t=>t==null?!1:h===t,R=()=>{let t=f.current,e=g.current;!t||!e||(t.style.setProperty("--px-active-bar-width",e.offsetWidth+"px"),t.style.setProperty("--px-active-bar-height",e.offsetHeight+"px"),t.style.setProperty("--px-active-bar-left",e.offsetLeft+"px"),t.style.setProperty("--px-active-bar-top",e.offsetTop+"px"))},p=(t,e)=>{let n='[role="tab"]',r='[role="tab"]:not([data-disabled])',o=(d,v)=>{let u=d[v==="next"?"nextElementSibling":"previousElementSibling"];return u?!u.matches(n)||u.hasAttribute("data-disabled")?o(u,v):u:null},c=(d,v)=>{let u=v.parentElement;if(!u)return null;let x=u.querySelectorAll(r);return x.length===0?null:d==="first"?x[0]:x[x.length-1]};if(!t)return;let a=null;switch(e){case"next":a=o(t,"next")??c("first",t);break;case"previous":a=o(t,"previous")??c("last",t);break;case"first":a=c("first",t);break;case"last":a=c("last",t);break}a&&$(a)},y=(t,e)=>{switch(t.code){case"ArrowRight":p(t.currentTarget,"next");break;case"ArrowLeft":p(t.currentTarget,"previous");break;case"Home":p(t.currentTarget,"first");break;case"End":p(t.currentTarget,"last");break;case"Enter":case"NumpadEnter":case"Space":L(e);break;case"Tab":return;default:break}t.preventDefault()},B=(t,e)=>{l.selectOnFocus||L(e)},w=(t,e)=>{l.selectOnFocus&&L(e)},N=()=>{let t=i.current,e=g.current;if(!t||!e||l.scrollStrategy===!1)return;if(typeof l.scrollStrategy=="function"){l.scrollStrategy(t,e);return}let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),o;if(l.scrollStrategy==="center")o=r.left+r.width/2-(n.left+n.width/2);else{let c=n.width*.1;if(r.left<n.left+c)o=r.left-(n.left+c);else if(r.right>n.right-c)o=r.right-(n.right-c);else return}t.scrollBy({left:o,behavior:"smooth"})};s.useEffect(()=>{let t=requestAnimationFrame(()=>{R(),N()});return()=>cancelAnimationFrame(t)},[h]),s.useEffect(()=>{let t=requestAnimationFrame(()=>{R(),T()});return()=>cancelAnimationFrame(t)},[D]),s.useEffect(()=>{if(!i.current)return;let t=i.current,e=0,n=()=>{T(),R()},r=new MutationObserver(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(n)});r.observe(t,{childList:!0,subtree:!0}),T();let o=new ResizeObserver(n);return o.observe(t),window.addEventListener("resize",n),()=>{cancelAnimationFrame(e),r.disconnect(),o.disconnect(),window.removeEventListener("resize",n)}},[]);let E=()=>{T()},A=()=>{let[t,e]=[S.current,M.current],n=0;return t&&e&&(n=(t?.offsetWidth||0)+(e?.offsetWidth||0)),n},T=()=>{if(!i.current)return;let t=i.current,{scrollWidth:e,clientWidth:n}=t,r=Math.abs(t.scrollLeft);O(r>1),V(e-n-r>1)},_=()=>{let t=i.current;if(!t)return;let e=A(),n=t.clientWidth-e,r=Math.abs(t.scrollLeft),o=n*.8,c=r-o,a=Math.max(c,0);t.scrollLeft=F(t)?-1*a:a},q=()=>{let t=i.current;if(!t)return;let e=A(),n=t.clientWidth-e,r=Math.abs(t.scrollLeft),o=n*.8,c=r+o,a=t.scrollWidth-n,d=Math.min(c,a);t.scrollLeft=F(t)?-1*d:d},P=s.useMemo(()=>({...b&&{"data-can-scroll-prev":""},...m&&{"data-can-scroll-next":""}}),[b,m]),z=s.useMemo(()=>({onScroll:E,...b&&{"data-can-scroll-prev":""},...m&&{"data-can-scroll-next":""}}),[E,b,m]);return{state:I,updateValue:L,isItemActive:H,focusTab:p,onTabKeyDown:y,onTabClick:B,onTabFocus:w,getTabProps:(t,e)=>{let n=H(t);return{role:"tab",tabIndex:n?l.tabIndex??0:-1,ref:n?g:void 0,disabled:e,"aria-selected":n,"aria-disabled":e,"aria-controls":`${W}_tabpanel_${t}`,...n&&{"data-active":""},...e&&{"data-disabled":""},...P,onClick:r=>B(r,t),onFocus:r=>w(r,t),onKeyDown:r=>y(r,t)}},getIndicatorProps:()=>({ref:f,style:{"--px-active-bar-width":f.current?.offsetWidth+"px","--px-active-bar-height":f.current?.offsetHeight+"px","--px-active-bar-left":f.current?.offsetLeft+"px","--px-active-bar-top":f.current?.offsetTop+"px"}}),scrollPrev:_,scrollNext:q,updateScrollState:T,onContentScroll:E,scrollStateAttrs:P,contentProps:z,contentRef:i,prevButtonRef:S,nextButtonRef:M,activeBarRef:f,activeTabRef:g,updateActiveBar:R}}});export{C as defaultProps,nt as useTabs};

package/tabs/useTabs.d.ts

@@ -1,9 +1,9 @@
-import { useTabsProps } from '@primereact/types/shared/tabs';
 import * as React from 'react';
-export declare const useTabs: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useTabsProps, unknown, {
+export declare const useTabs: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/tabs").UseTabsProps, unknown, {
     state: {
         activeTab: string | number | undefined;
-        inkBarDimensions: React.CSSProperties;
+        canScrollPrev: boolean;
+        canScrollNext: boolean;
     };
     updateValue: (value: string | number | undefined) => void;
     isItemActive: (key: null | undefined | string | number) => boolean;
@@ -11,4 +11,43 @@ export declare const useTabs: (inProps?: unknown) => import("@primereact/types/c
     onTabKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, value: undefined | string | number) => void;
     onTabClick: (event: React.MouseEvent<HTMLButtonElement>, value: undefined | string | number) => void;
     onTabFocus: (event: React.FocusEvent<HTMLButtonElement>, value: undefined | string | number) => void;
+    getTabProps: (value: string | number | undefined, disabled?: boolean) => {
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onFocus: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        'data-can-scroll-next'?: "" | undefined;
+        'data-can-scroll-prev'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-active'?: "" | undefined;
+        role: "tab";
+        tabIndex: number;
+        ref: React.RefObject<HTMLButtonElement> | undefined;
+        disabled: boolean | undefined;
+        'aria-selected': boolean;
+        'aria-disabled': boolean | undefined;
+        'aria-controls': string;
+    };
+    getIndicatorProps: () => {
+        ref: React.RefObject<HTMLSpanElement>;
+        style: React.CSSProperties;
+    };
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    updateScrollState: () => void;
+    onContentScroll: () => void;
+    scrollStateAttrs: {
+        'data-can-scroll-next'?: "" | undefined;
+        'data-can-scroll-prev'?: "" | undefined;
+    };
+    contentProps: {
+        'data-can-scroll-next'?: "" | undefined;
+        'data-can-scroll-prev'?: "" | undefined;
+        onScroll: () => void;
+    };
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    prevButtonRef: React.RefObject<HTMLButtonElement | null>;
+    nextButtonRef: React.RefObject<HTMLButtonElement | null>;
+    activeBarRef: React.RefObject<HTMLElement | null>;
+    activeTabRef: React.RefObject<HTMLElement | null>;
+    updateActiveBar: () => void;
 }>;

package/tabs/useTabs.props.d.ts

@@ -1,2 +1,2 @@
-import type { useTabsProps } from '@primereact/types/shared/tabs';
-export declare const defaultProps: useTabsProps;
+import type { UseTabsProps } from '@primereact/types/headless/tabs';
+export declare const defaultProps: UseTabsProps;

package/tag/index.d.ts

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

package/tag/index.mjs

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

package/tag/useTag.d.ts

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

package/tag/useTag.props.d.ts

@@ -1,2 +1,2 @@
-import type { useTagProps } from '@primereact/types/shared/tag';
-export declare const defaultProps: useTagProps;
+import type { UseTagProps } from '@primereact/types/headless/tag';
+export declare const defaultProps: UseTagProps;

package/terminal/index.d.ts

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

package/terminal/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as E}from"@primereact/core/headless";import{focus as R}from"@primeuix/utils";import{EventBus as h}from"@primeuix/utils/eventbus";var r=h();import*as e from"react";var T={prompt:void 0};var D=E({name:"useTerminal",defaultProps:T,setup({elementRef:m}){let[s,c]=e.useState(""),[t,u]=e.useState([]),[d,i]=e.useState(0),[x,S]=e.useState(""),p=e.useRef(null),l=e.useRef(!1),g={commandText:s,commands:t};return e.useEffect(()=>{let o=a=>{if(t&&t.length>0){let f=[...t];f[f.length-1].response=String(a),u(f)}},n=()=>{u([]),i(0)};return r.on("response",o),r.on("clear",n),()=>{r.off("response",o),r.off("clear",n)}},[t]),e.useEffect(()=>{l.current&&(r.emit("command",x),l.current=!1),m.current&&(m.current.scrollTop=m.current.scrollHeight)}),{state:g,inputRef:p,onClick:()=>{p.current&&R(p.current)},onKeyDown:o=>{switch(o.code){case"ArrowUp":if(t&&t.length){let n=d-1<0?t.length-1:d-1,a=t[n];i(n),c(a.text)}break;case"Enter":case"NumpadEnter":if(s){let n=[...t];n.push({text:s}),i(a=>a+1),c(""),u(n),S(s),l.current=!0}break;default:break}},onInputChange:o=>{c(o.target.value)}}}});export{T as defaultProps,D as useTerminal};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as P}from"@primereact/core/headless";import{focus as S}from"@primeuix/utils";import*as t from"react";var T={prompt:void 0,onCommand:void 0};var H=P({name:"useTerminal",defaultProps:T,setup({props:m,elementRef:c}){let[s,p]=t.useState(""),[o,l]=t.useState([]),[f,i]=t.useState(0),r=t.useRef(null),h={commandText:s,commands:o},u=t.useCallback(()=>{l([]),i(0)},[]),d=t.useCallback(n=>{n===null?u():n!==void 0&&l(e=>{if(e.length===0)return e;let a=[...e];return a[a.length-1].response=n,a})},[u]),g=t.useCallback(async n=>{if(!m.onCommand)return;let e=m.onCommand(n);if(e instanceof Promise){let a=await e;d(a)}else d(e)},[m.onCommand,d]);t.useEffect(()=>{c.current&&(c.current.scrollTop=c.current.scrollHeight)});let C=()=>{r.current&&S(r.current)},R=n=>{switch(n.code){case"ArrowUp":if(o&&o.length){let e=f-1<0?o.length-1:f-1,a=o[e];i(e),p(a.text)}break;case"Enter":case"NumpadEnter":if(s){let e=[...o];e.push({text:s}),i(a=>a+1),p(""),l(e),g(s)}break;default:break}},x=n=>{p(n.target.value)};return{state:h,inputRef:r,rootProps:{"data-scope":"terminal","data-part":"root",onClick:C},promptValueProps:{ref:r,"data-scope":"terminal","data-part":"promptvalue",value:s,type:"text",autoComplete:"off",onChange:x,onKeyDown:R},commandResponseProps:{"data-scope":"terminal","data-part":"commandresponse","aria-live":"polite"},onClick:C,onKeyDown:R,onInputChange:x,clear:u}}});export{T as defaultProps,H as useTerminal};

package/terminal/useTerminal.d.ts

@@ -1,12 +1,33 @@
-import { TerminalCommandItem } from '@primereact/types/shared/terminal';
+import { TerminalCommandItem } from '@primereact/types/headless/terminal';
 import * as React from 'react';
-export declare const useTerminal: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/terminal").useTerminalProps, unknown, {
+export declare const useTerminal: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/terminal").UseTerminalProps, unknown, {
     state: {
         commandText: string;
         commands: TerminalCommandItem[];
     };
     inputRef: React.RefObject<HTMLInputElement | null>;
+    rootProps: {
+        'data-scope': "terminal";
+        'data-part': "root";
+        onClick: () => void;
+    };
+    promptValueProps: {
+        ref: React.RefObject<HTMLInputElement | null>;
+        'data-scope': "terminal";
+        'data-part': "promptvalue";
+        value: string;
+        type: "text";
+        autoComplete: "off";
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
+    commandResponseProps: {
+        'data-scope': "terminal";
+        'data-part': "commandresponse";
+        'aria-live': "polite";
+    };
     onClick: () => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    clear: () => void;
 }>;

package/terminal/useTerminal.props.d.ts

@@ -1,2 +1,2 @@
-import type { useTerminalProps } from '@primereact/types/shared/terminal';
-export declare const defaultProps: useTerminalProps;
+import type { UseTerminalProps } from '@primereact/types/headless/terminal';
+export declare const defaultProps: UseTerminalProps;

package/textarea/index.d.ts

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

package/textarea/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as s}from"@primereact/core/headless";var t={autoResize:void 0};var c=s({name:"useTextarea",defaultProps:t,setup({props:e,elementRef:r}){let o=()=>{!r.current||!r.current.offsetParent||(r.current.style.height="auto",r.current.style.height=r.current.scrollHeight+"px",parseFloat(r.current.style.height)>=parseFloat(r.current.style.maxHeight)?(r.current.style.overflowY="scroll",r.current.style.height=r.current.style.maxHeight):r.current.style.overflow="hidden")};return{onInput:()=>{e.autoResize&&o()}}}});export{t as defaultProps,c as useTextarea};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as p}from"@primereact/core/headless";import{isCssSupported as l}from"@primeuix/utils";import*as e from"react";var d={autoResize:void 0};var y=p({name:"useTextarea",defaultProps:d,setup({props:i}){let o=e.useMemo(()=>l("field-sizing","content"),[]),s=e.useCallback(t=>{if(!(!t||!t.offsetParent))if(o)t.style.minHeight||(t.style.minHeight=t.offsetHeight+"px"),t.style.width||(t.style.width=t.offsetWidth+"px"),t.style.fieldSizing="content";else{let f=window.getComputedStyle(t),a=parseFloat(f.maxHeight)||1/0;t.style.height="auto";let r=t.scrollHeight;r>=a?(t.style.overflowY="scroll",t.style.height=a+"px"):(t.style.overflowY="hidden",t.style.height=r+"px")}},[o]),n=e.useCallback(t=>{i.autoResize&&s(t.currentTarget)},[i.autoResize,s]);return{rootProps:{"data-scope":"textarea","data-part":"root","aria-invalid":!!i.invalid||void 0,...i.invalid?{"data-invalid":""}:void 0,onInput:n}}}});export{d as defaultProps,y as useTextarea};

package/textarea/useTextarea.d.ts

@@ -1,3 +1,10 @@
-export declare const useTextarea: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/textarea").useTextareaProps, unknown, {
-    onInput: () => void;
+import * as React from 'react';
+export declare const useTextarea: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/textarea").UseTextareaProps, unknown, {
+    rootProps: {
+        onInput: (event: React.FormEvent<HTMLTextAreaElement>) => void;
+        'data-invalid'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'aria-invalid': true | undefined;
+    };
 }>;

package/textarea/useTextarea.props.d.ts

@@ -1,2 +1,2 @@
-import type { useTextareaProps } from '@primereact/types/shared/textarea';
-export declare const defaultProps: useTextareaProps;
+import type { UseTextareaProps } from '@primereact/types/headless/textarea';
+export declare const defaultProps: UseTextareaProps;

package/timeline/index.d.ts

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

package/timeline/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as r}from"@primereact/core/headless";var e={};var m=r({name:"useTimeline",defaultProps:e});export{e as defaultProps,m as useTimeline};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as d}from"@primereact/core/headless";var a={align:"left",orientation:"vertical"};var P=d({name:"useTimeline",defaultProps:a,setup({props:t}){let e={"data-scope":"timeline","data-part":"root","data-align":t.align,"data-orientation":t.orientation},o={"data-scope":"timeline","data-part":"event","data-align":t.align,"data-orientation":t.orientation},n={"data-scope":"timeline","data-part":"separator","data-orientation":t.orientation},i={"data-scope":"timeline","data-part":"marker","data-orientation":t.orientation},s={"data-scope":"timeline","data-part":"connector","data-orientation":t.orientation},r={"data-scope":"timeline","data-part":"content","data-align":t.align,"data-orientation":t.orientation},c={"data-scope":"timeline","data-part":"opposite","data-align":t.align,"data-orientation":t.orientation};return{rootProps:e,eventProps:o,separatorProps:n,markerProps:i,connectorProps:s,contentProps:r,oppositeProps:c}}});export{a as defaultProps,P as useTimeline};

package/timeline/useTimeline.d.ts

@@ -1 +1,41 @@
-export declare const useTimeline: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/timeline").useTimelineProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useTimeline: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/timeline").UseTimelineProps, unknown, {
+    rootProps: {
+        'data-scope': "timeline";
+        'data-part': "root";
+        'data-align': "top" | "alternate" | "left" | "right" | "bottom" | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    eventProps: {
+        'data-scope': "timeline";
+        'data-part': "event";
+        'data-align': "top" | "alternate" | "left" | "right" | "bottom" | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    separatorProps: {
+        'data-scope': "timeline";
+        'data-part': "separator";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    markerProps: {
+        'data-scope': "timeline";
+        'data-part': "marker";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    connectorProps: {
+        'data-scope': "timeline";
+        'data-part': "connector";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    contentProps: {
+        'data-scope': "timeline";
+        'data-part': "content";
+        'data-align': "top" | "alternate" | "left" | "right" | "bottom" | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    oppositeProps: {
+        'data-scope': "timeline";
+        'data-part': "opposite";
+        'data-align': "top" | "alternate" | "left" | "right" | "bottom" | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+}>;

package/timeline/useTimeline.props.d.ts

@@ -1,2 +1,2 @@
-import type { useTimelineProps } from '@primereact/types/shared/timeline';
-export declare const defaultProps: useTimelineProps;
+import type { UseTimelineProps } from '@primereact/types/headless/timeline';
+export declare const defaultProps: UseTimelineProps;

package/toast/index.d.ts

@@ -1,3 +1,3 @@
-export * from './toastStore';
 export * from './useToast';
 export * from './useToast.props';
+export type * from '@primereact/types/headless/toast';

package/toast/index.mjs

@@ -1,2 +1 @@
-var N=Object.defineProperty,$=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var I=(o,e,t)=>e in o?N(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,n=(o,e)=>{for(var t in e||(e={}))B.call(e,t)&&I(o,t,e[t]);if(y)for(var t of y(e))C.call(e,t)&&I(o,t,e[t]);return o},T=(o,e)=>$(o,q(e));var E=(o,e,t)=>new Promise((r,s)=>{var f=u=>{try{c(t.next(u))}catch(m){s(m)}},i=u=>{try{c(t.throw(u))}catch(m){s(m)}},c=u=>u.done?r(u.value):Promise.resolve(u.value).then(f,i);c((t=t.apply(o,e)).next())});var O=0,R=()=>`toast-${++O}-${Date.now()}`,v=class{constructor(){this.listeners=new Set;this.snapshot=()=>this.toasts;this.subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});this.add=e=>this.create(e);this.update=(e,t)=>{this.commit(r=>r.map(s=>s.id===e?T(n(n({},s),t),{id:e}):s))};this.dismiss=e=>{if(e===void 0){this.commit(r=>r.map(s=>T(n({},s),{removed:!0})));return}if(this.toasts.some(r=>r.id===e))return this.commit(r=>r.map(s=>s.id===e?T(n({},s),{removed:!0}):s)),e};this.remove=e=>{if(this.toasts.some(r=>r.id===e))return this.commit(r=>r.filter(s=>s.id!==e)),e};this.clear=e=>{if(this.toasts.length){if(e){this.commit(t=>t.filter(r=>r.group!==e));return}this.commit([])}};this.get=e=>this.toasts.find(t=>t.id===e);this.success=e=>this.create(T(n({},e),{variant:"success"}));this.danger=e=>this.create(T(n({},e),{variant:"danger"}));this.warn=e=>this.create(T(n({},e),{variant:"warn"}));this.info=e=>this.create(T(n({},e),{variant:"info"}));this.loading=e=>{var t;return this.create(T(n({},e),{variant:"loading",dismissible:(t=e.dismissible)!=null?t:!1}))};this.custom=(e,t)=>{let r=this.ensureId(t==null?void 0:t.id),s=typeof e=="function"?e(r):e;return this.create(T(n({},t),{id:r,variant:"custom",jsx:s}))};this.promise=(e,t)=>E(this,null,function*(){var f,i,c;let r=T(n({},t.loading),{id:(f=t.loading.id)!=null?f:R(),variant:"loading"}),s=this.create(r);try{let u=yield e,m=typeof t.success=="function"?t.success(u):t.success;return m?this.update(s,T(n({},m),{id:s,variant:(i=m.variant)!=null?i:"success",removed:!1})):this.remove(s),u}catch(u){let m=typeof t.error=="function"?t.error(u):t.error;throw m?this.update(s,T(n({},m),{id:s,variant:(c=m.variant)!=null?c:"danger",removed:!1})):this.remove(s),u}});this.toasts=[]}emit(){this.listeners.forEach(e=>e())}commit(e){let t=typeof e=="function"?e(this.snapshot()):[...e];this.toasts=t,this.emit()}ensureId(e){return typeof e=="number"&&!Number.isNaN(e)||typeof e=="string"&&e.length>0?e:R()}create(e){var s;let t=this.ensureId(e.id),r=(s=e.dismissible)!=null?s:!0;return this.commit(f=>{let i=f.findIndex(c=>c.id===t);if(i!==-1){let c=[...f];return c[i]=T(n(n({},c[i]),e),{id:t,dismissible:r,removed:!1}),c}return[T(n({},e),{id:t,dismissible:r,removed:!1}),...f]}),t}},d=new v,U=o=>d.add(o),k=Object.assign(U,{success:d.success,danger:d.danger,warn:d.warn,info:d.info,loading:d.loading,dismiss:d.dismiss,custom:d.custom,remove:d.remove,clear:d.clear,promise:d.promise});import{withHeadless as W}from"@primereact/core/headless";import*as l from"react";var b={timeout:6e3,gap:14,position:"bottom-right",group:void 0,limit:3};var X=W({name:"useToast",defaultProps:b,setup:({props:o})=>{let e=l.useSyncExternalStore(d.subscribe,()=>d.snapshot(),()=>d.snapshot()),t=l.useMemo(()=>o.group?e.filter(a=>a.group===o.group):e.filter(a=>!a.group),[e,o.group]),[r,s]=l.useState([]),[f,i]=l.useState(!1),[c,u]=l.useState(!1),m=l.useRef(!1),x={isExpanded:f,isInteracting:c,heights:r},S=()=>{i(!0)},M=()=>{i(!0)},P=()=>{if(!c&&!m.current){if(e.some(a=>a.removed===!0))return;i(!1)}},w=()=>{i(!1)},H=a=>{a.target instanceof HTMLElement&&a.target.dataset.dismissible==="false"||u(!0)},L=()=>{u(!1)},F=a=>{let h=a.currentTarget,p=document.activeElement;p&&p.matches(":focus-visible")&&h.contains(p)&&(m.current=!0,i(!0))},A=a=>{let h=a.currentTarget,p=a.relatedTarget;p&&h.contains(p)||(m.current=!1,!c&&(e.some(g=>g.removed===!0)||i(!1)))},D=a=>{if(!a)return;let h=document.activeElement;if(!a.contains(h))return;let p=a.nextElementSibling,g=a.previousElementSibling;requestAnimationFrame(()=>{p?p.focus({preventScroll:!0}):g&&g.focus({preventScroll:!0})})};return l.useEffect(()=>{t.length<=1&&i(!1)},[t]),l.useEffect(()=>()=>{d.clear(o.group)},[]),{state:x,toasts:t,setHeights:s,onRegionMouseEnter:S,onRegionMouseMove:M,onRegionMouseLeave:P,onRegionDragEnd:w,onRegionPointerDown:H,onRegionPointerUp:L,onRegionFocus:F,onRegionBlur:A,handleFocusManagement:D}}});export{d as ToastStore,b as defaultProps,k as toast,X as useToast};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as gt}from"@primereact/core/headless";import{defaultToaster as ht}from"@primereact/headless/toaster";import{useMountEffect as xt}from"@primereact/hooks/use-mount-effect";import{useVisibilityChange as yt}from"@primereact/hooks/use-visibility-change";import*as s from"react";var J={toast:{},toaster:void 0};var Rt=50,bt=.11,It=gt({name:"useToast",defaultProps:J,setup:({props:K,elementRef:i})=>{let{toast:t,toaster:n}=K,f=s.useMemo(()=>!n?.toasts||!Array.isArray(n?.toasts)?0:n?.toasts.findIndex(e=>e.id===t.id)||0,[n?.toasts,t.id]),L=yt(),[x,Z]=s.useState(!1),[d,T]=s.useState(null),[A,O]=s.useState(null),[y,tt]=s.useState(!1),[v,S]=s.useState(!1),[H,et]=s.useState(!1),[k,V]=s.useState(!1),[M,P]=s.useState(0),[E,F]=s.useState(0),R=t.dismissible!==!1&&!t.loading,g=s.useRef(t.duration||n?.props.timeout||6e3),N=s.useRef(0),p=s.useRef(null),D=s.useRef(null),I=s.useRef(0),B=s.useRef(0),b=s.useMemo(()=>n?.state.heights?.findIndex(e=>e.toastId===t.id)??0,[n?.state.heights,t.id]),Y=s.useMemo(()=>t.duration||n?.props.timeout||6e3,[t.duration,n?.props.timeout]),l=s.useRef(0);l.current=n?.state.heights?.reduce((e,a,o)=>o>=b?e:e+a.height,0)??0;let U=t.loading===!0;s.useEffect(()=>{g.current=Y},[Y]),xt(()=>{tt(!0)}),s.useEffect(()=>{let e=i.current;if(!e||!t.id)return;let a=e.getBoundingClientRect().height;return F(a),n?.setHeights(o=>[{toastId:t.id,height:a},...o]),()=>n?.setHeights(o=>o.filter(r=>r.toastId!==t.id))},[n?.setHeights,t.id]),s.useLayoutEffect(()=>{if(!y||!t.id||!n?.setHeights)return;let e=i.current;if(!e)return;let a=e.style.height;e.style.height="auto";let o=e?.getBoundingClientRect().height;e.style.height=a,F(o),n?.setHeights(r=>r.find(c=>c.toastId===t.id)?r.map(c=>c.toastId===t.id?{...c,height:o}:c):[{toastId:t.id,height:o},...r])},[y,t.title,t.description,t.id,t.render,t.action,t.icon,n?.setHeights]);let u=s.useCallback(()=>{n?.handleFocusManagement(i.current??null),Z(!0),P(l.current),n?.setHeights(e=>e.filter(a=>a.toastId!==t.id)),requestAnimationFrame(()=>{let e=i.current;if(!e)return;let o=getComputedStyle(e).transitionDuration,r=parseFloat(o)*(o.includes("ms")?1:1e3);setTimeout(()=>{t.id!==void 0&&n?.removeFromQueue(t.id)},r??10)})},[t,n?.setHeights]);s.useEffect(()=>ht.subscribe(e=>{if(e.action!=="dismiss")return;let a=e.id!==void 0&&e.id===t.id,o=e.id===void 0;(a||o)&&(u(),t.onDismiss?.(t))}),[t,u]);let st=s.useCallback(()=>{if(B.current<I.current){let e=new Date().getTime()-I.current;g.current=g.current-e}B.current=new Date().getTime()},[]),nt=s.useCallback(()=>{g.current!==1/0&&(I.current=new Date().getTime(),D.current=setTimeout(()=>{t.onTimeout?.(t),u()},g.current))},[t,u]);s.useEffect(()=>{if(!(t.loading||t.duration===1/0))return n?.state.isHovered||n?.state.isInteracting||!L?st():nt(),()=>{D.current&&clearTimeout(D.current)}},[n?.state.isHovered,n?.state.isInteracting,t,u,L]);let X=()=>{S(!1),T(null),p.current=null},$=e=>{e.button===0&&(U||!R||(N.current=new Date().getTime(),P(l.current),e.target.setPointerCapture(e.pointerId),S(!0),p.current={x:e.clientX,y:e.clientY}))},_=e=>{if(!p.current||!R||(window.getSelection()?.toString().length??0)>0)return;let a=e.clientY-p.current.y,o=e.clientX-p.current.x,r=Math.abs(o)>1||Math.abs(a)>1,C=(n?.props.position??"bottom-right").split("-"),c=C[0],W=C[1];!d&&r&&T(Math.abs(o)>Math.abs(a)?"x":"y");let m={x:0,y:0},j=w=>{let G=w*(ft=>1/(1.5+Math.abs(ft)/20))(w);return Math.abs(G)<Math.abs(w)?G:w};d==="x"?m.x=W==="left"&&o<0||W==="right"&&o>0?o:j(o):d==="y"&&(m.y=c==="top"&&a<0||c==="bottom"&&a>0?a:j(a)),(Math.abs(m.x)>0||Math.abs(m.y)>0)&&V(!0),i.current.style.setProperty("--px-swipe-amount-x",`${m.x}px`),i.current.style.setProperty("--px-swipe-amount-y",`${m.y}px`)},q=()=>{if(H||!R)return;S(!1),p.current=null;let e=Number(i.current.style.getPropertyValue("--px-swipe-amount-x").replace("px","")||0),a=Number(i.current.style.getPropertyValue("--px-swipe-amount-y").replace("px","")||0),o=d==="x"?e:a,r=Math.abs(o)/(new Date().getTime()-(N.current??0));if(Math.abs(o)>=Rt||r>bt){P(l.current),O(d==="x"?e>0?"right":"left":a>0?"down":"up"),u(),t.onDismiss?.(t),et(!0);return}else i.current.style.setProperty("--px-swipe-amount-x","0px"),i.current.style.setProperty("--px-swipe-amount-y","0px");V(!1),T(null)},z=()=>{U||!R||(u(),t.onDismiss?.(t))},ot=s.useCallback(e=>{i.current=e??void 0},[i]),at={mounted:y,swiping:v,swipeOut:H,swipeOutDirection:A,swipeDirection:d,initialHeight:E,isSwiped:k,offsetBeforeRemove:M,removed:x},h=b+1<=(n?.props.limit||3),Q=f===0,it={ref:ot,"data-scope":"toast","data-part":"root",tabIndex:h?0:-1,role:"alert",inert:!h,"aria-live":"assertive","aria-atomic":"true","aria-hidden":!h,"data-id":t?.id,"data-swipe-direction":A,"data-index":f,...y&&{"data-mounted":""},...x&&{"data-removed":""},...k&&{"data-swiped":""},...h&&{"data-visible":""},...v&&{"data-swiping":""},...t.dismissible&&{"data-dismissible":""},...n?.state.isExpanded&&{"data-expanded":""},...Q&&{"data-front":""},...H&&{"data-swipe-out":""},style:{"--px-initial-height":E?`${E}px`:void 0,"--px-toast-index":x?f:b,"--px-toast-z-index":(n?.toasts?.length||0)-f,"--px-toast-offset":(x?M:l.current)+"px","--px-swipe-amount-x":"0px","--px-swipe-amount-y":"0px"},onPointerDown:$,onPointerMove:_,onPointerUp:q,onDragEnd:X},rt={"data-scope":"toast","data-part":"action"},ct={"data-scope":"toast","data-part":"content"},ut={"data-scope":"toast","data-part":"message"},dt={"data-scope":"toast","data-part":"close",onClick:z},pt={"data-scope":"toast","data-part":"description"},lt={"data-scope":"toast","data-part":"icon"},mt={"data-scope":"toast","data-part":"title"};return{state:at,offset:l.current,offsetBeforeRemove:M,index:f,visibleIndex:b,isVisible:h,isFront:Q,toaster:n,rootProps:it,actionProps:rt,contentProps:ct,closeProps:dt,messageProps:ut,descriptionProps:pt,iconProps:lt,titleProps:mt,onPointerDown:$,onPointerMove:_,onPointerUp:q,onDragEnd:X,handleCloseOnClick:z}}});export{J as defaultProps,It as useToast};

package/toast/useToast.d.ts

@@ -1,26 +1,88 @@
-import type { ToastId, ToastType } from '@primereact/types/shared/toast';
+/**
+ * This toast system is inspired by Sonner by Emil Kowalski.
+ * The architecture and API ideas were adapted for this project.
+ * https://github.com/emilkowalski/sonner
+ */
 import * as React from 'react';
-export declare const useToast: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/toast").useToastProps, unknown, {
+export declare const useToast: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/toast").UseToastProps, unknown, {
     state: {
-        isExpanded: boolean;
-        isInteracting: boolean;
-        heights: {
-            height: number;
-            toastId: ToastId;
-        }[];
-    };
-    toasts: ToastType[];
-    setHeights: React.Dispatch<React.SetStateAction<{
-        height: number;
-        toastId: ToastId;
-    }[]>>;
-    onRegionMouseEnter: () => void;
-    onRegionMouseMove: () => void;
-    onRegionMouseLeave: () => void;
-    onRegionDragEnd: () => void;
-    onRegionPointerDown: (event: React.PointerEvent) => void;
-    onRegionPointerUp: () => void;
-    onRegionFocus: (event: React.FocusEvent<HTMLElement>) => void;
-    onRegionBlur: (event: React.FocusEvent<HTMLElement>) => void;
-    handleFocusManagement: (toastEl: HTMLElement | null) => void;
+        mounted: boolean;
+        swiping: boolean;
+        swipeOut: boolean;
+        swipeOutDirection: "left" | "right" | "up" | "down" | null;
+        swipeDirection: "x" | "y" | null;
+        initialHeight: number;
+        isSwiped: boolean;
+        offsetBeforeRemove: number;
+        removed: boolean;
+    };
+    offset: number;
+    offsetBeforeRemove: number;
+    index: number;
+    visibleIndex: number;
+    isVisible: boolean;
+    isFront: boolean;
+    toaster: import("@primereact/types/primitive/toaster").ToasterRootInstance | undefined;
+    rootProps: {
+        style: React.CSSProperties;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: () => void;
+        onDragEnd: () => void;
+        'data-swipe-out'?: "" | undefined;
+        'data-front'?: "" | undefined;
+        'data-expanded'?: "" | undefined;
+        'data-dismissible'?: "" | undefined;
+        'data-swiping'?: "" | undefined;
+        'data-visible'?: "" | undefined;
+        'data-swiped'?: "" | undefined;
+        'data-removed'?: "" | undefined;
+        'data-mounted'?: "" | undefined;
+        ref: (node: HTMLElement | null) => void;
+        'data-scope': "toast";
+        'data-part': "root";
+        tabIndex: number;
+        role: "alert";
+        inert: boolean;
+        'aria-live': "assertive";
+        'aria-atomic': "true";
+        'aria-hidden': boolean;
+        'data-id': import("@primereact/types/primitive/toaster").ToastId | undefined;
+        'data-swipe-direction': "left" | "right" | "up" | "down" | null;
+        'data-index': number;
+    };
+    actionProps: {
+        'data-scope': "toast";
+        'data-part': "action";
+    };
+    contentProps: {
+        'data-scope': "toast";
+        'data-part': "content";
+    };
+    closeProps: {
+        'data-scope': "toast";
+        'data-part': "close";
+        onClick: () => void;
+    };
+    messageProps: {
+        'data-scope': "toast";
+        'data-part': "message";
+    };
+    descriptionProps: {
+        'data-scope': "toast";
+        'data-part': "description";
+    };
+    iconProps: {
+        'data-scope': "toast";
+        'data-part': "icon";
+    };
+    titleProps: {
+        'data-scope': "toast";
+        'data-part': "title";
+    };
+    onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onPointerUp: () => void;
+    onDragEnd: () => void;
+    handleCloseOnClick: () => void;
 }>;

package/toast/useToast.props.d.ts

@@ -1,2 +1,2 @@
-import type { useToastProps } from '@primereact/types/shared/toast';
-export declare const defaultProps: useToastProps;
+import type { UseToastProps } from '@primereact/types/headless/toast';
+export declare const defaultProps: UseToastProps;

package/toaster/ToastManager.d.ts

@@ -0,0 +1,14 @@
+import type { ToastId, ToastManager, ToastPromiseType, ToastType } from '@primereact/types/primitive/toaster';
+export declare function createToastManager(): ToastManager;
+export declare const defaultToaster: ToastManager;
+export declare const toast: ((toast: ToastType) => ToastId) & {
+    update: (id: ToastId, updates: Partial<ToastType>) => ToastId;
+    dismiss: (id?: ToastId) => void;
+    promise: <T>(promise: Promise<T>, options: ToastPromiseType<T>) => Promise<T>;
+    success: (toast: ToastType) => ToastId;
+    info: (toast: ToastType) => ToastId;
+    warn: (toast: ToastType) => ToastId;
+    error: (toast: ToastType) => ToastId;
+    secondary: (toast: ToastType) => ToastId;
+    contrast: (toast: ToastType) => ToastId;
+};

package/toaster/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ToastManager';
+export * from './useToaster';
+export * from './useToaster.props';
+export type * from '@primereact/types/headless/toaster';