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

package/LICENSE.md

@@ -0,0 +1,45 @@
+# PrimeUI License
+
+This package is part of **PrimeUI**, a family of commercial UI libraries by PrimeTek Informatics.
+
+## How PrimeUI May Be Used
+
+PrimeUI may be used under one of two licenses. You choose the one that applies to you based on eligibility.
+
+### Community License (Free)
+
+Free for organizations that meet all of the following criteria:
+
+- Less than $1,000,000 USD in annual gross revenue
+- Fewer than 5 developers
+- Fewer than 10 employees
+- Less than $3,000,000 USD in venture capital or outside funding
+
+Individuals, students, non-profits, and non-commercial open source projects also qualify.
+
+The Community License provides full access to the core libraries and supports up to 4 developers. It requires annual renewal by confirming continued eligibility.
+
+### Commercial License (Paid)
+
+For organizations that do not qualify for the Community License.
+
+Licensed per developer, perpetual, with one year of updates included. Renewal is optional and extends access to new versions. The Commercial Suite also includes PrimeBlocks, Theme Designer, all PrimeUI Pro components, and Premium Support.
+
+## License Key
+
+A valid license key is required to use this software. License verification is performed offline, with no telemetry and no remote connection. A missing, invalid, or expired key may cause the software to display a license notice.
+
+## Full Terms
+
+The complete license terms, eligibility details, and renewal information are available at:
+
+- Community License: https://primeui.dev/licenses/community
+- Commercial License: https://primeui.dev/licenses/commercial
+
+## Restrictions
+
+This software is distributed as a compiled package. You may not reverse-engineer, decompile, or extract its source code, redistribute it as a component library or development tool, or remove its license mechanisms. Redistributing the software so that third parties can develop with it requires a separate OEM License. See the full terms for details.
+
+---
+
+© 2026 PrimeTek Informatics. All rights reserved.

package/README.md

@@ -1 +1,36 @@
 # PrimeReact Headless
+
+Unstyled, behavior-only React hooks for 80+ components. Each hook handles accessibility, keyboard navigation, focus management, state, and ARIA attributes — with no CSS or visual assumptions attached.
+
+## What's inside
+
+Every component has its own hook that returns prop getters and internal state handlers:
+
+```tsx
+import { useButton } from '@primereact/headless/button';
+
+const { rootProps, labelProps, iconProps, loadingIconProps } = useButton({
+    label: 'Submit',
+    loading: isPending,
+    onClick: handleSubmit
+});
+
+return (
+    <button {...rootProps}>
+        {loadingIconProps && <span {...loadingIconProps} />}
+        <span {...labelProps} />
+    </button>
+);
+```
+
+Prop getters include `data-scope` / `data-part` attributes so CSS can target elements without class-name coupling. Interaction behavior — keyboard shortcuts, focus trapping, selection logic, virtual scrolling, typeahead — is all handled inside the hook.
+
+## Available hooks
+
+Covers the full PrimeReact component set: `useButton`, `useAccordion`, `useAutocomplete`, `useSelect`, `useDatePicker`, `useDataTable`, `useDialog`, `useTree`, `useListbox`, `useCarousel`, `useTabView`, `useSteps`, and more.
+
+Each hook lives in its own subpath (`@primereact/headless/button`, `@primereact/headless/datatable`) so only the hooks in use are included in the bundle.
+
+## License
+
+Licensed under the [PrimeUI License](https://primeui.dev/licenses) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)

package/accordion/index.d.ts

@@ -1,2 +1,5 @@
 export * from './useAccordion';
 export * from './useAccordion.props';
+export * from './useAccordionPanel';
+export * from './useAccordionPanel.props';
+export type * from '@primereact/types/headless/accordion';

package/accordion/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as P}from"@primereact/core/headless";import{findSingle as x,focus as h,getAttribute as V}from"@primeuix/utils/dom";import*as T from"react";var H={defaultValue:null,value:null,multiple:!1,onValueChange:void 0,selectOnFocus:!1};var k=P({name:"useAccordion",defaultProps:H,setup({props:a,elementRef:p}){var g,v;let[i,A]=T.useState((v=(g=a.value)!=null?g:a.defaultValue)!=null?v:null),M={value:i},o=e=>{if(e===void 0)return;let t=i,d=E(e);if(a.multiple){let r=Array.isArray(t)?t:[];t=d?r.filter(s=>s!==e):e!=null?[...r,e]:r}else t=d?null:e;A(t)},E=e=>{if(e==null)return!1;if(a.multiple){let t=i;return Array.isArray(t)&&t.includes(e)}else return i===e},c=(e,t)=>{let d=l=>x(l,'[data-pc-name="accordionheader"]'),r=(l,u,f=!1)=>{let m=f?l:l[u==="next"?"nextElementSibling":"previousElementSibling"];return m?V(m,"data-p-disabled")?r(m,u):d(m):null},s=l=>{let u=p==null?void 0:p.current;if(!u)return null;let f=l==="first"?u.firstElementChild:u.lastElementChild;return f?r(f,l==="first"?"next":"previous",!0):null},b=e==null?void 0:e.closest('[data-pc-name="accordionpanel"]');if(!b)return;let n=null;switch(t){case"next":n=r(b,"next"),n||(n=s("first"));break;case"previous":n=r(b,"previous"),n||(n=s("last"));break;case"first":n=s("first");break;case"last":n=s("last");break}n&&h(n)};return{state:M,updateValue:o,isItemActive:E,onHeaderClick:(e,t)=>{a.selectOnFocus||o(t)},onHeaderFocus:(e,t)=>{a.selectOnFocus&&o(t)},onHeaderKeyDown:(e,t)=>{switch(e.code){case"ArrowDown":c(e.currentTarget,"next");break;case"ArrowUp":c(e.currentTarget,"previous");break;case"Home":c(e.currentTarget,"first");break;case"End":c(e.currentTarget,"last");break;case"Enter":case"NumpadEnter":case"Space":o(t);break;case"Tab":return;default:break}e.preventDefault()}}}});export{H as defaultProps,k as useAccordion};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as C}from"@primereact/core/headless";import{useControlledState as S}from"@primereact/hooks/use-controlled-state";var T={defaultValue:void 0,value:void 0,multiple:!1,disabled:!1,tabIndex:0,onValueChange:void 0,openOnFocus:!1};var K=C({name:"useAccordion",defaultProps:T,setup({props:e}){let[i,r]=S({value:e.value,defaultValue:e.defaultValue??null,onChange:e.onValueChange}),o={value:i},l=(d,a)=>{if(a===void 0)return;let n=i,f=m(a);if(e.multiple){let p=Array.isArray(n)?n:[];n=f?p.filter(x=>x!==a):a!=null?[...p,a]:p}else n=f?null:a;r([n,{originalEvent:d,value:n}])},m=d=>{if(d==null)return!1;if(e.multiple){let a=i;return Array.isArray(a)&&a.includes(d)}else return i===d},E={"data-scope":"accordion","data-part":"root",...e.disabled?{"data-disabled":""}:void 0};return{state:o,rootProps:E,updateValue:l,isItemActive:m}}});import{withHeadless as R}from"@primereact/core/headless";import{findSingle as I,focus as D,getAttribute as U}from"@primeuix/utils/dom";var H={value:void 0,disabled:!1,context:void 0};var z=R({name:"useAccordionPanel",defaultProps:H,setup({props:e,id:i}){let r=e.context,o=r?.isItemActive(e.value)??!1,l=e.disabled||r?.props?.disabled,m={open:o,disabled:l},E=t=>{r?.updateValue(t,e.value)},d=t=>{r?.props?.openOnFocus&&r?.updateValue(t,e.value)},a=t=>{switch(t.code){case"ArrowDown":n(t.currentTarget,"next");break;case"ArrowUp":n(t.currentTarget,"previous");break;case"Home":n(t.currentTarget,"first");break;case"End":n(t.currentTarget,"last");break;case"Enter":case"NumpadEnter":case"Space":r?.updateValue(t,e.value);break;case"Tab":return;default:break}t.preventDefault()},n=(t,V)=>{let y=c=>I(c,'[data-scope="accordion"][data-part="trigger"]'),b=(c,u,P=!1)=>{let v=P?c:c[u==="next"?"nextElementSibling":"previousElementSibling"];return v?U(v,"data-disabled")?b(v,u):y(v):null},g=c=>{let u=r?.elementRef?.current;if(!u)return null;let P=c==="first"?u.firstElementChild:u.lastElementChild;return P?b(P,c==="first"?"next":"previous",!0):null},A=t?.closest('[data-scope="accordion"][data-part="panel"]');if(!A)return;let s=null;switch(V){case"next":s=b(A,"next"),s||(s=g("first"));break;case"previous":s=b(A,"previous"),s||(s=g("last"));break;case"first":s=g("first");break;case"last":s=g("last");break}s&&D(s)},f=i?`${i}_content`:void 0,p={id:f,"data-scope":"accordion","data-part":"content",role:"region","aria-hidden":!o,[o?"data-open":"data-closed"]:"","data-disabled":e.disabled||void 0},x={"data-scope":"accordion","data-part":"trigger",type:"button",tabIndex:l?-1:r?.props?.tabIndex,disabled:l||void 0,"aria-expanded":o,"aria-disabled":l||void 0,"aria-controls":f,[o?"data-content-open":"data-content-closed"]:"","data-disabled":l||void 0,onClick:E,onFocus:d,onKeyDown:a},h={"data-scope":"accordion","data-part":"indicator",[o?"data-open":"data-closed"]:""},M={"data-scope":"accordion","data-part":"header",[o?"data-open":"data-closed"]:""},L={"data-scope":"accordion","data-part":"panel",...l?{"data-disabled":""}:void 0,[o?"data-open":"data-closed"]:""};return{state:m,panelProps:L,headerProps:M,triggerProps:x,contentProps:p,indicatorProps:h}}});export{H as defaultPanelProps,T as defaultProps,K as useAccordion,z as useAccordionPanel};

package/accordion/useAccordion.d.ts

@@ -1,12 +1,13 @@
-import { useAccordionProps } from '@primereact/types/shared/accordion';
 import * as React from 'react';
-export declare const useAccordion: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useAccordionProps, unknown, {
+export declare const useAccordion: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/accordion").UseAccordionProps, unknown, {
     state: {
         value: string | number | (string | number)[] | null | undefined;
     };
-    updateValue: (key: null | undefined | string | number) => void;
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    updateValue: (event: React.SyntheticEvent, key: null | undefined | string | number) => void;
     isItemActive: (key: null | undefined | string | number) => boolean;
-    onHeaderClick: (event: React.MouseEvent<HTMLButtonElement>, value: null | undefined | string | number) => void;
-    onHeaderFocus: (event: React.FocusEvent<HTMLButtonElement>, value: null | undefined | string | number) => void;
-    onHeaderKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, value: null | undefined | string | number) => void;
 }>;

package/accordion/useAccordion.props.d.ts

@@ -1,2 +1,2 @@
-import type { useAccordionProps } from '@primereact/types/shared/accordion';
-export declare const defaultProps: useAccordionProps;
+import type { UseAccordionProps } from '@primereact/types/headless/accordion';
+export declare const defaultProps: UseAccordionProps;

package/accordion/useAccordionPanel.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+export declare const useAccordionPanel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/accordion").UseAccordionPanelProps, unknown, {
+    state: {
+        open: boolean;
+        disabled: boolean | undefined;
+    };
+    panelProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    headerProps: {
+        [x: string]: string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    triggerProps: {
+        [x: string]: string | number | boolean | ((event: React.MouseEvent<HTMLButtonElement>) => void) | ((event: React.FocusEvent<HTMLButtonElement>) => void) | ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        tabIndex: number | undefined;
+        disabled: true | undefined;
+        'aria-expanded': boolean;
+        'aria-disabled': true | undefined;
+        'aria-controls': string | undefined;
+        'data-disabled': true | undefined;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onFocus: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+    contentProps: {
+        [x: string]: string | boolean | undefined;
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        role: "region";
+        'aria-hidden': boolean;
+        'data-disabled': true | undefined;
+    };
+    indicatorProps: {
+        [x: string]: string;
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/accordion/useAccordionPanel.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseAccordionPanelProps } from '@primereact/types/headless/accordion';
+export declare const defaultPanelProps: UseAccordionPanelProps;

package/animateonscroll/index.d.ts

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

package/animateonscroll/index.mjs

@@ -1,2 +1 @@
-var H=Object.defineProperty,U=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var C=(o,e,r)=>e in o?H(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,I=(o,e)=>{for(var r in e||(e={}))O.call(e,r)&&C(o,r,e[r]);if(f)for(var r of f(e))h.call(e,r)&&C(o,r,e[r]);return o},L=(o,e)=>U(o,j(e));var k=(o,e)=>{var r={};for(var n in o)O.call(o,n)&&e.indexOf(n)<0&&(r[n]=o[n]);if(o!=null&&f)for(var n of f(o))e.indexOf(n)<0&&h.call(o,n)&&(r[n]=o[n]);return r};import{withHeadless as q}from"@primereact/core/headless";import{useIntersectionObserver as g}from"@primereact/hooks/use-intersection-observer";import{useMountEffect as z}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as B}from"@primereact/hooks/use-unmount-effect";import{addClass as x,removeClass as u}from"@primeuix/utils/dom";import*as i from"react";var S={enterClassName:"",leaveClassName:"",once:!1,root:void 0,rootMargin:void 0,threshold:.5};var X=q({name:"useAnimateOnScroll",defaultProps:S,setup({props:o,elementRef:e}){let E=o,{enterClassName:r,leaveClassName:n,once:l}=E,P=k(E,["enterClassName","leaveClassName","once"]),m=i.useRef(!1),c=i.useRef(null),s=i.useRef(void 0),{observe:M,unobserve:p}=g(L(I({},P),{onIntersect:([t])=>{t.isIntersecting?T():w(),m.current=!0}})),{observe:v,unobserve:d}=g({threshold:0,onIntersect:([t])=>{let a=e.current;a&&(t==null?void 0:t.boundingClientRect.top)>0&&!t.isIntersecting&&(a.style.opacity=r?"0":"",r&&u(a,r),n&&u(a,n),d(a),a.removeAttribute("data-pd-animateonscroll-state"),s.current=void 0)}}),b=i.useCallback(()=>{let t=e.current;t&&(p(t),d(t),m.current=!1)},[p,d,e]),T=i.useCallback(()=>{let t=e.current;!t||s.current!==void 0||s.current!=="enter"&&(t.style.opacity="",r&&(n&&u(t,n),x(t,r!=null?r:""),t.setAttribute("data-pd-animateonscroll-state","enter"),s.current="enter",A(),l&&setTimeout(()=>{b()},0)))},[s,r,n,l,b]),w=i.useCallback(()=>{let t=e.current;!t||s.current!==void 0||s.current!=="leave"&&(n?(r&&u(t,r),x(t,n!=null?n:""),A(),s.current="leave",t.setAttribute("data-pd-animateonscroll-state","leave")):t.style.opacity="0")},[s,r,n]),A=i.useCallback(()=>{let t=e.current;t&&(c.current||(c.current=()=>{t&&(r&&u(t,r),n&&u(t,n),l||v(t),y(),s.current==="leave"&&(t.style.opacity="0"),s.current==="enter"&&(t.style.opacity=""),t.removeAttribute("data-pd-animateonscroll-state"),s.current=void 0)},t.addEventListener("animationend",c.current),t.addEventListener("transitionend",c.current)))},[r,n,l,v]),y=i.useCallback(()=>{let t=e.current;t&&c.current&&(t.removeEventListener("animationend",c.current),t.removeEventListener("transitionend",c.current),c.current=null)},[]);return i.useLayoutEffect(()=>{e.current&&r&&(e.current.style.opacity="0")},[e,r]),z(()=>{e.current&&(e.current.setAttribute("data-pd-animateonscroll","true"),setTimeout(()=>e.current&&M(e.current),0))}),B(()=>{e.current&&(e.current.removeAttribute("data-pd-animateonscroll"),e.current.removeAttribute("data-pd-animateonscroll-state"),p(e.current),d(e.current),y())}),{state:{}}}});export{S as defaultProps,X as useAnimateOnScroll};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as I}from"@primereact/core/headless";import{useIntersectionObserver as y}from"@primereact/hooks/use-intersection-observer";import{useMountEffect as P}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as x}from"@primereact/hooks/use-unmount-effect";import{addClass as A,removeClass as i}from"@primeuix/utils/dom";import*as n from"react";var R={enterClassName:"",leaveClassName:"",once:!1,root:void 0,rootMargin:void 0,threshold:.5};var q=I({name:"useAnimateOnScroll",defaultProps:R,setup({props:C}){let{enterClassName:r,leaveClassName:s,once:u,...E}=C,t=n.useRef(null),m=n.useRef(!1),a=n.useRef(null),o=n.useRef(void 0),L=n.useCallback(e=>{t.current=e},[]),{observe:h,unobserve:f}=y({...E,onIntersect:([e])=>{e.isIntersecting?O():k(),m.current=!0}}),{observe:d,unobserve:l}=y({threshold:0,onIntersect:([e])=>{let c=t.current;c&&e?.boundingClientRect.top>0&&!e.isIntersecting&&(c.style.opacity=r?"0":"",r&&i(c,r),s&&i(c,s),l(c),c.removeAttribute("data-enter"),c.removeAttribute("data-leave"),o.current=void 0)}}),v=n.useCallback(()=>{let e=t.current;e&&(f(e),l(e),m.current=!1)},[f,l]),O=n.useCallback(()=>{let e=t.current;!e||o.current!==void 0||o.current!=="enter"&&(e.style.opacity="",r&&(s&&i(e,s),A(e,r??""),e.setAttribute("data-enter",""),o.current="enter",p(),u&&setTimeout(()=>{v()},0)))},[o,r,s,u,v]),k=n.useCallback(()=>{let e=t.current;!e||o.current!==void 0||o.current!=="leave"&&(s?(r&&i(e,r),A(e,s??""),p(),o.current="leave",e.setAttribute("data-leave","")):e.style.opacity="0")},[o,r,s]),p=n.useCallback(()=>{let e=t.current;e&&(a.current||(a.current=()=>{e&&(r&&i(e,r),s&&i(e,s),u||d(e),b(),o.current==="leave"&&(e.style.opacity="0"),o.current==="enter"&&(e.style.opacity=""),e.removeAttribute("data-enter"),e.removeAttribute("data-leave"),o.current=void 0)},e.addEventListener("animationend",a.current),e.addEventListener("transitionend",a.current)))},[r,s,u,d]),b=n.useCallback(()=>{let e=t.current;e&&a.current&&(e.removeEventListener("animationend",a.current),e.removeEventListener("transitionend",a.current),a.current=null)},[]);return n.useLayoutEffect(()=>{t.current&&r&&(t.current.style.opacity="0")},[r]),P(()=>{t.current&&setTimeout(()=>t.current&&h(t.current),0)}),x(()=>{t.current&&(t.current.removeAttribute("data-enter"),t.current.removeAttribute("data-leave"),f(t.current),l(t.current),b())}),{state:{},rootProps:{ref:L,"data-scope":"animateonscroll","data-part":"root"}}}});export{R as defaultProps,q as useAnimateOnScroll};

package/animateonscroll/useAnimateOnScroll.d.ts

@@ -1,3 +1,8 @@
-export declare const useAnimateOnScroll: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/animateonscroll").useAnimateOnScrollProps, unknown, {
+export declare const useAnimateOnScroll: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/animateonscroll").UseAnimateOnScrollProps, unknown, {
     state: {};
+    rootProps: {
+        ref: (node: HTMLElement | null) => void;
+        'data-scope': string;
+        'data-part': string;
+    };
 }>;

package/animateonscroll/useAnimateOnScroll.props.d.ts

@@ -1,2 +1,2 @@
-import type { useAnimateOnScrollProps } from '@primereact/types/shared/animateonscroll';
-export declare const defaultProps: useAnimateOnScrollProps;
+import type { UseAnimateOnScrollProps } from '@primereact/types/headless/animateonscroll';
+export declare const defaultProps: UseAnimateOnScrollProps;

package/autocomplete/index.d.ts

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

package/autocomplete/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as le}from"@primereact/core/headless";import{useListbox as ue}from"@primereact/headless/listbox";import{usePopover as ce}from"@primereact/headless/popover";import{useControlledState as F}from"@primereact/hooks/use-controlled-state";import{useEventListener as k}from"@primereact/hooks/use-event-listener";import{getOuterWidth as re,isNotEmpty as de,focus as pe,toElement as fe}from"@primeuix/utils";import*as i from"react";var S={open:void 0,defaultOpen:void 0,value:void 0,defaultValue:void 0,inputValue:void 0,defaultInputValue:"",options:[],optionKey:void 0,optionLabel:void 0,optionValue:void 0,optionDisabled:void 0,optionGroupLabel:void 0,optionGroupChildren:void 0,disabled:!1,invalid:!1,locale:void 0,metaKeySelection:!1,multiple:!1,autoOptionFocus:!1,selectOnFocus:!1,focusOnHover:!0,closeOnEscape:!1,autoFocus:!1,trapped:!1,minLength:1,delay:0,forceSelection:!1,onOpenChange:void 0,onValueChange:void 0,onInputValueChange:void 0,onComplete:void 0};var ye=le({name:"useAutoComplete",defaultProps:S,setup({props:t,id:r}){let L=i.useRef(null),K=e=>{L.current?.(e)},T=e=>{t.onOpenChange?.({value:!!e.value})},n=ue({value:t.value,defaultValue:t.defaultValue,options:t.options,optionKey:t.optionKey,optionLabel:t.optionLabel,optionValue:t.optionValue,optionDisabled:t.optionDisabled,optionGroupLabel:t.optionGroupLabel,optionGroupChildren:t.optionGroupChildren,disabled:t.disabled,locale:t.locale,autoOptionFocus:t.autoOptionFocus,selectOnFocus:t.selectOnFocus,focusOnHover:t.focusOnHover,multiple:!1,metaKeySelection:t.metaKeySelection,onValueChange:K}),o=ce({open:t.open,defaultOpen:t.defaultOpen??!1,closeOnEscape:t.closeOnEscape,autoFocus:t.autoFocus,trapped:t.trapped,onOpenChange:T}),[O,p]=F({value:t.value,defaultValue:t.defaultValue,onChange:t.onValueChange}),[u,f]=F({value:t.inputValue,defaultValue:t.defaultInputValue??"",onChange:t.onInputValueChange}),[A,w]=i.useState(!1),[D,v]=i.useState(!1),d=i.useRef(null),h=i.useRef(!1),R=i.useRef(!1),H={value:O,inputValue:u,opened:o.state.open,focused:A,focusedOptionIndex:n.state.focusedOptionIndex,searching:D,anchorElement:o.state.anchorElement,positionerElement:o.state.positionerElement,popupElement:o.state.popupElement,arrowElement:o.state.arrowElement,rendered:o.state.rendered},m=(e,a)=>{a!=null&&t.onComplete&&t.onComplete({originalEvent:e,query:a})},g=()=>{o.setOpen(!0)},l=()=>{o.setOpen(!1),v(!1),n.changeFocusedOptionIndex(new Event("blur"),n.findFirstFocusedOptionIndex())},M=e=>{d.current&&clearTimeout(d.current);let a=e.target.value;if(y()){let s=n.findSelectedOptionIndex(),c=s!==-1?n.getOptions()[s]:null,b=c?n.getOptionLabel(c):"";a!==b&&(p([null,{originalEvent:e,value:null,option:null}]),n.updateModel(e,null))}a.length===0?(m(e,""),l()):a.length>=(t.minLength??1)?(v(!0),d.current=setTimeout(()=>{m(e,a),g(),n.changeFocusedOptionIndex(new Event("input"),-1)},t.delay)):l(),f([a,{originalEvent:e,query:a}])},U=e=>{t.disabled||(R.current?R.current=!1:t.autoOptionFocus&&m(e,e.target.value),n.listProps.onFocus?.(),w(!0))},q=e=>{n.listProps.onBlur?.(),w(!1),t.forceSelection&&W(e)},x=e=>{let a=e.value,s=n.getOptions().find(b=>{let ie=n.getOptionValue(b);return n.isEquals(ie,a)}),c=s?n.getOptionLabel(s):"";p([a,{originalEvent:e.originalEvent,value:a,option:s}]),f([c,{originalEvent:e.originalEvent,query:c}]),l(),R.current=!0,E()};L.current=x;let C=e=>{e.preventDefault(),e.stopPropagation(),p([null,{originalEvent:e,value:null,option:null}]),f(["",{originalEvent:e,query:""}]),n.updateModel(e,null),o.state.open&&l(),E()},G=e=>{(e.code==="Enter"||e.code==="Space")&&C(e)},B=e=>{switch(e.code){case"ArrowDown":_(e);break;case"ArrowUp":$(e);break;case"ArrowLeft":case"ArrowRight":n.changeFocusedOptionIndex(e,-1);break;case"Enter":case"NumpadEnter":z(e);break;case"Space":!t.autoOptionFocus&&n.state.focusedOptionIndex!==-1&&n.onOptionSelect(e,n.getOptions()[n.state.focusedOptionIndex]);break;case"Home":case"End":case"PageUp":case"PageDown":o.state.open&&n.listProps.onKeyDown(e);break;case"Escape":o.state.open&&(l(),E(),e.stopPropagation());break;case"Tab":o.state.open&&l();break;default:break}},_=e=>{!o.state.open&&u&&u?.length>=(t.minLength??1)&&(h.current=!0,m(e,u??""),g()),n.listProps.onKeyDown(e),e.preventDefault()},$=e=>{if(!o.state.open&&u&&u?.length>=(t.minLength??1)&&(h.current=!0,m(e,u??""),g()),e.altKey){let a=n.state.focusedOptionIndex;if(a!==-1){let s=n.getOptions()[a];s&&x({originalEvent:e,value:n.getOptionValue(s)})}o.state.open&&l()}else n.listProps.onKeyDown(e);e.preventDefault()},z=e=>{let a=n.state.focusedOptionIndex;if(o.state.open&&a!==-1){let s=n.getOptions()[a];s&&!n.isOptionDisabled(s)&&(n.onOptionSelect(e,s),e.preventDefault())}},N=(e,a)=>n.isValidOption(e)&&n.getOptionLabel(e)?.toLocaleLowerCase(t.locale)===a.toLocaleLowerCase(t.locale),W=e=>{if(t.options&&t.options.length>0){let a=n.getOptions().find(s=>N(s,u||""));if(a!==void 0){let s=n.getOptions().find(b=>n.getOptionValue(b)===a),c=s?n.getOptionLabel(s):"";p([a,{originalEvent:e,value:a,option:s}]),f([c,{originalEvent:e,query:c}])}else f(["",{originalEvent:e,query:""}]),p([null,{originalEvent:e,value:null,option:null}])}},y=()=>de(O),V=()=>{o.state.open?l():g()},E=()=>{let e=fe(o.state.anchorElement);e&&pe(e)},j=()=>{t.disabled||V()},J=()=>{if(!y())return null;let e=n.getOptions().find(a=>{let s=n.getOptionValue(a);return n.isEquals(s,O)});return e?n.getOptionLabel(e):null},[Q]=k({target:()=>document.querySelector(`label[for="${r}"]`),type:"click",listener:()=>{E()}}),[I,P]=k({target:"window",type:"resize",listener:()=>{o.state.open&&l()}});i.useEffect(()=>{Q()},[r]),i.useEffect(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),i.useEffect(()=>{v(!1)},[t.options]),i.useEffect(()=>{o.state.open?I():P()},[o.state.open,I,P]),i.useEffect(()=>{o.state.open&&o.state.positionerElement&&(o.state.anchorElement&&(o.state.positionerElement.style.minWidth=re(o.state.anchorElement)+"px"),(h.current||t.autoOptionFocus)&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{let e=n.state.focusedOptionIndex,a=e!==-1?e:n.findFirstFocusedOptionIndex();n.changeFocusedOptionIndex(new Event("focus"),a),h.current=!1})}))},[o.state.open,o.state.positionerElement]);let X={id:r,"data-scope":"autocomplete","data-part":"root",...t.disabled&&{"data-disabled":""},...t.invalid&&{"data-invalid":""}},Y={"data-scope":"autocomplete","data-part":"input",ref:o.setAnchorRef,tabIndex:t.disabled?-1:t.tabIndex,value:u??"",autoComplete:"off",role:"combobox",name:t.name,disabled:t.disabled,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":!!o.state.open,"aria-controls":o.state.open?`${r}_list`:void 0,"aria-activedescendant":o.state.open?n?.getFocusedOptionId():void 0,...t.invalid&&{"data-invalid":"","aria-invalid":!0},onChange:M,onFocus:U,onBlur:q,onKeyDown:B},Z={"data-scope":"autocomplete","data-part":"indicator","aria-hidden":!0,...o.state.open?{"data-open":""}:{"data-closed":""}},ee={"data-scope":"autocomplete","data-part":"clear","aria-label":"Clear",tabIndex:t.disabled?-1:0,onClick:C,onKeyDown:G},te={...n?.listProps,id:`${r}_list`,tabIndex:-1,"data-scope":"autocomplete","data-part":"list"},ne={"data-scope":"autocomplete","data-part":"positioner",ref:o.setPositionerRef},oe={"data-scope":"autocomplete","data-part":"popup",ref:o.setPopupRef,...o.state.open&&{"data-open":""}},ae={"data-scope":"autocomplete","data-part":"arrow",ref:o.setArrowRef},se={"data-scope":"autocomplete","data-part":"trigger",type:"button",tabIndex:t.disabled?-1:t.tabIndex,disabled:t.disabled,"aria-label":"Show suggestions","aria-haspopup":"listbox","aria-expanded":!!o.state.open,"aria-controls":o.state.open?`${r}_list`:void 0,...o.state.open&&{"data-positioner-open":""},onClick:j};return{state:H,listbox:n,rootProps:X,triggerProps:se,inputProps:Y,listProps:te,indicatorProps:Z,clearProps:ee,positionerProps:ne,popupProps:oe,arrowProps:ae,setAnchorRef:o.setAnchorRef,setPositionerRef:o.setPositionerRef,setPopupRef:o.setPopupRef,setArrowRef:o.setArrowRef,setRendered:o.setRendered,getSelectedOptionLabel:J,hasValue:y,show:g,hide:l,toggle:V,focus:E}}});export{S as defaultProps,ye as useAutoComplete};

package/autocomplete/useAutoComplete.d.ts

@@ -0,0 +1,198 @@
+import * as React from 'react';
+export declare const useAutoComplete: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/autocomplete").UseAutoCompleteProps, unknown, {
+    state: {
+        value: unknown;
+        inputValue: string | undefined;
+        opened: boolean | undefined;
+        focused: boolean;
+        focusedOptionIndex: number;
+        searching: boolean;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+        rendered: boolean;
+    };
+    listbox: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/listbox").UseListboxProps<unknown>, unknown, {
+        state: {
+            value: unknown;
+            focused: boolean;
+            focusedOptionIndex: number;
+        };
+        listRef: React.RefObject<HTMLUListElement | null>;
+        firstHiddenElementRef: React.RefObject<HTMLElement | null>;
+        lastHiddenElementRef: React.RefObject<HTMLElement | null>;
+        rootProps: {
+            id: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            'data-disabled': true | undefined;
+            'data-invalid': true | undefined;
+            onBlur: (event: React.FocusEvent) => void;
+        };
+        listProps: {
+            id: string;
+            role: "listbox";
+            ref: React.RefObject<HTMLUListElement | null>;
+            tabIndex: number;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onFocus: (event?: React.FocusEvent) => void;
+            onBlur: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        filterProps: {
+            role: "searchbox";
+            autoComplete: "off";
+            disabled: boolean | undefined;
+            tabIndex: number | undefined;
+            'aria-owns': string | undefined;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onBlur: () => void;
+            onChange: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        firstHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: () => void;
+        };
+        lastHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: (event: React.FocusEvent) => void;
+        };
+        getOptions: () => unknown[];
+        getOptionId: (index: number) => string;
+        getOptionLabel: (option: unknown) => any;
+        getOptionValue: (option: unknown) => any;
+        isOptionDisabled: (option: unknown) => any;
+        isOptionGroup: (option: unknown) => boolean;
+        getOptionGroupLabel: (optionGroup: unknown) => any;
+        getOptionGroupChildren: (optionGroup: unknown) => any;
+        getFocusedOptionId: () => string | undefined;
+        onOptionSelect: (event: React.MouseEvent | React.KeyboardEvent, option: unknown, index?: number) => void;
+        onOptionTouchEnd: () => void;
+        onClearClick: (event: React.MouseEvent) => void;
+        isOptionMatched: (option: unknown) => any;
+        isValidOption: (option: unknown) => boolean;
+        isValidSelectedOption: (option: unknown) => boolean;
+        isSelected: (option: unknown) => boolean;
+        changeFocusedOptionIndex: (event: React.MouseEvent | React.KeyboardEvent, index?: number) => void;
+        findSelectedOptionIndex: () => number;
+        findFirstFocusedOptionIndex: () => number;
+        scrollInView: (index?: number) => void;
+        updateModel: (event: React.SyntheticEvent, value: unknown) => void;
+        autoUpdateModel: () => void;
+        equalityKey: string | undefined;
+        hasValue: () => boolean;
+        isEquals: (value1: unknown, value2: unknown) => boolean;
+    }>;
+    rootProps: {
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        id: string | undefined;
+        'data-scope': "autocomplete";
+        'data-part': "root";
+    };
+    triggerProps: {
+        onClick: () => void;
+        'data-positioner-open'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        tabIndex: number | undefined;
+        disabled: boolean | undefined;
+        'aria-label': string;
+        'aria-haspopup': "listbox";
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+    };
+    inputProps: {
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onFocus: (event: React.FocusEvent) => void;
+        onBlur: (event: React.FocusEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+        'data-invalid'?: string | undefined;
+        'aria-invalid'?: boolean | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number | undefined;
+        value: string;
+        autoComplete: "off";
+        role: "combobox";
+        name: string | undefined;
+        disabled: boolean | undefined;
+        'aria-autocomplete': "list";
+        'aria-haspopup': "listbox";
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+        'aria-activedescendant': string | undefined;
+    };
+    listProps: {
+        id: string;
+        tabIndex: number;
+        'data-scope': "autocomplete";
+        'data-part': "list";
+        role: "listbox";
+        ref: React.RefObject<HTMLUListElement | null>;
+        'aria-activedescendant': string | undefined;
+        onFocus: (event?: React.FocusEvent) => void;
+        onBlur: () => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+    };
+    indicatorProps: {
+        'data-open': string;
+        'data-scope': string;
+        'data-part': string;
+        'aria-hidden': true;
+    } | {
+        'data-closed': string;
+        'data-scope': string;
+        'data-part': string;
+        'aria-hidden': true;
+    };
+    clearProps: {
+        'data-scope': string;
+        'data-part': string;
+        'aria-label': string;
+        tabIndex: number;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+    positionerProps: {
+        'data-scope': "autocomplete";
+        'data-part': "positioner";
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    popupProps: {
+        'data-open'?: string | undefined;
+        'data-scope': "autocomplete";
+        'data-part': "popup";
+        ref: (node: HTMLElement | null) => void;
+    };
+    arrowProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    setAnchorRef: (node: HTMLElement | null) => void;
+    setPositionerRef: (node: HTMLDivElement | null) => void;
+    setPopupRef: (node: HTMLElement | null) => void;
+    setArrowRef: (node: HTMLDivElement | null) => void;
+    setRendered: React.Dispatch<React.SetStateAction<boolean>>;
+    getSelectedOptionLabel: () => any;
+    hasValue: () => boolean;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    focus: () => void;
+}>;

package/autocomplete/useAutoComplete.props.d.ts

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

package/avatar/index.d.ts

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

package/avatar/index.mjs

@@ -1,2 +1 @@
-var c={delayDuration:0};import{withHeadless as f}from"@primereact/core/headless";import*as e from"react";var g=f({name:"useAvatar",defaultProps:c,setup({props:s}){let[m,r]=e.useState(!1),t=e.useRef(null),d={load:m},o=e.useCallback(()=>{var a;setTimeout(()=>{r(!0)},(a=s.delayDuration)!=null?a:0)},[s.delayDuration]),n=e.useCallback(()=>{r(!1)},[]),i=e.useCallback(a=>{if(!a){r(!1);return}t.current=new window.Image,t.current.src=a,t.current.addEventListener("load",o),t.current.addEventListener("error",n)},[t,o,n]),l=e.useCallback(()=>{var a,u;r(!1),(a=t.current)==null||a.removeEventListener("load",o),(u=t.current)==null||u.removeEventListener("error",n),t.current=null},[o,n]);return e.useEffect(()=>()=>{l()},[]),{state:d,handleImageLoad:i,handleImageUnload:l}}});export{c as defaultProps,g as useAvatar};
-//# sourceMappingURL=index.mjs.map
+var c={delayDuration:0};import{withHeadless as p}from"@primereact/core/headless";import*as e from"react";var g=p({name:"useAvatar",defaultProps:c,setup({props:s}){let[u,a]=e.useState(!1),t=e.useRef(null),d={load:u},r=e.useCallback(()=>{setTimeout(()=>{a(!0)},s.delayDuration??0)},[s.delayDuration]),o=e.useCallback(()=>{a(!1)},[]),m=e.useCallback(l=>{if(!l){a(!1);return}t.current=new window.Image,t.current.src=l,t.current.addEventListener("load",r),t.current.addEventListener("error",o)},[t,r,o]),n=e.useCallback(()=>{a(!1),t.current?.removeEventListener("load",r),t.current?.removeEventListener("error",o),t.current=null},[r,o]);return e.useEffect(()=>()=>{n()},[]),{state:d,rootProps:{"data-scope":"avatar","data-part":"root"},handleImageLoad:m,handleImageUnload:n}}});export{c as defaultProps,g as useAvatar};

package/avatar/useAvatar.d.ts

@@ -1,7 +1,11 @@
-export declare const useAvatar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/avatar").useAvatarProps, unknown, {
+export declare const useAvatar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/avatar").UseAvatarProps, unknown, {
     state: {
         load: boolean;
     };
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
     handleImageLoad: (src?: string) => void;
     handleImageUnload: () => void;
 }>;

package/avatar/useAvatar.props.d.ts

@@ -1,2 +1,2 @@
-import type { useAvatarProps } from '@primereact/types/shared/avatar';
-export declare const defaultProps: useAvatarProps;
+import type { UseAvatarProps } from '@primereact/types/headless/avatar';
+export declare const defaultProps: UseAvatarProps;

package/avatargroup/index.d.ts

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

package/avatargroup/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as o}from"@primereact/core/headless";var r={};var s=o({name:"useAvatarGroup",defaultProps:r,setup(){return{rootProps:{"data-scope":"avatargroup","data-part":"root"}}}});export{r as defaultProps,s as useAvatarGroup};

package/avatargroup/useAvatarGroup.d.ts

@@ -0,0 +1,6 @@
+export declare const useAvatarGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/avatargroup").UseAvatarGroupProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/avatargroup/useAvatarGroup.props.d.ts

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

package/badge/index.d.ts

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

package/badge/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as r}from"@primereact/core/headless";var e={};var s=r({name:"useBadge",defaultProps:e});export{e as defaultProps,s as useBadge};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as t}from"@primereact/core/headless";var e={};var d=t({name:"useBadge",defaultProps:e,setup({inProps:o}){return{rootProps:{"data-scope":"badge","data-part":"root",...!o?.children&&{"data-empty":""}}}}});export{e as defaultProps,d as useBadge};

package/badge/useBadge.d.ts

@@ -1 +1,7 @@
-export declare const useBadge: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/badge").useBadgeProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useBadge: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/badge").UseBadgeProps, unknown, {
+    rootProps: {
+        'data-empty'?: "" | undefined;
+        'data-scope': "badge";
+        'data-part': "root";
+    };
+}>;

package/badge/useBadge.props.d.ts

@@ -1,2 +1,2 @@
-import type { useBadgeProps } from '@primereact/types/shared/badge';
-export declare const defaultProps: useBadgeProps;
+import type { UseBadgeProps } from '@primereact/types/headless/badge';
+export declare const defaultProps: UseBadgeProps;

package/breadcrumb/index.d.ts

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

package/breadcrumb/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as n}from"@primereact/core/headless";var r={onAction:void 0};var p=n({name:"useBreadcrumb",defaultProps:r,setup({props:e}){return{onAction:(o,t)=>{e.onAction&&(o.preventDefault(),e.onAction(t))}}}});export{r as defaultProps,p as useBreadcrumb};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as s}from"@primereact/core/headless";var r={};var d=s({name:"useBreadcrumb",defaultProps:r,setup(){return{rootProps:{"data-scope":"breadcrumb","data-part":"root","aria-label":"Breadcrumb"},ellipsisProps:{"data-scope":"breadcrumb","data-part":"ellipsis",role:"presentation","aria-hidden":!0},separatorProps:{"data-scope":"breadcrumb","data-part":"separator",role:"presentation","aria-hidden":!0}}}});export{r as defaultProps,d as useBreadcrumb};

package/breadcrumb/useBreadcrumb.d.ts

@@ -1,3 +1,19 @@
-export declare const useBreadcrumb: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/breadcrumb").useBreadcrumbProps, unknown, {
-    onAction: (event: React.MouseEvent, key: string) => void;
+export declare const useBreadcrumb: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/breadcrumb").UseBreadcrumbProps, unknown, {
+    rootProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "root";
+        'aria-label': string;
+    };
+    ellipsisProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "ellipsis";
+        role: "presentation";
+        'aria-hidden': true;
+    };
+    separatorProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "separator";
+        role: "presentation";
+        'aria-hidden': true;
+    };
 }>;

package/breadcrumb/useBreadcrumb.props.d.ts

@@ -1,2 +1,2 @@
-import type { useBreadcrumbProps } from '@primereact/types/shared/breadcrumb';
-export declare const defaultProps: useBreadcrumbProps;
+import type { UseBreadcrumbProps } from '@primereact/types/headless/breadcrumb';
+export declare const defaultProps: UseBreadcrumbProps;

package/button/index.d.ts

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

package/button/index.mjs

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

package/button/useButton.d.ts

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

package/button/useButton.props.d.ts

@@ -1,2 +1,2 @@
-import type { useButtonProps } from '@primereact/types/shared/button';
-export declare const defaultProps: useButtonProps;
+import type { UseButtonProps } from '@primereact/types/headless/button';
+export declare const defaultProps: UseButtonProps;