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

package/sidebar/useSidebarMenuItem.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseSidebarMenuItemProps } from '@primereact/types/headless/sidebar';
+export declare const defaultMenuItemProps: UseSidebarMenuItemProps;

package/skeleton/index.d.ts

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

package/skeleton/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as o}from"@primereact/core/headless";var e={};var p=o({name:"useSkeleton",defaultProps:e});export{e as defaultProps,p as useSkeleton};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as o}from"@primereact/core/headless";var e={};var a=o({name:"useSkeleton",defaultProps:e,setup(){return{rootProps:{"aria-hidden":!0,"data-scope":"skeleton","data-part":"root"}}}});export{e as defaultProps,a as useSkeleton};

package/skeleton/useSkeleton.d.ts

@@ -1 +1,7 @@
-export declare const useSkeleton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/skeleton").useSkeletonProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useSkeleton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/skeleton").UseSkeletonProps, unknown, {
+    rootProps: {
+        'aria-hidden': true;
+        'data-scope': "skeleton";
+        'data-part': "root";
+    };
+}>;

package/skeleton/useSkeleton.props.d.ts

@@ -1,2 +1,2 @@
-import type { useSkeletonProps } from '@primereact/types/shared/skeleton';
-export declare const defaultProps: useSkeletonProps;
+import type { UseSkeletonProps } from '@primereact/types/headless/skeleton';
+export declare const defaultProps: UseSkeletonProps;

package/slider/index.d.ts

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

package/slider/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as ae}from"@primereact/core/headless";import{useEventListener as S}from"@primereact/hooks";import{focus as ue,getAttribute as re,getWindowScrollLeft as le,getWindowScrollTop as se,isRTL as ie}from"@primeuix/utils";import*as s from"react";var X={value:void 0,defaultValue:void 0,orientation:"horizontal",min:0,max:100,step:void 0,onValueChange:void 0};var be=ae({name:"useSlider",defaultProps:X,setup({props:t,elementRef:f}){var W,U;let[Y,L]=s.useState((U=(W=t.value)!=null?W:t.defaultValue)!=null?U:void 0),R=s.useRef(0),M=s.useRef(!1),h=s.useRef(0),w=s.useRef(0),k=s.useRef(0),A=s.useRef(null),D=s.useRef(null);s.useEffect(()=>{t.value!==void 0&&L(t.value)},[t.value]);let r={value:Y},z=s.useCallback(()=>{let e=h.current;return h.current+=1,e},[]);s.useEffect(()=>(h.current=0,()=>{h.current=0}),[]);let d=s.useCallback(()=>Array.isArray(r.value)||h.current>1,[r.value]),C=()=>{var n,a,u,l,c,i,o;let e=(n=f.current)==null?void 0:n.getBoundingClientRect();w.current=((a=e==null?void 0:e.left)!=null?a:0)+le(),k.current=((u=e==null?void 0:e.top)!=null?u:0)+se(),A.current=(c=(l=f.current)==null?void 0:l.offsetWidth)!=null?c:null,D.current=(o=(i=f.current)==null?void 0:i.offsetHeight)!=null?o:null},P=e=>{var o;let n,a=e,u=e,l=a.touches?a.touches[0].pageX:u.pageX,c=a.touches?a.touches[0].pageY:u.pageY;if(g()){if(!f.current)return;ie(f.current)?n=(w.current+A.current-l)*100/A.current:n=(l-w.current)*100/A.current}else n=(k.current+D.current-c)*100/D.current;let i=(t.max-t.min)*(n/100)+t.min;if(t.step){let m=d()?Array.isArray(r.value)&&(o=r.value[R.current])!=null?o:0:typeof r.value=="number"?r.value:0,y=i-m;y<0?i=m+Math.ceil(i/t.step-m/t.step)*t.step:y>0&&(i=m+Math.floor(i/t.step-m/t.step)*t.step)}else i=Math.floor(i);E(e,i)},E=(e,n)=>{var l,c,i,o,m,y;let a=Math.round(n*100)/100,u;d()?(u=Array.isArray(r.value)?[...r.value]:[0,0],R.current==0?(a<((l=t.min)!=null?l:0)?a=t.min:a>=((c=t.max)!=null?c:100)&&(a=t.max),u[0]=a):(a>((i=t.max)!=null?i:100)?a=t.max:a<=((o=t.min)!=null?o:0)&&(a=t.min),u[1]=a)):(a<((m=t.min)!=null?m:0)?a=t.min:a>((y=t.max)!=null?y:100)&&(a=t.max),u=a),L(u),t.onValueChange&&t.onValueChange({originalEvent:e,value:u})},H=(e,n=0)=>{var a;t.disabled||((a=f.current)==null||a.setAttribute("data-p-sliding","true"),M.current=!0,C(),d()&&Array.isArray(r.value)&&r.value[0]===t.max?R.current=0:R.current=n,ue(e.currentTarget))},x=e=>{M.current&&P(e)},V=()=>{var e;M.current&&(M.current=!1,(e=f.current)==null||e.removeAttribute("data-p-sliding"),J(),O(),Z(),$())},B=(e,n)=>{Q(),_(),H(e,n)},j=(e,n)=>{G(),N(),H(e,n)},q=(e,n)=>{var a,u;switch(R.current=n,e.code){case"ArrowDown":case"ArrowLeft":I(e,n),e.preventDefault();break;case"ArrowUp":case"ArrowRight":K(e,n),e.preventDefault();break;case"PageDown":I(e,n,!0),e.preventDefault();break;case"PageUp":K(e,n,!0),e.preventDefault();break;case"Home":E(e,(a=t.min)!=null?a:0),e.preventDefault();break;case"End":E(e,(u=t.max)!=null?u:100),e.preventDefault();break;default:break}},F=e=>{t.disabled||re(e.target,"data-pc-name")!=="sliderthumb"&&(C(),P(e))},[G,J]=S({type:"mousemove",listener:e=>x(e)}),[N,O]=S({type:"mouseup",listener:()=>V()}),[Q,Z]=S({type:"touchmove",listener:e=>x(e)}),[_,$]=S({type:"touchend",listener:()=>V()}),I=(e,n,a=!1)=>{var l,c;let u;d()?Array.isArray(r.value)?t.step?u=((l=r.value[n])!=null?l:0)-t.step:u=((c=r.value[n])!=null?c:0)-1:u=0:typeof r.value=="number"?t.step?u=r.value-t.step:!t.step&&a?u=r.value-10:u=r.value-1:u=0,E(e,u),e.preventDefault()},K=(e,n,a=!1)=>{var l,c;let u;d()?Array.isArray(r.value)?t.step?u=((l=r.value[n])!=null?l:0)+t.step:u=((c=r.value[n])!=null?c:0)+1:u=0:t.step?u=(typeof r.value=="number"?r.value:0)+t.step:!t.step&&a?u=(typeof r.value=="number"?r.value:0)+10:u=(typeof r.value=="number"?r.value:0)+1,E(e,u),e.preventDefault()},T=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return e===void 0||Array.isArray(e)||e<n?0:e>a?100:(e-n)*100/(a-n)},[r.value,t.min,t.max]),b=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return Array.isArray(e)&&e[0]!==void 0?e[0]<n?0:(e[0]-n)*100/(a-n):0},[r.value,t.min,t.max]),v=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return Array.isArray(e)&&e.length===2&&e[1]!==void 0?e[1]>a?100:(e[1]-n)*100/(a-n):100},[r.value,t.min,t.max]),p=()=>{if(d()){let e=v()>b()?v()-b():b()-v(),n=v()>b()?b():v();return g()?{insetInlineStart:n+"%",width:e+"%"}:{bottom:n+"%",height:e+"%"}}else return g()?{width:T()+"%"}:{height:T()+"%"}},ee=()=>g()?{insetInlineStart:T()+"%"}:{bottom:T()+"%"},te=()=>g()?{insetInlineStart:b()+"%"}:{bottom:b()+"%"},ne=()=>g()?{insetInlineStart:v()+"%"}:{bottom:v()+"%"},g=s.useCallback(()=>t.orientation==="horizontal",[]);return{state:r,registerThumb:z,thumbCounter:h,range:d,onTouchStart:B,onDrag:x,onDragEnd:V,onMouseDown:j,onKeyDown:q,onBarClick:F,rangeStyle:p,handleThumbStyle:ee,rangeStartHandleStyle:te,rangeEndHandleStyle:ne}}});export{X as defaultProps,be as useSlider};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as ce}from"@primereact/core/headless";import{useControlledState as se,useDirection as de}from"@primereact/hooks";import*as g from"react";var Q={value:void 0,defaultValue:void 0,orientation:"horizontal",min:0,max:100,step:1,minStepsBetweenHandles:0,onValueChange:void 0,onValueChangeEnd:void 0,disabled:!1,readOnly:!1,invalid:void 0,onFocus:void 0,onBlur:void 0};var ve=ce({name:"useSlider",defaultProps:Q,setup({props:n}){let[P,Z]=se({value:n.value,defaultValue:n.defaultValue,onChange:n.onValueChange}),[R,A]=g.useState(!1),m=g.useRef(0),f=g.useRef(null),h=g.useRef(null),c=n.min??0,D=n.max??100,$=n.step??1,ee=n.minStepsBetweenHandles??0,d=n.orientation==="horizontal",y=g.useRef(!1),b=g.useRef(0),z=de(h)==="rtl";function T(e,t,a){return Math.min(Math.max(e,t),a)}function te(e){let t=e.toString();if(t.includes("e-"))return Number(t.split("e-")[1]||0);let a=t.indexOf(".");return a>=0?t.length-a-1:0}function ne(e,t,a){if(!t)return e;let r=te(t),u=Math.round((e-a)/t)*t+a;return Number(u.toFixed(r))}let x=e=>T(ne(e,$,c),c,D);function v(){return Array.isArray(P)}function V(){let e=P!==void 0?P:n.value??n.defaultValue;return(Array.isArray(e)?e:e!==void 0?[e]:[c]).map(a=>x(a))}function k(){let e=V();return v()?e:e[0]}function I(e){return h.current?.querySelector(`[data-index="${e}"]`)??null}function L(e){return I(e)?.hasAttribute("data-disabled")??!1}function N(e){if(f.current===null||f.current===e)return;let t=h.current;if(!t){f.current=null;return}let a=t.querySelector(`[data-index="${f.current}"] input[type="range"]`);f.current=null,a?.blur()}function ae(e,t,a){let r=e.map((l,E)=>E),u=h.current?r.filter(l=>!L(l)):r;if(!u.length)return-1;let i=u[0],o=Math.abs(e[i]-t),s=a?d?a.clientX:a.clientY:null;for(let l of u.slice(1)){let E=Math.abs(e[l]-t);if(E<o)i=l,o=E;else if(E===o&&s!==null){let M=I(i),H=I(l);if(M&&H){let S=M.getBoundingClientRect(),w=H.getBoundingClientRect(),O=d?S.left+S.width/2:S.top+S.height/2,J=d?w.left+w.width/2:w.top+w.height/2;if(O===J)i=s<O?Math.min(i,l):Math.max(i,l);else{let le=Math.abs(s-O);Math.abs(s-J)<le&&(i=l)}}}}return i}function p(e){return V()[e]??c}function C(e){let t=D-c;return t?T((e-c)/t*100,0,100):0}function U(e){h.current=e}function re(e){return h.current?.getBoundingClientRect()??e.currentTarget.getBoundingClientRect()}function X(e,t=0){let a=re(e),r=d?a.width:a.height;if(!r)return c;let i=((d?e.clientX-a.left:e.clientY-a.top)-t)/r,o=T(i,0,1),s=d?z?1-o:o:1-o,l=c+s*(D-c);return x(l)}function B(e,t,a){let r=V(),u=Math.max(ee*($||1),0),i=e>0?r[e-1]+u:c,o=e<r.length-1?r[e+1]-u:D,s=Math.min(i,o),l=Math.max(i,o),E=T(x(t),s,l),M=[...r];M[e]=E;let H=v()?M:M[0];return Z([H,{originalEvent:a,value:H}]),H}function Y(e){let t=X(e,b.current),a=V(),r=ae(a,t,e);r!==-1&&(N(r),m.current=r,b.current=0,B(m.current,t,e))}function q(e){if(!(n.disabled||n.readOnly)&&!(e.pointerType==="mouse"&&e.button!==0)){if(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),A(!0),y.current){y.current=!1;return}b.current=0,Y(e)}}function G(e){n.disabled||n.readOnly||R&&(L(m.current)||(e.preventDefault(),B(m.current,X(e,b.current),e)))}function K(e){n.disabled||n.readOnly||(e.preventDefault(),e.currentTarget.releasePointerCapture(e.pointerId),A(!1),y.current=!1,b.current=0,n.onValueChangeEnd?.({originalEvent:e,value:k()}))}function W(e,t){if(n.disabled||n.readOnly||L(t)||e.pointerType==="mouse"&&e.button!==0)return;e.preventDefault(),h.current?.setPointerCapture(e.pointerId);let a=I(t);if(a){let r=a.getBoundingClientRect(),u=d?r.left+r.width/2:r.top+r.height/2,i=d?e.clientX:e.clientY;b.current=i-u}else b.current=0;N(t),m.current=t,y.current=!0}function F(e,t){if(n.disabled||n.readOnly)return;m.current=t;let a=B(t,Number(e.target.value),e);n.onValueChangeEnd?.({originalEvent:e,value:a})}function _(e,t){n.disabled||n.readOnly||(f.current=t,m.current=t,n.onFocus?.(e))}function j(e,t){n.disabled||n.readOnly||(m.current=t,f.current===t&&(f.current=null),n.onValueChangeEnd?.({originalEvent:e,value:k()}),n.onBlur?.(e))}let ie={value:P,isDragging:R},oe={ref:U,onPointerDown:q,onPointerMove:G,onPointerUp:K,"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:{display:"flex",position:"relative",touchAction:"none"}},ue={"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:{display:"block",flexGrow:1,position:"relative"}};return{state:ie,range:v,getHandleValue:p,getValuePercent:C,setRootRef:U,onTrackPointerDown:q,onTrackPointerMove:G,onTrackPointerUp:K,updateValueFromPointer:Y,onHandlePointerDown:W,onInputChange:F,onInputFocus:_,onInputBlur:j,rootProps:oe,trackProps:ue,getRangeProps:()=>{let e=v()?P??[]:[c,P??c],t=Math.min(...e),a=Math.max(...e),r=v()?t:c,u=v()?a:e[1],i=C(r),o=C(u),s=Math.max(o-i,0),l=d?{position:"absolute",insetInlineStart:`${i}%`,width:`${s}%`}:{position:"absolute",bottom:`${i}%`,height:`${s}%`};return{"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:l}},getHandleProps:e=>{let t=p(e),a=C(t);return{onPointerDown:u=>W(u,e),"data-index":e,"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:d?{position:"absolute",insetInlineStart:`${a}%`,translate:z?"50% 0":"-50% 0"}:{position:"absolute",bottom:`${a}%`,translate:"0 50%"}}},getHiddenInputProps:e=>{let t=p(e),a=o=>F(o,e),r=o=>F(o,e),u=o=>_(o,e),i=o=>j(o,e);return{"data-scope":"slider","data-part":"hidden-input",type:"range",min:n.min,max:n.max,step:n.step,value:t??c,disabled:n.disabled,readOnly:n.readOnly,"aria-valuemin":n.min,"aria-valuemax":n.max,"aria-valuenow":t,"aria-orientation":n.orientation,style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:0},onChange:a,onInput:r,onFocus:u,onBlur:i}}}}});export{Q as defaultProps,ve as useSlider};

package/slider/useSlider.d.ts

@@ -1,58 +1,91 @@
-import { useSliderProps } from '@primereact/types/shared/slider';
 import * as React from 'react';
-export declare const useSlider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useSliderProps, unknown, {
+export declare const useSlider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/slider").UseSliderProps, unknown, {
     state: {
         value: number | number[] | undefined;
+        isDragging: boolean;
     };
-    registerThumb: () => number;
-    thumbCounter: React.RefObject<number>;
     range: () => boolean;
-    onTouchStart: (event: React.TouchEvent<HTMLElement>, index: number) => void;
-    onDrag: (event: React.MouseEvent | React.TouchEvent) => void;
-    onDragEnd: () => void;
-    onMouseDown: (event: React.MouseEvent<HTMLElement>, index: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, index: number) => void;
-    onBarClick: (event: React.MouseEvent) => void;
-    rangeStyle: () => {
-        insetInlineStart: string;
-        width: string;
-        bottom?: undefined;
-        height?: undefined;
-    } | {
-        bottom: string;
-        height: string;
-        insetInlineStart?: undefined;
-        width?: undefined;
-    } | {
-        width: string;
-        insetInlineStart?: undefined;
-        bottom?: undefined;
-        height?: undefined;
-    } | {
-        height: string;
-        insetInlineStart?: undefined;
-        width?: undefined;
-        bottom?: undefined;
+    getHandleValue: (index: number) => number;
+    getValuePercent: (value: number) => number;
+    setRootRef: (node: HTMLDivElement | null) => void;
+    onTrackPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onTrackPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onTrackPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+    updateValueFromPointer: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onHandlePointerDown: (event: React.PointerEvent<HTMLDivElement>, index: number) => void;
+    onInputChange: (event: React.ChangeEvent<HTMLInputElement>, index: number) => void;
+    onInputFocus: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    onInputBlur: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    rootProps: {
+        style: {
+            display: "flex";
+            position: "relative";
+            touchAction: "none";
+        };
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        ref: (node: HTMLDivElement | null) => void;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    handleThumbStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    trackProps: {
+        style: {
+            display: "block";
+            flexGrow: number;
+            position: "relative";
+        };
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    rangeStartHandleStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    getRangeProps: () => {
+        style: React.CSSProperties;
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    rangeEndHandleStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    getHandleProps: (index: number) => {
+        style: React.CSSProperties;
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        'data-index': number;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    getHiddenInputProps: (index: number) => {
+        'data-scope': "slider";
+        'data-part': "hidden-input";
+        type: "range";
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        value: number;
+        disabled: boolean | undefined;
+        readOnly: boolean | undefined;
+        'aria-valuemin': number | undefined;
+        'aria-valuemax': number | undefined;
+        'aria-valuenow': number;
+        'aria-orientation': "horizontal" | "vertical" | undefined;
+        style: {
+            position: "absolute";
+            width: number;
+            height: number;
+            padding: number;
+            margin: number;
+            overflow: "hidden";
+            clip: string;
+            whiteSpace: "nowrap";
+            borderWidth: number;
+        };
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onInput: (event: React.FormEvent<HTMLInputElement>) => void;
+        onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     };
 }>;

package/slider/useSlider.props.d.ts

@@ -1,2 +1,2 @@
-import type { useSliderProps } from '@primereact/types/shared/slider';
-export declare const defaultProps: useSliderProps;
+import type { UseSliderProps } from '@primereact/types/headless/slider';
+export declare const defaultProps: UseSliderProps;

package/speeddial/index.d.ts

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

package/speeddial/index.mjs

@@ -1,2 +1 @@
-var ot=Object.defineProperty;var C=Object.getOwnPropertySymbols;var at=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable;var S=(e,s,c)=>s in e?ot(e,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):e[s]=c,O=(e,s)=>{for(var c in s||(s={}))at.call(s,c)&&S(e,c,s[c]);if(C)for(var c of C(s))ct.call(s,c)&&S(e,c,s[c]);return e};import{withHeadless as lt}from"@primereact/core/headless";import{useEventListener as ut,useMountEffect as dt,useUnmountEffect as ft,useUpdateEffect as mt}from"@primereact/hooks";import{$dt as f}from"@primeuix/styled";import{find as v,findSingle as m,focus as L,hasClass as k}from"@primeuix/utils/dom";import*as d from"react";var P={visible:!1,defaultVisible:!1,direction:"up",transitionDelay:30,type:"linear",radius:0,hideOnClickOutside:!0,onVisibleChange:void 0};var Mt=lt({name:"useSpeedDial",defaultProps:P,setup:({props:e,elementRef:s})=>{var A,$;let c=d.useRef(null),[h,R]=d.useState(($=(A=e.visible)!=null?A:e.defaultVisible)!=null?$:!1),[w,E]=d.useState(-1),D=d.useRef(!1),p=d.useRef(0),M=3.14159265358979,U={visible:h,focusedOptionIndex:w},V=d.useCallback(()=>{let t=p.current;return p.current+=1,t},[]);dt(()=>{if(e.type!=="linear"){let t=m(s.current,'[data-pc-name="button"]'),n=m(c.current,'[data-pc-name="speeddialitem"]');if(t&&n){let i=Math.abs(t.offsetWidth-n.offsetWidth),a=Math.abs(t.offsetHeight-n.offsetHeight);c.current.style.setProperty(f("item.diff.x").name,`${i/2}px`),c.current.style.setProperty(f("item.diff.y").name,`${a/2}px`)}}}),mt(()=>(h&&e.hideOnClickOutside&&N(),()=>{e.hideOnClickOutside&&x()}),[h]),ft(()=>{x()});let[N,x]=ut({type:"click",listener:t=>{h&&B(t)&&y(),D.current=!1}}),B=t=>s.current&&!(s.current.isSameNode(t.target)||s.current.contains(t.target)),F=t=>{var n;(n=s.current)!=null&&n.contains(t.relatedTarget)||E(-1)},K=t=>{var n;y(),D.current=!0,(n=t.preventDefault)==null||n.call(t)},W=t=>{t.code==="Enter"&&K(t)},q=()=>{h?y():I(),D.current=!0},I=()=>{var t;R(!0),(t=e.onVisibleChange)==null||t.call(e,{value:!0})},y=()=>{var t;R(!1),(t=e.onVisibleChange)==null||t.call(e,{value:!1})},_=t=>{var a;let n=p.current;return(h?t:n-t-1)*((a=e.transitionDelay)!=null?a:30)},j=t=>{let n=e.type;if(n!=="linear"){let i=p.current,a=e.radius||i*20;if(n==="circle"){let r=2*M/i;return{left:`calc(${a*Math.cos(r*t)}px + ${f("item.diff.x").variable})`,top:`calc(${a*Math.sin(r*t)}px + ${f("item.diff.y").variable})`}}else if(n==="semi-circle"){let r=e.direction,o=M/(i-1),l=`calc(${a*Math.cos(o*t)}px + ${f("item.diff.x").variable})`,u=`calc(${a*Math.sin(o*t)}px + ${f("item.diff.y").variable})`;if(r==="up")return{left:l,bottom:u};if(r==="down")return{left:l,top:u};if(r==="left")return{right:u,top:l};if(r==="right")return{left:u,top:l}}else if(n==="quarter-circle"){let r=e.direction,o=M/(2*(i-1)),l=`calc(${a*Math.cos(o*t)}px + ${f("item.diff.x").variable})`,u=`calc(${a*Math.sin(o*t)}px + ${f("item.diff.y").variable})`;if(r==="up-left")return{right:l,bottom:u};if(r==="up-right")return{left:l,bottom:u};if(r==="down-left")return{right:u,top:l};if(r==="down-right")return{left:u,top:l}}}return{}},z=t=>{switch(t.code){case"ArrowDown":case"ArrowLeft":Q(t);break;case"ArrowUp":case"ArrowRight":J(t);break;case"Escape":H();break;default:break}},G=t=>{switch(t.code){case"ArrowDown":Z(t);break;case"ArrowUp":Y(t);break;case"ArrowLeft":tt(t);break;case"ArrowRight":et(t);break;case"Enter":case"NumpadEnter":case"Space":X();break;case"Escape":H();break;case"Home":it(t);break;case"End":nt(t);break;default:break}},J=t=>{I(),g(t),t.preventDefault()},Q=t=>{I(),b(t),t.preventDefault()},X=()=>{y(),E(-1);let t=m(s.current,"button");t&&L(t)},H=()=>{y(),E(-1);let t=m(s.current,"button");t&&L(t)},Y=t=>{e.direction==="down"?g(t):b(t)},Z=t=>{e.direction==="down"?b(t):g(t)},tt=t=>{let n=["left","up-right","down-left"],i=["right","up-left","down-right"];n.includes(e.direction)?b(t):(i.includes(e.direction),g(t))},et=t=>{let n=["left","up-right","down-left"],i=["right","up-left","down-right"];n.includes(e.direction)?g(t):(i.includes(e.direction),b(t))},nt=t=>{t.preventDefault(),E(-1),g(t)},it=t=>{t.preventDefault(),E(-1),b(t)},b=t=>{let n=st(w);T(n),t.preventDefault()},g=t=>{let n=rt(w);T(n),t.preventDefault()},T=t=>{var a;let i=[...v(s.current,'[data-pc-name="speeddialitem"]')].filter(r=>{let o=m(r,"a");return o?!k(o,"p-disabled"):!0});if(i[t]){let r=(a=i[t].getAttribute("id"))!=null?a:-1;E(r);let o=m(i[t],'[type="button"]');o&&L(o)}},rt=t=>{let i=[...v(s.current,'[data-pc-name="speeddialitem"]')].filter(o=>{let l=m(o,"a");return l?!k(l,"p-disabled"):!0}),a=t===-1?i[i.length-1].id:t,r=i.findIndex(o=>o.getAttribute("id")===a);return r=t===-1?i.length-1:r-1,r},st=t=>{let i=[...v(s.current,'[data-pc-name="speeddialitem"]')].filter(o=>{let l=m(o,"a");return l?!k(l,"p-disabled"):!0}),a=t===-1?i[0].id:t,r=i.findIndex(o=>o.getAttribute("id")===a);return r=t===-1?0:r+1,r};return{state:U,listRef:c,registerItem:V,getItemStyle:t=>{let n=_(t),i=j(t);return O({transitionDelay:`${n}ms`},i)},onBlur:F,onKeyDown:G,onClick:q,onTogglerKeydown:z,onItemClick:K,onItemKeyDown:W}}});export{P as defaultProps,Mt as useSpeedDial};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as ae}from"@primereact/core/headless";import{useEventListener as re,useUnmountEffect as ie,useUpdateEffect as ce}from"@primereact/hooks";import{useControlledState as le}from"@primereact/hooks/use-controlled-state";import{$dt as y}from"@primeuix/styled";import{find as de,findSingle as w,focus as B}from"@primeuix/utils/dom";import*as c from"react";var K={visible:void 0,defaultVisible:void 0,direction:"up",transitionDelay:30,type:"linear",radius:0,hideOnClickOutside:!0,onVisibleChange:void 0};var De=ae({name:"useSpeedDial",defaultProps:K,setup:({props:n,id:p,elementRef:V})=>{let[i,S]=le({value:n.visible,defaultValue:n.defaultVisible??!1,onChange:n.onVisibleChange}),[m,u]=c.useState(-1),l=c.useRef(null),f=c.useRef(null),R=c.useRef(!1),F=c.useCallback(e=>{l.current=e,V.current=e??void 0},[]),N={visible:i,focusedOptionIndex:m},_=c.useCallback(e=>{f.current=e},[]),D=()=>de(l.current,'[data-scope="speeddial"][data-part="item"]'),x=()=>D().length,j=()=>{let e=w(l.current,'[data-scope="speeddial"][data-part="trigger"]');e&&B(e)},E=()=>S([!0,{value:!0}]),g=()=>S([!1,{value:!1}]),q=c.useCallback(()=>{if(n.type!=="linear"){let e=w(l.current,'[data-scope="speeddial"][data-part="trigger"]'),t=w(f.current,'[data-scope="speeddial"][data-part="item"]');if(e&&t){let o=Math.abs(e.offsetWidth-t.offsetWidth),d=Math.abs(e.offsetHeight-t.offsetHeight);f.current.style.setProperty(y("item.diff.x").name,`${o/2}px`),f.current.style.setProperty(y("item.diff.y").name,`${d/2}px`)}}},[n.type]),[W,L]=re({type:"click",listener:e=>{let t=e.target,o=l.current&&!l.current.contains(t);i&&o&&g(),R.current=!1}});ce(()=>(i&&(requestAnimationFrame(q),n.hideOnClickOutside&&W()),()=>{n.hideOnClickOutside&&L()}),[i]),ie(()=>{L()});let Y=e=>{let t=x();return(i?e:t-e-1)*(n.transitionDelay??30)},X=e=>{let{type:t,direction:o,radius:d}=n;if(t==="linear")return{};let b=x(),h=d||b*20,ee=y("item.diff.x").variable,te=y("item.diff.y").variable,$=s=>`calc(${s}px + ${ee})`,O=s=>`calc(${s}px + ${te})`;if(t==="circle"){let s=2*Math.PI/b;return{left:$(h*Math.cos(s*e)),top:O(h*Math.sin(s*e))}}let ne=t==="semi-circle"?b-1:2*(b-1),U=Math.PI/ne,se=$(h*Math.cos(U*e)),oe=O(h*Math.sin(U*e)),A={"semi-circle":{up:(s,a)=>({left:s,bottom:a}),down:(s,a)=>({left:s,top:a}),left:(s,a)=>({right:a,top:s}),right:(s,a)=>({left:a,top:s})},"quarter-circle":{"up-left":(s,a)=>({right:s,bottom:a}),"up-right":(s,a)=>({left:s,bottom:a}),"down-left":(s,a)=>({right:a,top:s}),"down-right":(s,a)=>({left:a,top:s})}}[t]?.[o];return A?A(se,oe):{}},M=e=>({transitionDelay:`${Y(e)}ms`,...X(e)}),z=e=>{let t=D(),o=e==="next",d=o?0:t.length-1;return m===-1?d:m+(o?1:-1)},G=e=>{let t=D();if(t[e]){u(e??-1);let o=w(t[e],'[data-part="action"]');o&&B(o)}},r=(e,t)=>{let o=z(t);G(o),e.preventDefault()},k=()=>{g(),u(-1),j()},v=()=>{i?g():E(),R.current=!0},I=e=>{switch(e.code){case"ArrowDown":case"ArrowLeft":E(),r(e,"next");break;case"ArrowUp":case"ArrowRight":E(),r(e,"prev");break;case"Escape":k();break}},P=e=>{let t=n.direction,o=["left","up-right","down-left"],d=["right","up-left","down-right"];switch(e.code){case"ArrowDown":t==="down"?r(e,"next"):r(e,"prev");break;case"ArrowUp":t==="down"?r(e,"prev"):r(e,"next");break;case"ArrowLeft":o.includes(t)||t==="down"?r(e,"next"):r(e,"prev");break;case"ArrowRight":d.includes(t)||t==="up"?r(e,"next"):r(e,"prev");break;case"Enter":case"NumpadEnter":case"Space":case"Escape":k();break;case"Home":u(-1),r(e,"next");break;case"End":u(-1),r(e,"prev");break}},H=e=>{l.current?.contains(e.relatedTarget)||u(-1)},C=e=>{g(),R.current=!0,e.preventDefault?.()},T=e=>{e.code==="Enter"&&C(e)},J={ref:F,id:p,"data-scope":"speeddial","data-part":"root",...i?{"data-open":""}:{"data-closed":""},style:{alignItems:n.direction==="up"||n.direction==="down"?"center":void 0,justifyContent:n.direction==="left"||n.direction==="right"?"center":void 0,flexDirection:n.direction==="up"?"column-reverse":n.direction==="down"?"column":n.direction==="left"?"row-reverse":n.direction==="right"?"row":void 0}},Q={"data-scope":"speeddial","data-part":"trigger",type:"button","aria-expanded":i,"aria-haspopup":"true","aria-controls":`${p}_list`,...i?{"data-open":""}:{"data-closed":""},onClick:v,onKeyDown:I},Z={ref:_,"data-scope":"speeddial","data-part":"list",...i?{"data-open":""}:{"data-closed":""},id:`${p}_list`,role:"menu",tabIndex:-1,onBlur:H,onKeyDown:P,style:{flexDirection:n.direction==="up"?"column-reverse":n.direction==="down"?"column":n.direction==="left"?"row-reverse":n.direction==="right"?"row":void 0}};return{state:N,listRef:f,rootProps:J,triggerProps:Q,listProps:Z,getItemProps:e=>({id:`${p}_${e}`,"data-scope":"speeddial","data-part":"item",role:"none",style:M(e),...m===e?{"data-active":""}:{}}),actionProps:{"data-scope":"speeddial","data-part":"action",type:"button",tabIndex:-1,role:"menuitem",onClick:C,onKeyDown:T},getItemStyle:M,onBlur:H,onKeyDown:P,onTriggerClick:v,onTriggerKeyDown:I,onItemClick:C,onItemKeyDown:T}}});export{K as defaultProps,De as useSpeedDial};

package/speeddial/useSpeedDial.d.ts

@@ -1,46 +1,103 @@
 import * as React from 'react';
-export declare const useSpeedDial: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/speeddial").useSpeedDialProps, unknown, {
+export declare const useSpeedDial: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/speeddial").UseSpeedDialProps, unknown, {
     state: {
-        visible: boolean;
+        visible: boolean | undefined;
         focusedOptionIndex: string | number;
     };
     listRef: React.RefObject<HTMLUListElement | null>;
-    registerItem: () => number;
-    getItemStyle: (index: number) => {
-        left: string;
-        top: string;
-        bottom?: undefined;
-        right?: undefined;
-        transitionDelay: string;
+    rootProps: {
+        style: {
+            alignItems: React.CSSProperties["alignItems"];
+            justifyContent: React.CSSProperties["justifyContent"];
+            flexDirection: React.CSSProperties["flexDirection"];
+        };
+        'data-open': "";
+        ref: (node: HTMLElement | null) => void;
+        id: string | undefined;
+        'data-scope': "speeddial";
+        'data-part': "root";
     } | {
-        left: string;
-        bottom: string;
-        top?: undefined;
-        right?: undefined;
-        transitionDelay: string;
-    } | {
-        right: string;
-        top: string;
-        left?: undefined;
-        bottom?: undefined;
-        transitionDelay: string;
+        style: {
+            alignItems: React.CSSProperties["alignItems"];
+            justifyContent: React.CSSProperties["justifyContent"];
+            flexDirection: React.CSSProperties["flexDirection"];
+        };
+        'data-closed': "";
+        ref: (node: HTMLElement | null) => void;
+        id: string | undefined;
+        'data-scope': "speeddial";
+        'data-part': "root";
+    };
+    triggerProps: {
+        onClick: () => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        'data-open': "";
+        'data-scope': "speeddial";
+        'data-part': "trigger";
+        type: "button";
+        'aria-expanded': boolean | undefined;
+        'aria-haspopup': "true";
+        'aria-controls': string;
     } | {
-        right: string;
-        bottom: string;
-        left?: undefined;
-        top?: undefined;
-        transitionDelay: string;
+        onClick: () => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        'data-closed': "";
+        'data-scope': "speeddial";
+        'data-part': "trigger";
+        type: "button";
+        'aria-expanded': boolean | undefined;
+        'aria-haspopup': "true";
+        'aria-controls': string;
+    };
+    listProps: {
+        id: string;
+        role: "menu";
+        tabIndex: number;
+        onBlur: (event: React.FocusEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        style: {
+            flexDirection: React.CSSProperties["flexDirection"];
+        };
+        'data-open': "";
+        ref: (node: HTMLUListElement | null) => void;
+        'data-scope': "speeddial";
+        'data-part': "list";
     } | {
-        left?: undefined;
-        top?: undefined;
-        bottom?: undefined;
-        right?: undefined;
-        transitionDelay: string;
+        id: string;
+        role: "menu";
+        tabIndex: number;
+        onBlur: (event: React.FocusEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        style: {
+            flexDirection: React.CSSProperties["flexDirection"];
+        };
+        'data-closed': "";
+        ref: (node: HTMLUListElement | null) => void;
+        'data-scope': "speeddial";
+        'data-part': "list";
+    };
+    getItemProps: (index: number) => {
+        'data-active'?: "" | undefined;
+        id: string;
+        'data-scope': "speeddial";
+        'data-part': "item";
+        role: "none";
+        style: React.CSSProperties;
+    };
+    actionProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        tabIndex: number;
+        role: "menuitem";
+        onClick: (event: React.MouseEvent | React.KeyboardEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
     };
+    getItemStyle: (index: number) => React.CSSProperties;
     onBlur: (event: React.FocusEvent) => void;
     onKeyDown: (event: React.KeyboardEvent) => void;
-    onClick: () => void;
-    onTogglerKeydown: (event: React.KeyboardEvent) => void;
+    onTriggerClick: () => void;
+    onTriggerKeyDown: (event: React.KeyboardEvent) => void;
     onItemClick: (event: React.MouseEvent | React.KeyboardEvent) => void;
     onItemKeyDown: (event: React.KeyboardEvent) => void;
 }>;

package/speeddial/useSpeedDial.props.d.ts

@@ -1,2 +1,2 @@
-import type { useSpeedDialProps } from '@primereact/types/shared/speeddial';
-export declare const defaultProps: useSpeedDialProps;
+import type { UseSpeedDialProps } from '@primereact/types/headless/speeddial';
+export declare const defaultProps: UseSpeedDialProps;

package/splitter/index.d.ts

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

package/splitter/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as Se}from"@primereact/core/headless";import{useEventListener as K}from"@primereact/hooks/use-event-listener";import{getHeight as ye,getOuterHeight as A,getOuterWidth as H,getWidth as Me,isRTL as Te}from"@primeuix/utils/dom";import{isArray as ze,isNotEmpty as De}from"@primeuix/utils/object";import*as r from"react";var V={orientation:"horizontal",gutterSize:4,stateKey:void 0,stateStorage:"session",step:5};var C=u=>r.isValidElement(u),He=Se({name:"useSplitter",defaultProps:V,setup({props:u,elementRef:d,inProps:c}){let p=r.useRef(null),S=r.useRef([]),l=r.useRef(null),O=r.useRef(!1),v=r.useRef(null),m=r.useRef(null),R=r.useRef(null),E=r.useRef(null),[W,U]=r.useState(null),h=r.useRef(null),g=r.useRef(null),y=r.useRef(null),[M,X]=r.useState([]),[f,_]=r.useState([]),i=u.orientation==="horizontal",T=r.useRef(0),L=r.useRef(0),w=r.useRef(0),j={panels:f},q=r.useCallback(()=>{let e=T.current;return T.current+=1,e},[]),Q=r.useCallback(()=>{let e=L.current;return L.current+=1,e},[]),Z=r.useCallback(()=>{let e=w.current;return w.current+=1,e},[]);r.useEffect(()=>(T.current=0,L.current=0,w.current=0,()=>{T.current=0,L.current=0,w.current=0}),[]);let x=(e,t,n=!1)=>{var o,a,s,b;d.current&&(p.current=S.current[t],l.current=i?Me(d.current):ye(d.current),n||(O.current=!0,v.current=i?e.pageX||((a=(o=e.changedTouches)==null?void 0:o[0])==null?void 0:a.pageX):e.pageY||((b=(s=e.changedTouches)==null?void 0:s[0])==null?void 0:b.pageY)),p.current&&(m.current=p.current.previousElementSibling,R.current=p.current.nextElementSibling,m.current&&R.current&&(n?(E.current=i?H(m.current,!0):A(m.current,!0),h.current=i?H(R.current,!0):A(R.current,!0)):(E.current=100*(i?H(m.current,!0):A(m.current,!0))/(l.current||1),h.current=100*(i?H(R.current,!0):A(R.current,!0))/(l.current||1)),g.current=t,S.current[t].setAttribute("data-p-gutter-resizing","true"),d.current.setAttribute("data-p-resizing","true"))))},z=(e,t=5,n=!1)=>{var b,J;if(!m.current||!R.current||l.current===null||E.current===null||h.current===null)return;let o,a,s;if(n)i?(a=100*(E.current+t)/l.current,s=100*(h.current-t)/l.current):(a=100*(E.current-t)/l.current,s=100*(h.current+t)/l.current);else{if(v.current===null)return;i?Te(d.current)?o=(v.current-e.pageX)*100/l.current:o=(e.pageX-v.current)*100/l.current:o=(e.pageY-v.current)*100/l.current,a=E.current+o,s=h.current-o}ae(a,s)||(a=Math.min(Math.max(N(),a),100-G()),s=Math.min(Math.max(G(),s),100-N())),m.current.style.flexBasis="calc("+a+"% - "+(f.length-1)*((b=u.gutterSize)!=null?b:4)+"px)",R.current.style.flexBasis="calc("+s+"% - "+(f.length-1)*((J=u.gutterSize)!=null?J:4)+"px)",g.current!==null&&(M[g.current]=a,M[g.current+1]=s),U(Number(a.toFixed(4)))},D=()=>{Y()&&pe(),S.current&&S.current.forEach(e=>{e.setAttribute("data-p-gutter-resizing","false")}),d.current&&d.current.setAttribute("data-p-resizing","false"),ge()},$=(e,t,n)=>{x(e,t,!0),z(e,n,!0)},k=(e,t,n)=>{y.current||(y.current=setInterval(()=>{$(e,t,n)},40))},P=()=>{y.current&&(clearInterval(y.current),y.current=null)},ee=()=>{P(),D()},te=(e,t)=>{switch(e.code){case"ArrowLeft":{i&&k(e,t,u.step*-1),e.preventDefault();break}case"ArrowRight":{i&&k(e,t,u.step),e.preventDefault();break}case"ArrowDown":{i||k(e,t,u.step*-1),e.preventDefault();break}case"ArrowUp":{i||k(e,t,u.step),e.preventDefault();break}default:break}},re=(e,t)=>{x(e,t),fe()},ne=(e,t)=>{x(e,t),he(),e.preventDefault()},ue=e=>{z(e),e.preventDefault()},ce=e=>{D(),F(),e.preventDefault()},ae=(e,t)=>!(e>100||e<0||t>100||t<0||N()>e||G()>t),[se,oe]=K({type:"mousemove",listener:e=>z(e)}),[le,ie]=K({type:"mouseup",listener:()=>{D(),me()}}),fe=()=>{se(),le()},me=()=>{oe(),ie()},[Re,be]=K({type:"touchmove",listener:e=>z(e)}),[de,Ee]=K({type:"touchend",listener:()=>{D(),F()}}),he=()=>{Re(),de()},F=()=>{be(),Ee()},ge=()=>{O.current=!1,l.current=null,v.current=null,m.current=null,R.current=null,E.current=null,h.current=null,p.current=null,g.current=null},Y=()=>u.stateKey!=null,I=r.useCallback(()=>{switch(u.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(u.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},[u.stateStorage]),pe=()=>{ze(M)&&I().setItem(u.stateKey,JSON.stringify(M))},B=r.useCallback(()=>{let e=I().getItem(u.stateKey);e&&X(JSON.parse(e))},[I,u.stateKey]);r.useEffect(()=>{Y()&&B()},[B]);let ve=()=>{let e=c!=null&&c.children?Array.isArray(c==null?void 0:c.children)?c==null?void 0:c.children:[c==null?void 0:c.children]:[],t=[];e.forEach(n=>{C(n)&&n.type&&n.type.displayName==="PrimeReact.SplitterPanel"&&t.push(n)}),_(t)};r.useEffect(()=>{ve()},[c==null?void 0:c.children]),r.useEffect(()=>{if(!f.length)return;let e=[];f.forEach((t,n)=>{var s,b;let a=(C(t)&&De((s=t.props)==null?void 0:s.size)?(b=t.props)==null?void 0:b.size:null)||100/f.length;e[n]=a}),U(Number.parseFloat(Number(e[0]).toFixed(4))),X(e)},[f]);let N=()=>{var t;let e=g.current;if(e!==null&&typeof e=="number"&&f[e]){let n=f[e];if(C(n)&&((t=n.props)==null?void 0:t.minSize)!==void 0)return n.props.minSize}return 0},G=()=>{var t;let e=g.current;if(e!==null&&typeof e=="number"){let n=e+1,o=f[n];if(C(o)&&((t=o.props)==null?void 0:t.minSize)!==void 0)return o.props.minSize}return 0};return{state:j,registerPanel:q,registerGutter:Q,registerThumb:Z,panelCounter:T,panelSizes:M,prevSize:W,gutterRef:p,gutterRefs:S,onResizeStart:x,onResize:z,onResizeEnd:D,onGutterMouseDown:re,onGutterTouchStart:ne,onGutterTouchMove:ue,onGutterTouchEnd:ce,onGutterKeyUp:ee,onGutterKeyDown:te}}});export{V as defaultProps,He as useSplitter};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as Se}from"@primereact/core/headless";import{useEventListener as Z}from"@primereact/hooks/use-event-listener";import{isRTL as he}from"@primeuix/utils/dom";import*as c from"react";var Q={panels:void 0,sizes:void 0,defaultSizes:void 0,orientation:"horizontal",disabled:!1,step:5,onResizeStart:void 0,onResize:void 0,onResizeEnd:void 0,onCollapse:void 0};var ee=(r,h,M,R)=>{if(!h?.collapsible)return{size:Math.max(r,M),collapsed:!1};let S=h.collapsedSize??0;if(r>=M)return{size:r,collapsed:!1};if(R)return{size:S,collapsed:!0};let v=(S+M)/2;return r<=v?{size:S,collapsed:!0}:{size:M,collapsed:!1}},xe=Se({name:"useSplitter",defaultProps:Q,setup({props:r,elementRef:h}){let M=c.useRef(0),R=c.useRef(null),S=c.useRef(null),v=c.useRef([]),C=c.useRef([]),L=c.useRef([]),T=c.useRef(100),U=c.useRef(null),g=c.useRef(null),[x,H]=c.useState([]),[te,O]=c.useState(!1),E=c.useRef(0),o=c.useRef([]),K=c.useRef([]),V=c.useRef(!1),P=r.orientation==="horizontal";if(K.current=x,r.panels&&(o.current=r.panels.map((e,t)=>({id:void 0,index:t,minSize:e.minSize??0,maxSize:e.maxSize??100,collapsible:e.collapsible??!1,collapsedSize:e.collapsedSize??0,collapsed:o.current[t]?.collapsed??!1})),E.current=r.panels.length),r.sizes&&x.length>0&&!V.current&&(x.length!==r.sizes.length||!x.every((e,t)=>e===r.sizes[t]))){for(let e=0;e<o.current.length;e++){let t=o.current[e];t?.collapsible&&(t.collapsed=r.sizes[e]<=(t.collapsedSize??0))}H([...r.sizes])}let w={resizing:te},ne=c.useCallback((e,t)=>{if(e!==null&&o.current[e]){let a=o.current[e];return o.current[e]={...a,id:t.id??a.id,minSize:t.minSize??0,maxSize:t.maxSize??100,collapsible:t.collapsible??!1,collapsedSize:t.collapsedSize??0},e}let s=E.current;return E.current+=1,o.current[s]={id:t.id,index:s,minSize:t.minSize??0,maxSize:t.maxSize??100,collapsible:t.collapsible??!1,collapsedSize:t.collapsedSize??0,collapsed:!1},s},[]),re=c.useCallback(()=>M.current++,[]);c.useEffect(()=>()=>{g.current&&(clearInterval(g.current),g.current=null),E.current=0,M.current=0,o.current=[]},[]);let y=e=>o.current[e]?.minSize??0,W=e=>o.current[e]?.maxSize??100,X=(e,t,s=!1)=>{if(!h.current)return;let a=h.current.querySelectorAll(":scope > [data-index]"),f=0;for(let p of a){let i=p.getBoundingClientRect();f+=P?i.width:i.height}if(R.current=f,!s){h.current.setAttribute("data-resizing","");let p=e;S.current=P?p.clientX:p.clientY}V.current=!0,U.current=t,v.current=[...K.current],C.current=o.current.map(p=>p.collapsed),L.current=o.current.map(p=>p.collapsed),T.current=v.current.reduce((p,i)=>p+i,0)||100,s||r.onResizeStart?.({sizes:[...v.current]})},j=(e,t=5,s=!1)=>{if(R.current===null||U.current===null||v.current.length===0)return;let a=U.current,f,p=T.current;if(s)f=p*t/R.current;else{if(S.current===null)return;let n=e;P?he(h.current)?f=(S.current-n.clientX)*p/R.current:f=(n.clientX-S.current)*p/R.current:f=(n.clientY-S.current)*p/R.current}let i=[...v.current];for(let n=0;n<o.current.length;n++)C.current[n]!==void 0&&(o.current[n].collapsed=C.current[n]);if(f>0){let n=o.current[a],l=f,d=W(a);if(l=Math.min(l,Math.max(0,d-i[a])),n?.collapsible&&n.collapsed){let m=y(a)-n.collapsedSize,u=m/2;s?(l=Math.max(l,m),l=Math.min(l,Math.max(0,d-i[a]))):l<u?l=0:(l=Math.max(l,m),l=Math.min(l,Math.max(0,d-i[a])))}let z=0;for(let m=a+1;m<i.length&&z<l;m++){let u=o.current[m],b=y(m);if(u?.collapsed)continue;let G=u?.collapsible?u.collapsedSize??0:b,Y=Math.max(0,i[m]-G),q=Math.min(l-z,Y),N=i[m]-q,I=ee(N,u,b,s),D=i[m]-I.size;i[m]=I.size,z+=D,u&&(u.collapsed=I.collapsed)}i[a]+=z,n?.collapsible&&n.collapsed&&i[a]>=y(a)&&(n.collapsed=!1)}else if(f<0){let n=a+1,l=o.current[n],d=-f,z=W(n);if(d=Math.min(d,Math.max(0,z-i[n])),l?.collapsible&&l.collapsed){let u=y(n)-l.collapsedSize,b=u/2;s?(d=Math.max(d,u),d=Math.min(d,Math.max(0,z-i[n]))):d<b?d=0:(d=Math.max(d,u),d=Math.min(d,Math.max(0,z-i[n])))}let m=0;for(let u=a;u>=0&&m<d;u--){let b=o.current[u],G=y(u);if(b?.collapsed)continue;let Y=b?.collapsible?b.collapsedSize??0:G,q=Math.max(0,i[u]-Y),N=Math.min(d-m,q),I=i[u]-N,D=ee(I,b,G,s),ze=i[u]-D.size;i[u]=D.size,m+=ze,b&&(b.collapsed=D.collapsed)}i[n]+=m,l?.collapsible&&l.collapsed&&i[n]>=y(n)&&(l.collapsed=!1)}for(let n=0;n<o.current.length;n++){let l=o.current[n];l.collapsed!==L.current[n]&&(L.current[n]=l.collapsed,r.onCollapse?.({index:n,collapsed:l.collapsed,sizes:[...i]}))}let k=[...i];O(!0),H(k),r.onResize?.({sizes:k})},B=()=>{V.current=!1,h.current?.removeAttribute("data-resizing"),r.onResizeEnd?.({sizes:[...K.current]}),O(!1),de()},_=(e,t,s)=>{X(e,t,!0),j(e,s,!0)},A=(e,t,s)=>{g.current||(r.onResizeStart?.({sizes:[...K.current]}),_(e,t,s),g.current=setInterval(()=>{_(e,t,s)},40))},ae=()=>{g.current&&(clearInterval(g.current),g.current=null)},$=()=>{g.current&&(ae(),B())},F=(e,t,s)=>{if(!(r.disabled||s))switch(e.code){case"ArrowLeft":{P&&A(e,t,r.step*-1),e.preventDefault();break}case"ArrowRight":{P&&A(e,t,r.step),e.preventDefault();break}case"ArrowDown":{P||A(e,t,r.step),e.preventDefault();break}case"ArrowUp":{P||A(e,t,r.step*-1),e.preventDefault();break}default:break}},[se,ie]=Z({type:"pointermove",listener:e=>j(e)}),[le,oe]=Z({type:"pointerup",listener:()=>{B(),ue()}}),ce=()=>{se(),le()},ue=()=>{ie(),oe()},J=(e,t,s)=>{r.disabled||s||(X(e,t),ce())},de=()=>{R.current=null,S.current=null,v.current=[],C.current=[],L.current=[],T.current=100,U.current=null};c.useLayoutEffect(()=>{let e=o.current.length;if(e===0)return;let t=r.sizes??r.defaultSizes,s=[];for(let a=0;a<e;a++)s[a]=t?.[a]??100/e;for(let a=0;a<e;a++){let f=o.current[a];f?.collapsible&&s[a]<=(f.collapsedSize??0)&&(f.collapsed=!0)}H(s)},[]);let fe={ref:h,"data-scope":"splitter","data-part":"root","data-orientation":r.orientation,...w.resizing&&{"data-resizing":""},...r.disabled&&{"data-disabled":""}},me=e=>{let t=E.current||1,s=x?.[e]??100/t,a=o.current[e];return{"data-scope":"splitter","data-part":"panel","data-orientation":r.orientation,"data-index":e,...a?.collapsed&&{"data-collapsed":""},style:{flex:`${s} 1 0px`,overflow:"hidden",...P?{minWidth:0}:{minHeight:0}},...w.resizing&&{"data-resizing":""}}},pe=(e,t)=>{let{id:s,disabled:a}=t??{},f=r.disabled||a,p=o.current,i=p?.[e],k=p?.[e+1],n=x?.[e]??0,l=i?.minSize??0,d=100-(k?.minSize??0),z=[i?.id,k?.id].filter(Boolean).join(" ")||void 0,m=b=>J(b,e,a),u=b=>F(b,e,a);return{"data-scope":"splitter","data-part":"gutter",...s!==void 0&&{id:s},role:"separator",tabIndex:f?-1:0,"aria-valuenow":Math.round(n),"aria-valuemin":Math.round(l),"aria-valuemax":Math.round(d),...z&&{"aria-controls":z},"aria-disabled":f||void 0,style:{touchAction:"none",userSelect:"none"},"data-orientation":r.orientation,...w.resizing&&{"data-resizing":""},...f&&{"data-disabled":""},onPointerDown:m,onKeyDown:u,onKeyUp:$}},be={"data-scope":"splitter","data-part":"handle","data-orientation":r.orientation,...w.resizing&&{"data-resizing":""}};return{state:w,registerPanel:ne,registerGutter:re,panelCounter:E,panelRegistry:o,panelSizes:x,onResizeStart:X,onResize:j,onResizeEnd:B,onGutterPointerDown:J,onGutterKeyUp:$,onGutterKeyDown:F,getGutterProps:pe,rootProps:fe,getPanelProps:me,handleProps:be}}});export{Q as defaultProps,xe as useSplitter};

package/splitter/useSplitter.d.ts

@@ -1,23 +1,66 @@
+import type { UseSplitterPanelInfo, UseSplitterRegisterPanelProps } from '@primereact/types/headless/splitter';
 import * as React from 'react';
-export declare const useSplitter: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/splitter").useSplitterProps, unknown, {
+export declare const useSplitter: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/splitter").UseSplitterProps, unknown, {
     state: {
-        panels: React.ReactNode[];
+        resizing: boolean;
     };
-    registerPanel: () => number;
+    registerPanel: (index: number | null, panelProps: UseSplitterRegisterPanelProps) => number;
     registerGutter: () => number;
-    registerThumb: () => number;
     panelCounter: React.RefObject<number>;
+    panelRegistry: React.RefObject<UseSplitterPanelInfo[]>;
     panelSizes: number[];
-    prevSize: number | null;
-    gutterRef: React.RefObject<HTMLDivElement | null>;
-    gutterRefs: React.RefObject<HTMLDivElement[]>;
-    onResizeStart: (event: React.MouseEvent | React.TouchEvent | KeyboardEvent, index: number, isKeyDown?: boolean) => void;
-    onResize: (event: React.MouseEvent | React.TouchEvent | KeyboardEvent, step?: number, isKeyDown?: boolean) => void;
+    onResizeStart: (event: React.PointerEvent | KeyboardEvent, index: number, isKeyDown?: boolean) => void;
+    onResize: (event: React.PointerEvent | KeyboardEvent, step?: number, isKeyDown?: boolean) => void;
     onResizeEnd: () => void;
-    onGutterMouseDown: (event: React.MouseEvent, index: number) => void;
-    onGutterTouchStart: (event: React.TouchEvent, index: number) => void;
-    onGutterTouchMove: (event: React.TouchEvent) => void;
-    onGutterTouchEnd: (event: React.TouchEvent) => void;
+    onGutterPointerDown: (event: React.PointerEvent, index: number, gutterDisabled?: boolean) => void;
     onGutterKeyUp: () => void;
-    onGutterKeyDown: (event: React.KeyboardEvent, index: number) => void;
+    onGutterKeyDown: (event: React.KeyboardEvent, index: number, gutterDisabled?: boolean) => void;
+    getGutterProps: (index: number, options?: {
+        id?: string;
+        disabled?: boolean;
+    }) => {
+        onPointerDown: (e: React.PointerEvent) => void;
+        onKeyDown: (e: React.KeyboardEvent) => void;
+        onKeyUp: () => void;
+        'data-disabled'?: "" | undefined;
+        'data-resizing'?: "" | undefined;
+        'aria-disabled': true | undefined;
+        style: {
+            touchAction: "none";
+            userSelect: "none";
+        };
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'aria-controls'?: string | undefined;
+        role: "separator";
+        tabIndex: number;
+        'aria-valuenow': number;
+        'aria-valuemin': number;
+        'aria-valuemax': number;
+        id?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    rootProps: {
+        'data-disabled'?: "" | undefined;
+        'data-resizing'?: "" | undefined;
+        ref: React.RefObject<HTMLDivElement>;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    getPanelProps: (index: number) => {
+        'data-resizing'?: "" | undefined;
+        style: React.CSSProperties;
+        'data-collapsed'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-index': number;
+    };
+    handleProps: {
+        'data-resizing'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
 }>;

package/splitter/useSplitter.props.d.ts

@@ -1,2 +1,2 @@
-import type { useSplitterProps } from '@primereact/types/shared/splitter';
-export declare const defaultProps: useSplitterProps;
+import type { UseSplitterProps } from '@primereact/types/headless/splitter';
+export declare const defaultProps: UseSplitterProps;

package/stepper/index.d.ts

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

package/stepper/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as o}from"@primereact/core/headless";import*as l from"react";var a={defaultValue:null,value:null,linear:!1,onValueChange:void 0};var P=o({name:"useStepper",defaultProps:a,setup({props:t}){var s,n;let[r,i]=l.useState((n=(s=t.value)!=null?s:t.defaultValue)!=null?n:null);return{state:{value:r},setActiveStep:e=>{var u;e!==r&&(i(e),(u=t.onValueChange)==null||u.call(t,{value:e}))},isStepActive:e=>r===e,isStepDisabled:()=>{var e;return(e=t.linear)!=null?e:!1}}}});export{a as defaultProps,P as useStepper};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as d}from"@primereact/core/headless";import*as p from"react";var r={defaultValue:null,value:null,linear:!1,onValueChange:void 0};var h=d({name:"useStepper",defaultProps:r,setup({props:a,id:o}){let[s,l]=p.useState(a.value??a.defaultValue??null),c={value:s},n=e=>{e!==s&&(l(e),a.onValueChange?.({value:e}))};return{state:c,rootProps:{"data-scope":"stepper","data-part":"root"},getItemProps:({active:e})=>({"data-scope":"stepper","data-part":"item",...e?{"data-active":""}:{}}),getStepProps:({active:e,disabled:t})=>({"data-scope":"stepper","data-part":"step","aria-current":e?"step":void 0,role:"presentation",...e?{"data-active":""}:{},...t?{"data-disabled":""}:{}}),getHeaderProps:({activeValue:e,disabled:t})=>({"data-scope":"stepper","data-part":"header",type:"button",role:"tab",tabIndex:t?-1:void 0,"aria-controls":`${o}_steppanel_${e}`,disabled:t,onClick:()=>n(e)}),getPanelProps:({active:e,activeValue:t})=>({"data-scope":"stepper","data-part":"panel",role:"tabpanel","aria-controls":`${o}_step_${t}`,...e?{"data-active":""}:{}}),setActiveStep:n,isStepActive:e=>s===e,isStepDisabled:()=>a.linear??!1}}});export{r as defaultProps,h as useStepper};