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

package/inputcolor/useInputColor.d.ts

@@ -0,0 +1,119 @@
+import type { ColorInputChannel, ColorInstance, ColorSliderChannel } from '@primereact/types/headless/inputcolor';
+import * as React from 'react';
+export declare const useInputColor: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inputcolor").UseInputColorProps, unknown, {
+    state: {
+        value: ColorInstance;
+        isAreaDragging: boolean;
+    };
+    value: ColorInstance | undefined;
+    areaValue: ColorInstance;
+    areaChannels: {
+        xChannel: import("@primereact/types/headless/inputcolor").ColorChannel;
+        yChannel: import("@primereact/types/headless/inputcolor").ColorChannel;
+    };
+    rootProps: {
+        'data-dragging'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-scope': "inputcolor";
+        'data-part': "root";
+    };
+    areaProps: {
+        'data-scope': "inputcolor";
+        'data-part': "area";
+        style: React.CSSProperties;
+        onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLElement>) => void;
+    };
+    areaHandleProps: {
+        'data-scope': "inputcolor";
+        'data-part': "area-handle";
+        role: "slider";
+        tabIndex: number;
+        'aria-disabled': boolean | undefined;
+        'aria-valuemin': number;
+        'aria-valuemax': number;
+        'aria-valuenow': number;
+        'aria-label': string;
+        'aria-roledescription': string;
+        'aria-valuetext': string;
+        onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    };
+    swatchProps: {
+        'data-scope': "inputcolor";
+        'data-part': "swatch";
+        style: React.CSSProperties;
+    };
+    eyeDropperProps: {
+        'data-scope': "inputcolor";
+        'data-part': "eye-dropper";
+        disabled: boolean;
+        onClick: () => void;
+    };
+    sliderHandleProps: {
+        'data-scope': "inputcolor";
+        'data-part': "slider-handle";
+        role: "slider";
+        tabIndex: number;
+        'aria-disabled': boolean | undefined;
+    };
+    getInputProps: ({ channel, disabled: inputDisabled }?: {
+        channel?: ColorInputChannel;
+        disabled?: boolean;
+    }) => {
+        'data-scope': "inputcolor";
+        'data-part': "input";
+        type: "text" | "number";
+        spellCheck: false;
+        autoComplete: "off";
+        disabled: boolean;
+        'data-channel': ColorInputChannel;
+        'aria-label': ColorInputChannel;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        channelValue: string;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
+    getSliderProps: ({ channel, orientation, disabled: sliderDisabled }?: {
+        channel?: ColorSliderChannel;
+        orientation?: "horizontal" | "vertical";
+        disabled?: boolean;
+    }) => {
+        'data-scope': "inputcolor";
+        'data-part': "slider";
+        'data-orientation': "horizontal" | "vertical";
+        'data-channel': ColorSliderChannel;
+        orientation: "horizontal" | "vertical";
+        style: React.CSSProperties;
+        value: number;
+        min: number;
+        max: number;
+        step: number;
+        disabled: boolean | undefined;
+        onValueChange: (event: {
+            originalEvent: React.SyntheticEvent;
+            value: number | number[] | undefined;
+        }) => void;
+        onValueChangeEnd: (event: {
+            originalEvent: React.SyntheticEvent;
+            value: number | number[] | undefined;
+        }) => void;
+    };
+    setValue: (inValue: unknown | ((prev?: ColorInstance | undefined) => unknown)) => void;
+    handleAreaPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+    handleAreaPointerMove: (event: React.PointerEvent<HTMLElement>) => void;
+    handleAreaPointerUp: (event: React.PointerEvent<HTMLElement>) => void;
+    handleAreaBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    handleAreaKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    areaStyles: React.CSSProperties;
+    swatchStyles: React.CSSProperties;
+    openEyeDropper: () => void;
+    syncChannelInputs: (color?: ColorInstance) => void;
+    registerInputEl: (el: {
+        elementRef: React.RefObject<HTMLInputElement>;
+    }) => void;
+}>;

package/inputcolor/useInputColor.props.d.ts

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

package/inputgroup/index.d.ts

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

package/inputgroup/index.mjs

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

package/inputgroup/useInputGroup.d.ts

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

package/inputgroup/useInputGroup.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInputGroupProps } from '@primereact/types/shared/inputgroup';
-export declare const defaultProps: useInputGroupProps;
+import type { UseInputGroupProps } from '@primereact/types/headless/inputgroup';
+export declare const defaultProps: UseInputGroupProps;

package/inputnumber/index.d.ts

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

package/inputnumber/index.mjs

@@ -1,2 +1 @@
-var ve=Object.defineProperty,Je=Object.defineProperties;var qe=Object.getOwnPropertyDescriptors;var fe=Object.getOwnPropertySymbols;var ze=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable;var me=(r,R,x)=>R in r?ve(r,R,{enumerable:!0,configurable:!0,writable:!0,value:x}):r[R]=x,ge=(r,R)=>{for(var x in R||(R={}))ze.call(R,x)&&me(r,x,R[x]);if(fe)for(var x of fe(R))Qe.call(R,x)&&me(r,x,R[x]);return r},de=(r,R)=>Je(r,qe(R));import{withHeadless as Xe}from"@primereact/core/headless";import{useMountEffect as Ye,useUnmountEffect as Ze,useUpdateEffect as X}from"@primereact/hooks";import{clearSelection as en,getSelection as Re,isEmpty as nn,isNotEmpty as Ie}from"@primeuix/utils";import*as d from"react";var Ee={value:void 0,defaultValue:void 0,format:!0,locale:void 0,mode:"decimal",prefix:void 0,suffix:void 0,currency:void 0,currencyDisplay:void 0,useGrouping:!0,minFractionDigits:void 0,maxFractionDigits:void 0,roundingMode:void 0,min:void 0,max:void 0,step:1,allowEmpty:!0,highlightOnFocus:!1,target:void 0,onValueChange:void 0,onChange:void 0};var sn=Xe({name:"useInputNumber",defaultProps:Ee,setup({props:r}){let[R,x]=d.useState(!1),Y=d.useRef(null),j=d.useRef(null),U=d.useRef(null),Z=d.useRef(null),O=d.useRef(null),W=d.useRef(null),P=d.useRef(null),v=d.useRef(null),b=d.useRef(null),E=d.useRef(null),g=d.useRef(null),C=d.useRef(null),s=d.useRef(null),T=d.useRef(null),V=d.useRef(null),K=d.useRef(null),xe={focused:R},J=()=>{var e,n;return{localeMatcher:r.localeMatcher,style:r.mode,currency:r.currency,currencyDisplay:r.currencyDisplay,useGrouping:r.useGrouping,minimumFractionDigits:(e=r.minFractionDigits)!=null?e:void 0,maximumFractionDigits:(n=r.maxFractionDigits)!=null?n:void 0,roundingMode:r.roundingMode}},ee=()=>{Z.current=new Intl.NumberFormat(r.locale,J());let e=[...new Intl.NumberFormat(r.locale,{useGrouping:!1}).format(9876543210)].reverse(),n=new Map(e.map((t,u)=>[t,u]));b.current=new RegExp(`[${e.join("")}]`,"g"),E.current=be(),g.current=ye(),C.current=Me(),s.current=he(),T.current=Te(),V.current=Se(),K.current=t=>n.get(t)},B=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),he=()=>{var n,t;let e=new Intl.NumberFormat(r.locale,de(ge({},J()),{useGrouping:!1}));return new RegExp(`[${e.format(1.1).replace((n=C.current)!=null?n:"","").trim().replace((t=b.current)!=null?t:"","")}]`,"g")},be=()=>{var n;let e=new Intl.NumberFormat(r.locale,{useGrouping:!0});return O.current=e.format(1e6).trim().replace((n=b.current)!=null?n:"","").charAt(0),new RegExp(`[${O.current}]`,"g")},ye=()=>{var n;let e=new Intl.NumberFormat(r.locale,{useGrouping:!1});return new RegExp(`[${e.format(-1).trim().replace((n=b.current)!=null?n:"","")}]`,"g")},Me=()=>{var e,n;if(r.currency){let t=new Intl.NumberFormat(r.locale,{style:"currency",currency:r.currency,currencyDisplay:r.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:r.roundingMode});return new RegExp(`[${t.format(1).replace(/\s/g,"").replace((e=b.current)!=null?e:"","").replace((n=E.current)!=null?n:"","")}]`,"g")}return new RegExp("[]","g")},Se=()=>{if(r.prefix)V.current=new RegExp(B(r.prefix),"g");else{let n=new Intl.NumberFormat(r.locale,{style:r.mode,currency:r.currency,currencyDisplay:r.currencyDisplay}).format(1).split("1")[0];V.current=new RegExp(B(n),"g")}return V.current},Te=()=>{if(r.suffix)T.current=new RegExp(B(r.suffix),"g");else{let n=new Intl.NumberFormat(r.locale,{style:r.mode,currency:r.currency,currencyDisplay:r.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:r.roundingMode}).format(1).split("1")[1];T.current=new RegExp(B(n),"g")}return T.current},p=e=>{if(e!=null){if(typeof e=="string"&&e==="-")return e;if(r.format){let n=new Intl.NumberFormat(r.locale,J()),t=typeof e=="string"?Number(e):e,u=n.format(t);return r.prefix&&(u=r.prefix+u),r.suffix&&(u=u+r.suffix),u}return e.toString()}return""},L=e=>{var t;let n=e.replace(T.current||"","").replace(V.current||"","").trim().replace(/\s/g,"").replace(C.current||"","");if(s.current&&g.current&&b.current){let u=new RegExp(`[${[...new Intl.NumberFormat(r.locale,{useGrouping:!1}).format(9876543210)].reverse().join("")}${new Intl.NumberFormat(r.locale).format(1.1).replace(/[0-9]/g,"")}${new Intl.NumberFormat(r.locale).format(-1).replace(/[0-9]/g,"")}]`,"g");n=((t=n.match(u))==null?void 0:t.join(""))||""}if(E.current&&(n=n.replace(E.current,"")),g.current&&(n=n.replace(g.current,"-")),s.current&&(n=n.replace(s.current,".")),b.current&&K.current&&(n=n.replace(b.current,u=>{let l=K.current?K.current(u):void 0;return l!==void 0?l.toString():""})),n){if(n==="-")return n;let u=+n;return isNaN(u)?null:u}return null},D=()=>{let e=u=>{var l,c,i,o;return u?"tagName"in u&&u.tagName==="INPUT"?u:"inputRef"in u&&((i=(c=(l=u.inputRef)==null?void 0:l.current)==null?void 0:c.elementRef)!=null&&i.current)?u.inputRef.current.elementRef.current:"elementRef"in u&&((o=u.elementRef)!=null&&o.current)?u.elementRef.current:null:null},n=null;r.target&&(n="current"in r.target?r.target.current:r.target);let t=n||Y.current;return e(t)},Le=(e,n)=>{let t=e.toString(),u=n.toString(),l=t.includes(".")?t.split(".")[1].length:0,c=u.includes(".")?u.split(".")[1].length:0,i=Math.max(l,c),o=Math.pow(10,i);return Math.round((e+n)*o)/o},q=(e,n,t)=>{if(r.readOnly)return;let u=n||500;G(),j.current=setTimeout(()=>{q(e,40,t)},u),z(e,t)},z=(e,n)=>{var u;let t=D();if(t){let l=((u=r.step)!=null?u:1)*n,c=L(t.value)||0,i=k(Le(c,l));ae(i,null,"spin",String(c)),N(e,i),ie(e,String(c),i)}},De=(e,n)=>{var t;if(!r.disabled){let u=D();u&&u.focus(),q(e,void 0,(t=n!=null?n:r.step)!=null?t:1),e.preventDefault()}},He=(e,n)=>{var t;if(!r.disabled){let u=D();u&&u.focus(),q(e,void 0,n!=null?n:((t=r.step)!=null?t:1)*-1),e.preventDefault()}},we=()=>{r.disabled||G()},ne=e=>{var n;r.disabled||r.readOnly||(v.current&&(e.target.value=(n=U.current)!=null?n:""),v.current=!1)},Ce=e=>{var S,F,w,a;if(r.readOnly)return;let n=e.target;if(e.altKey||e.ctrlKey||e.metaKey){v.current=!0,U.current=n.value;return}U.current=n.value;let t=(S=n.selectionStart)!=null?S:0,u=(F=n.selectionEnd)!=null?F:0,l=u-t,c=n.value,i=null;switch(e.code||e.key){case"ArrowUp":z(e,1),e.preventDefault();break;case"ArrowDown":z(e,-1),e.preventDefault();break;case"ArrowLeft":if(l>1){let f=H(c.charAt(t))?t+1:t+2;e.target.setSelectionRange(f,f)}else H(c.charAt(t-1))||e.preventDefault();break;case"ArrowRight":if(l>1){let f=u-1;e.target.setSelectionRange(f,f)}else H(c.charAt(t))||e.preventDefault();break;case"Tab":case"Enter":case"NumpadEnter":i=k(L(c)),e.target.value=p(i),e.target.setAttribute("aria-valuenow",i!=null?String(i):""),N(e,i);break;case"Backspace":{if(e.preventDefault(),t===u){t>=c.length&&P.current!==null&&(t=c.length-P.current.length,e.target.setSelectionRange(t,t));let f=c.charAt(t-1),{decimalCharIndex:I,decimalCharIndexWithoutPrefix:y}=re(c);if(H(f)){let h=oe(c);if(E.current&&E.current.test(f))E.current.lastIndex=0,i=c.slice(0,t-2)+c.slice(t-1);else if(s.current&&s.current.test(f))s.current&&(s.current.lastIndex=0),h?e.target.setSelectionRange(t-1,t-1):i=c.slice(0,t-1)+c.slice(t);else if(I>0&&t>I){let m=te()&&(r.minFractionDigits||0)<h?"":"0";i=c.slice(0,t-1)+m+c.slice(t)}else if(y===1){i=c.slice(0,t-1)+"0"+c.slice(t);let m=L(i);i=typeof m=="number"&&m>0?i:""}else i=c.slice(0,t-1)+c.slice(t)}M(e,i,null,"delete-single")}else i=le(c,t,u),M(e,i,null,"delete-range");break}case"Delete":if(e.preventDefault(),t===u){let f=c.charAt(t),{decimalCharIndex:I,decimalCharIndexWithoutPrefix:y}=re(c);if(H(f)){let h=oe(c);if(E.current&&E.current.test(f))E.current.lastIndex=0,i=c.slice(0,t)+c.slice(t+2);else if(s.current&&s.current.test(f))s.current.lastIndex=0,h?e.target.setSelectionRange(t+1,t+1):i=c.slice(0,t)+c.slice(t+1);else if(I>0&&t>I){let m=te()&&(r.minFractionDigits||0)<h?"":"0";i=c.slice(0,t)+m+c.slice(t+1)}else if(y===1){i=c.slice(0,t)+"0"+c.slice(t+1);let m=L(i);i=typeof m=="number"&&m>0?i:""}else i=c.slice(0,t)+c.slice(t+1)}M(e,i,null,"delete-back-single")}else i=le(c,t,u),M(e,i,null,"delete-range");break;case"Home":e.preventDefault(),Ie(r.min)&&N(e,(w=r.min)!=null?w:0);break;case"End":e.preventDefault(),Ie(r.max)&&N(e,(a=r.max)!=null?a:100);break;default:break}},Fe=e=>{if(r.readOnly)return;let n=e.key,t=Ve(n),u=Pe(n);e.code!=="Enter"&&e.preventDefault(),(Number(n)>=0&&Number(n)<=9||u||t)&&ue(e,n,{isDecimalSign:t,isMinusSign:u})},pe=e=>{var t;if(r.readOnly)return;e.preventDefault();let n=(t=e.clipboardData||window.clipboardData)==null?void 0:t.getData("Text");if(n){let u=L(n);u!=null&&ue(e,u.toString())}},Ne=()=>r.min===void 0||r.min===null||r.min<0,Pe=e=>g.current&&g.current.test(e)||e==="-"?(g.current&&(g.current.lastIndex=0),!0):!1,Ve=e=>{var n;return(n=r.locale)!=null&&n.includes("fr")&&[".",","].includes(e)||s.current&&s.current.test(e)?(s.current&&(s.current.lastIndex=0),!0):!1},te=()=>r.mode==="decimal",re=e=>{let n=s.current?e.search(s.current):-1;s.current&&(s.current.lastIndex=0);let t=e.replace(V.current||"","").trim().replace(/\s/g,"").replace(C.current||"",""),u=s.current?t.search(s.current):-1;return s.current&&(s.current.lastIndex=0),{decimalCharIndex:n,decimalCharIndexWithoutPrefix:u}},ke=e=>{let n=i=>{i&&(i.lastIndex=0)},t=s.current?e.search(s.current):-1;n(s.current);let u=g.current?e.search(g.current):-1;n(g.current);let l=T.current?e.search(T.current):-1;n(T.current);let c=C.current?e.search(C.current):-1;return n(C.current),{decimalCharIndex:t,minusCharIndex:u,suffixCharIndex:l,currencyCharIndex:c}},ue=(e,n,t={isDecimalSign:!1,isMinusSign:!1})=>{var f,I,y,h;let u=g.current?n.search(g.current):-1;if(g.current&&(g.current.lastIndex=0),!Ne()&&u!==-1)return;let l=(f=e.target.selectionStart)!=null?f:0,c=(I=e.target.selectionEnd)!=null?I:0,i=e.target.value.trim(),{decimalCharIndex:o,minusCharIndex:S,suffixCharIndex:F,currencyCharIndex:w}=ke(i),a;if(t.isMinusSign){let m=S===-1;(l===0||l===w+1)&&(a=i,(m||c!==0)&&(a=$(i,n,0,c)),M(e,a,n,"insert"))}else if(t.isDecimalSign)o>0&&l===o?M(e,i,n,"insert"):(o>l&&o<c||o===-1&&r.maxFractionDigits)&&(a=$(i,n,l,c),M(e,a,n,"insert"));else{let m=(h=(y=Z.current)==null?void 0:y.resolvedOptions().maximumFractionDigits)!=null?h:0,_=l!==c?"range-insert":"insert";if(o>0&&l>o){if(l+n.length-(o+1)<=m){let A=w>=l?w-1:F>=l?F:i.length;a=i.slice(0,l)+n+i.slice(l+n.length,A)+i.slice(A),M(e,a,n,_)}}else a=$(i,n,l,c),M(e,a,n,_)}},$=(e,n,t,u)=>{var c;if((n==="."?n:n.split(".")).length===2){let i=e.slice(t,u).search((c=s.current)!=null?c:"");return s.current&&(s.current.lastIndex=0),i>0?e.slice(0,t)+p(n)+e.slice(u):p(n)||e}else return u-t===e.length?p(n):t===0?n+e.slice(u):u===e.length?e.slice(0,t)+n:e.slice(0,t)+n+e.slice(u)},le=(e,n,t)=>{let u;return t-n===e.length?u="":n===0?u=e.slice(t):t===e.length?u=e.slice(0,n):u=e.slice(0,n)+e.slice(t),u},Q=()=>{var S;let e=D();if(!e)return 0;let n=e.value,t=(S=e.selectionStart)!=null?S:0,u=n.length,l=null,c=(W.current||"").length;n=n.replace(W.current||"",""),t=t-c;let i=n.charAt(t);if(H(i))return t+c;let o=t-1;for(;o>=0;)if(i=n.charAt(o),H(i)){l=o+c;break}else o--;if(l!==null)e.setSelectionRange&&e.setSelectionRange(l+1,l+1);else{for(o=t;o<u;)if(i=n.charAt(o),H(i)){l=o+c;break}else o++;l!==null&&e.setSelectionRange&&e.setSelectionRange(l,l)}return l||0},Ae=()=>{let e=D();if(!e)return;let n=e.value;!r.readOnly&&n!==Re()&&Q()},H=e=>e.length===1&&(b.current&&b.current.test(e)||s.current&&s.current.test(e)||E.current&&E.current.test(e)||g.current&&g.current.test(e))?(Oe(),!0):!1,Oe=()=>{b.current&&(b.current.lastIndex=0),s.current&&(s.current.lastIndex=0),E.current&&(E.current.lastIndex=0),g.current&&(g.current.lastIndex=0)},ce=()=>{var u,l;let e=(l=(u=r.value)!=null?u:r.defaultValue)!=null?l:null,n=Be(e);se(n);let t=k(e);e!==null&&e!==t&&N(null,t)},M=(e,n,t,u)=>{let l=e.target.value,c=null;n!=null&&(c=L(n),c=!c&&!r.allowEmpty?0:c,ae(c,t,u,n),ie(e,l,c))},Ke=(e,n)=>{if(n===null&&e!==null)return!0;if(n!=null){let t=typeof e=="string"?L(e):e;return n!==t}return!1},ie=(e,n,t)=>{r.onChange&&Ke(n,t)&&r.onChange({originalEvent:e,value:t})},k=e=>e==="-"||e==null?null:r.min!=null&&typeof r.min=="number"&&typeof e=="number"&&e<r.min?r.min:r.max!=null&&typeof r.max=="number"&&typeof e=="number"&&e>r.max?r.max:e,Be=e=>nn(e)?null:r.min!==void 0&&r.min!==null&&e!==null&&e<r.min?r.min:r.max!==void 0&&r.max!==null&&e!==null&&e>r.max?r.max:e,ae=(e,n,t,u)=>{var S,F;n=n||"";let l=D();if(!l)return;let c=l.value,i=p(e),o=c.length;if(i!==u&&(i=Ge(i,u)),o===0){l.value=i,l.setSelectionRange&&l.setSelectionRange(0,0);let a=Q()+n.length;l.setSelectionRange&&l.setSelectionRange(a,a)}else{let w=(S=l.selectionStart)!=null?S:0,a=(F=l.selectionEnd)!=null?F:0;l.value=i;let f=i.length;if(t==="range-insert"){let I=L((c||"").slice(0,w)),h=(I!==null?I.toString():"").split("").join(`(${O.current})?`),m=new RegExp(h,"g");m.test(i);let _=n.split("").join(`(${O.current})?`),A=new RegExp(_,"g");A.test(i.slice(m.lastIndex)),a=m.lastIndex+A.lastIndex,l.setSelectionRange&&l.setSelectionRange(a,a)}else if(f===o)t==="insert"||t==="delete-back-single"?l.setSelectionRange&&l.setSelectionRange(a+1,a+1):t==="delete-single"?l.setSelectionRange&&l.setSelectionRange(a-1,a-1):(t==="delete-range"||t==="spin")&&l.setSelectionRange&&l.setSelectionRange(a,a);else if(t==="delete-back-single"){let I=c.charAt(a-1),y=c.charAt(a),h=o-f,m=E.current?E.current.test(y):!1;m&&h===1?a+=1:!m&&H(I)&&(a+=-1*h+1),E.current&&(E.current.lastIndex=0),l.setSelectionRange&&l.setSelectionRange(a,a)}else if(c==="-"&&t==="insert"){l.setSelectionRange&&l.setSelectionRange(0,0);let y=Q()+n.length+1;l.setSelectionRange&&l.setSelectionRange(y,y)}else a=a+(f-o),l.setSelectionRange&&l.setSelectionRange(a,a)}l.setAttribute("aria-valuenow",String(e))},$e=e=>{var n;return!e&&!r.allowEmpty?(n=r.min)!=null?n:0:e},se=e=>{e=$e(e);let n=D();if(!n)return;let t=n.value,u=p(e);t!==u&&(n.value=u,n.setAttribute("aria-valuenow",String(e)))},Ge=(e,n)=>{if(e&&n){let t=s.current,u=t?n.search(t):-1;if(t&&(t.lastIndex=0),P.current)return u!==-1?e.replace(P.current,"").split(t!=null?t:"")[0]+n.replace(P.current,"").slice(u)+P.current:e;if(W.current)return u!==-1?e.split(t!=null?t:"")[0]+n.slice(u):e}return e},oe=e=>{var n,t,u;if(e){let l=e.split((n=s.current)!=null?n:"");if(l.length===2)return l[1].replace((t=T.current)!=null?t:"","").trim().replace(/\s/g,"").replace((u=C.current)!=null?u:"","").length}return 0},N=(e,n)=>{if(r.onValueChange){let t;e?t=e:t={target:D()},r.onValueChange({originalEvent:t,value:n})}},_e=e=>{x(!0);let n=D();!r.disabled&&!r.readOnly&&(n==null?void 0:n.value)!==Re()&&r.highlightOnFocus&&e.target.select()},je=e=>{x(!1);let n=e.target,t=k(L(n.value));n.value=p(t),n.setAttribute("aria-valuenow",String(t)),N(e,t),!r.disabled&&!r.readOnly&&r.highlightOnFocus&&en()},G=()=>{j.current&&clearInterval(j.current)},Ue=()=>{var e,n;return r.max!==void 0&&((n=(e=r.value)!=null?e:r.defaultValue)!=null?n:0)>=r.max},We=()=>{var e,n;return r.min!==void 0&&((n=(e=r.value)!=null?e:r.defaultValue)!=null?n:0)<=r.min};return Ze(()=>{G()}),Ye(()=>{var u,l;ee();let e=(l=(u=r.value)!=null?u:r.defaultValue)!=null?l:null,n=k(e);se(typeof n=="number"?n:null),e!==null&&e!==n&&N(null,n)}),X(()=>{ee(),ce()},[r.locale,r.localeMatcher,r.mode,r.currency,r.currencyDisplay,r.useGrouping,r.minFractionDigits,r.maxFractionDigits,r.suffix,r.prefix]),X(()=>{ce()},[r.value,r.defaultValue]),X(()=>{r.disabled&&G()},[r.disabled]),{state:xe,inputRef:Y,onChange:ne,onInput:ne,onInputKeyDown:Ce,onInputKeyPress:Fe,onInputClick:Ae,onPaste:pe,onInputFocus:_e,onInputBlur:je,onValueChange:r.onValueChange,maxBoundry:Ue,minBoundry:We,increment:De,decrement:He,stopSpin:we}}});export{Ee as defaultProps,sn as useInputNumber};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as Pe}from"@primereact/core/headless";import{useControlledState as ve,useMountEffect as Ve,useNumberFormatter as Fe,useUnmountEffect as ke,useUpdateEffect as p}from"@primereact/hooks";import{clearSelection as Ne,getSelection as ue,isEmpty as Ke,isNotEmpty as re}from"@primeuix/utils";import*as H from"react";var ae={value:void 0,defaultValue:void 0,format:!0,locale:void 0,mode:"decimal",prefix:void 0,suffix:void 0,currency:void 0,currencyDisplay:void 0,useGrouping:!0,minFractionDigits:void 0,maxFractionDigits:void 0,roundingMode:void 0,min:void 0,max:void 0,step:1,allowEmpty:!0,highlightOnFocus:!1,onValueChange:void 0,onChange:void 0,invalid:void 0,disabled:void 0,readOnly:void 0};var Ge=Pe({name:"useInputNumber",defaultProps:ae,setup({props:n}){let[f,A]=ve({value:n.value,defaultValue:n.defaultValue,onChange:n.onValueChange}),ce=Fe({value:f,locale:n.locale,localeMatcher:n.localeMatcher,mode:n.mode,currency:n.currency,currencyDisplay:n.currencyDisplay,useGrouping:n.useGrouping,minFractionDigits:n.minFractionDigits,maxFractionDigits:n.maxFractionDigits,roundingMode:n.roundingMode,prefix:n.prefix,suffix:n.suffix,min:n.min,format:n.format}),{formattedValue:se,formatValue:x,parseValue:b,addWithPrecision:B,isDecimalMode:G,isNumeralChar:h,isMinusSign:oe,isDecimalSign:w,allowMinusSign:de,getDecimalCharIndexes:$,getCharIndexes:me,getDecimalLength:W,concatValues:fe,groupChar:R,prefixChar:j,suffixChar:J,resolvedOptions:ge}=ce,P=H.useRef(null),v=H.useRef(null),V=H.useRef(null),_=H.useRef(f);_.current=f;let Ee={value:f,formattedValue:se},F=(e,l)=>{let t=(n.step??1)*l;if(e){let a=b(e.currentTarget.value)||0,r=S(B(Number(a),t));ee(e,r,null,"spin",String(a)),T(e,r),U(e,String(a),r)}else{let a=_.current??0,r=S(B(Number(a),t));T(null,r),U(null,String(a),r)}},k=(e,l,t)=>{if(n.readOnly)return;let a=l||500;C(),P.current=setTimeout(()=>{k(e,40,t)},a),F(e,t)},q=(e,l)=>{n.disabled||(k(e,void 0,l??n.step??1),e?.preventDefault())},z=(e,l)=>{n.disabled||(k(e,void 0,l??(n.step??1)*-1),e?.preventDefault())},N=()=>{q(null,1)},K=()=>{z(null,-1)},y=()=>{n.disabled||C()},Q=e=>{n.disabled||n.readOnly||(V.current&&(e.currentTarget.value=v.current??""),V.current=!1)},be=e=>{if(n.readOnly)return;let l=e.currentTarget;if(e.altKey||e.ctrlKey||e.metaKey){V.current=!0,v.current=l.value;return}v.current=l.value;let t=l.selectionStart??0,a=l.selectionEnd??0,r=a-t,i=l.value,u=null;switch(e.code||e.key){case"ArrowUp":F(e,1),e.preventDefault();break;case"ArrowDown":F(e,-1),e.preventDefault();break;case"ArrowLeft":if(r>1){let c=h(i.charAt(t))?t+1:t+2;e.currentTarget.setSelectionRange(c,c)}else h(i.charAt(t-1))||e.preventDefault();break;case"ArrowRight":if(r>1){let c=a-1;e.currentTarget.setSelectionRange(c,c)}else h(i.charAt(t))||e.preventDefault();break;case"Tab":case"Enter":case"NumpadEnter":u=S(b(i)),e.currentTarget.value=x(u),e.currentTarget.setAttribute("aria-valuenow",u!=null?String(u):""),T(e,u);break;case"Backspace":{if(e.preventDefault(),t===a){t>=i.length&&J!==null&&(t=i.length-J.length,e.currentTarget.setSelectionRange(t,t));let c=i.charAt(t-1),{decimalCharIndex:g,decimalCharIndexWithoutPrefix:s}=$(i);if(h(c)){let d=W(i);if(R&&new RegExp(`[${R}]`,"g").test(c))u=i.slice(0,t-2)+i.slice(t-1);else if(w(c))d?e.currentTarget.setSelectionRange(t-1,t-1):u=i.slice(0,t-1)+i.slice(t);else if(g>0&&t>g){let m=G()&&(n.minFractionDigits||0)<d?"":"0";u=i.slice(0,t-1)+m+i.slice(t)}else if(s===1){u=i.slice(0,t-1)+"0"+i.slice(t);let m=b(u);u=typeof m=="number"&&m>0?u:""}else u=i.slice(0,t-1)+i.slice(t)}E(e,u,null,"delete-single")}else u=Y(i,t,a),E(e,u,null,"delete-range");break}case"Delete":if(e.preventDefault(),t===a){let c=i.charAt(t),{decimalCharIndex:g,decimalCharIndexWithoutPrefix:s}=$(i);if(h(c)){let d=W(i);if(R&&new RegExp(`[${R}]`,"g").test(c))u=i.slice(0,t)+i.slice(t+2);else if(w(c))d?e.currentTarget.setSelectionRange(t+1,t+1):u=i.slice(0,t)+i.slice(t+1);else if(g>0&&t>g){let m=G()&&(n.minFractionDigits||0)<d?"":"0";u=i.slice(0,t)+m+i.slice(t+1)}else if(s===1){u=i.slice(0,t)+"0"+i.slice(t+1);let m=b(u);u=typeof m=="number"&&m>0?u:""}else u=i.slice(0,t)+i.slice(t+1)}E(e,u,null,"delete-back-single")}else u=Y(i,t,a),E(e,u,null,"delete-range");break;case"Home":e.preventDefault(),re(n.min)&&T(e,n.min??0);break;case"End":e.preventDefault(),re(n.max)&&T(e,n.max??100);break;default:break}},he=e=>{if(n.readOnly)return;let l=e.key,t=w(l),a=oe(l);e.code!=="Enter"&&e.preventDefault(),(Number(l)>=0&&Number(l)<=9||a||t)&&X(e,l,{isDecimalSign:t,isMinusSign:a})},Re=e=>{if(n.readOnly)return;e.preventDefault();let l=(e.clipboardData||window.clipboardData)?.getData("Text");if(l){let t=b(l);t!=null&&X(e,t.toString())}},X=(e,l,t={isDecimalSign:!1,isMinusSign:!1})=>{let a=l.search(/-/);if(!de()&&a!==-1)return;let r=e.currentTarget.selectionStart??0,i=e.currentTarget.selectionEnd??0,u=e.currentTarget.value.trim(),{decimalCharIndex:o,minusCharIndex:c,suffixCharIndex:g,currencyCharIndex:s}=me(u),d;if(t.isMinusSign){let m=c===-1;(r===0||r===s+1)&&(d=u,(m||i!==0)&&(d=D(u,l,0,i)),E(e,d,l,"insert"))}else if(t.isDecimalSign)o>0&&r===o?E(e,u,l,"insert"):(o>r&&o<i||o===-1&&n.maxFractionDigits)&&(d=D(u,l,r,i),E(e,d,l,"insert"));else{let m=ge()?.maximumFractionDigits??0,I=r!==i?"range-insert":"insert";if(o>0&&r>o){if(r+l.length-(o+1)<=m){let M=s>=r?s-1:g>=r?g:u.length;d=u.slice(0,r)+l+u.slice(r+l.length,M)+u.slice(M),E(e,d,l,I)}}else d=D(u,l,r,i),E(e,d,l,I)}},D=(e,l,t,a)=>(l==="."?l:l.split(".")).length===2?e.slice(t,a).search(/[.,]/)>0?e.slice(0,t)+x(l)+e.slice(a):x(l)||e:a-t===e.length?x(l):t===0?l+e.slice(a):a===e.length?e.slice(0,t)+l:e.slice(0,t)+l+e.slice(a),Y=(e,l,t)=>{let a;return t-l===e.length?a="":l===0?a=e.slice(t):t===e.length?a=e.slice(0,l):a=e.slice(0,l)+e.slice(t),a},O=e=>{let l=e.currentTarget,t=l.value,a=l.selectionStart??0,r=t.length,i=null,u=(j||"").length;t=t.replace(j||"",""),a=a-u;let o=t.charAt(a);if(h(o))return a+u;let c=a-1;for(;c>=0;)if(o=t.charAt(c),h(o)){i=c+u;break}else c--;if(i!==null)l.setSelectionRange&&l.setSelectionRange(i+1,i+1);else{for(c=a;c<r;)if(o=t.charAt(c),h(o)){i=c+u;break}else c++;i!==null&&l.setSelectionRange&&l.setSelectionRange(i,i)}return i||0},Te=e=>{!n.readOnly&&e.currentTarget.value!==ue()&&O(e)},Z=()=>{let e=f??null,l=ye(e);ne(l);let t=S(e);e!==null&&e!==t&&T(null,t)},E=(e,l,t,a)=>{let r=e.currentTarget.value,i=null;l!=null&&(i=b(l),i=!i&&!n.allowEmpty?0:i,ee(e,i,t,a,l),U(e,r,i))},Ie=(e,l)=>{if(l===null&&e!==null)return!0;if(l!=null){let t=typeof e=="string"?b(e):e;return l!==t}return!1},U=(e,l,t)=>{n.onChange&&Ie(l,t)&&n.onChange({originalEvent:e,value:t})},S=e=>e==="-"||e==null?null:n.min!=null&&typeof n.min=="number"&&typeof e=="number"&&e<n.min?n.min:n.max!=null&&typeof n.max=="number"&&typeof e=="number"&&e>n.max?n.max:e,ye=e=>Ke(e)?null:n.min!==void 0&&n.min!==null&&e!==null&&e<n.min?n.min:n.max!==void 0&&n.max!==null&&e!==null&&e>n.max?n.max:e,ee=(e,l,t,a,r)=>{let i=e.currentTarget,u=i.value??"",o=x(l),c=u.length;if(o!==r&&(o=fe(o,r)),c===0){i.value=o,i.setSelectionRange&&i.setSelectionRange(0,0);let s=O(e)+(t?t.length:0);i.setSelectionRange&&i.setSelectionRange(s,s)}else{let g=i.selectionStart??0,s=i.selectionEnd??0;i.value=o;let d=o.length;if(a==="range-insert"){let m=b(u.slice(0,g)),M=(m!==null?m.toString():"").split("").join(`(${R})?`),L=new RegExp(M,"g");L.test(o);let we=(t??"").split("").join(`(${R})?`),le=new RegExp(we,"g");le.test(o.slice(L.lastIndex)),s=L.lastIndex+le.lastIndex,i.setSelectionRange&&i.setSelectionRange(s,s)}else if(d===c)a==="insert"||a==="delete-back-single"?i.setSelectionRange&&i.setSelectionRange(s+1,s+1):a==="delete-single"?i.setSelectionRange&&i.setSelectionRange(s-1,s-1):(a==="delete-range"||a==="spin")&&i.setSelectionRange&&i.setSelectionRange(s,s);else if(a==="delete-back-single"){let m=u.charAt(s-1),I=u.charAt(s),M=c-d,L=R?new RegExp(`[${R}]`,"g").test(I):!1;L&&M===1?s+=1:!L&&h(m)&&(s+=-1*M+1),i.setSelectionRange&&i.setSelectionRange(s,s)}else if(u==="-"&&a==="insert"){i.setSelectionRange&&i.setSelectionRange(0,0);let I=O(e)+(t?t.length:0)+1;i.setSelectionRange&&i.setSelectionRange(I,I)}else s=s+(d-c),i.setSelectionRange&&i.setSelectionRange(s,s)}i.setAttribute("aria-valuenow",String(l))},Me=e=>!e&&!n.allowEmpty?n.min??0:e,ne=e=>{let l=Me(e);A([l,{value:l}])},T=(e,l)=>{A([l,{originalEvent:e??null,value:l}])},Se=e=>{!n.disabled&&!n.readOnly&&e.currentTarget.value!==ue()&&n.highlightOnFocus&&e.currentTarget.select()},Le=e=>{let l=e.currentTarget,t=S(b(l.value));T(e,t),!n.disabled&&!n.readOnly&&n.highlightOnFocus&&Ne()},C=()=>{P.current&&clearInterval(P.current)},te=()=>n.max!==void 0&&(f??0)>=n.max,ie=()=>n.min!==void 0&&(f??0)<=n.min;ke(()=>{C()}),Ve(()=>{let e=S(f);ne(typeof e=="number"?e:null),f!==null&&f!==e&&T(null,e)}),p(()=>{Z()},[n.locale,n.localeMatcher,n.mode,n.currency,n.currencyDisplay,n.useGrouping,n.minFractionDigits,n.maxFractionDigits,n.suffix,n.prefix]),p(()=>{Z()},[n.value,n.defaultValue]),p(()=>{n.disabled&&C()},[n.disabled]);let xe={"data-scope":"inputnumber","data-part":"root",...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...n.readOnly?{"data-readonly":""}:{}},He={"data-scope":"inputnumber","data-part":"input",role:"spinbutton","aria-valuemin":n.min,"aria-valuemax":n.max,"aria-valuenow":f??void 0,inputMode:n.mode==="decimal"&&!n.minFractionDigits?"numeric":"decimal",disabled:!!n.disabled||void 0,readOnly:!!n.readOnly||void 0,onChange:Q,onInput:Q,onKeyDown:be,onKeyPress:he,onClick:Te,onPaste:Re,onFocus:Se,onBlur:Le,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...n.readOnly?{"data-readonly":""}:{}},De={disabled:!!n.disabled||te(),tabIndex:-1,onPointerDown:()=>N(),onPointerUp:()=>y(),onPointerLeave:()=>y(),onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&N()},onKeyUp:()=>y()},Ce={disabled:!!n.disabled||ie(),tabIndex:-1,onPointerDown:()=>K(),onPointerUp:()=>y(),onPointerLeave:()=>y(),onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&K()},onKeyUp:()=>y()};return{state:Ee,rootProps:xe,inputProps:He,incrementProps:De,decrementProps:Ce,maxBoundry:te,minBoundry:ie,increment:q,decrement:z,stepUp:N,stepDown:K,stopSpin:y}}});export{ae as defaultProps,Ge as useInputNumber};

package/inputnumber/useInputNumber.d.ts

@@ -1,24 +1,62 @@
-import { useInputNumberProps } from '@primereact/types/shared/inputnumber';
+import { UseInputNumberProps } from '@primereact/types/headless/inputnumber';
 import * as React from 'react';
-export declare const useInputNumber: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useInputNumberProps, unknown, {
+export declare const useInputNumber: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<UseInputNumberProps, unknown, {
     state: {
-        focused: boolean;
+        value: number | null | undefined;
+        formattedValue: string;
+    };
+    rootProps: {
+        'data-readonly'?: "" | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    inputProps: {
+        'data-readonly'?: "" | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        role: "spinbutton";
+        'aria-valuemin': number | undefined;
+        'aria-valuemax': number | undefined;
+        'aria-valuenow': number | undefined;
+        inputMode: "numeric" | "decimal";
+        disabled: true | undefined;
+        readOnly: true | undefined;
+        onChange: (event: React.FormEvent<HTMLInputElement>) => void;
+        onInput: (event: React.FormEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyPress: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
+        onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    };
+    incrementProps: {
+        disabled: boolean;
+        tabIndex: number;
+        onPointerDown: () => void;
+        onPointerUp: () => void;
+        onPointerLeave: () => void;
+        onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
+        onKeyUp: () => void;
+    };
+    decrementProps: {
+        disabled: boolean;
+        tabIndex: number;
+        onPointerDown: () => void;
+        onPointerUp: () => void;
+        onPointerLeave: () => void;
+        onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
+        onKeyUp: () => void;
     };
-    inputRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLInputElement>;
-    } | null>;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onInputKeyPress: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onInputClick: () => void;
-    onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
-    onInputFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onValueChange: ((event: import("@primereact/types/shared/inputnumber").useInputNumberValueChangeEvent) => void) | undefined;
     maxBoundry: () => boolean;
     minBoundry: () => boolean;
-    increment: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement> | React.PointerEvent<HTMLButtonElement>, dir: number) => void;
-    decrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement> | React.PointerEvent<HTMLButtonElement>, dir: number) => void;
+    increment: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement> | React.PointerEvent<HTMLButtonElement> | null, dir: number) => void;
+    decrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement> | React.PointerEvent<HTMLButtonElement> | null, dir: number) => void;
+    stepUp: () => void;
+    stepDown: () => void;
     stopSpin: () => void;
 }>;

package/inputnumber/useInputNumber.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInputNumberProps } from '@primereact/types/shared/inputnumber';
-export declare const defaultProps: useInputNumberProps;
+import type { UseInputNumberProps } from '@primereact/types/headless/inputnumber';
+export declare const defaultProps: UseInputNumberProps;

package/inputotp/index.d.ts

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

package/inputotp/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as R}from"@primereact/core/headless";import{isTouchDevice as x}from"@primeuix/utils";import*as u from"react";var d={value:void 0,defaultValue:void 0,integerOnly:!1,mask:!1,onValueChange:void 0};var h=R({name:"useInputOtp",defaultProps:d,setup({props:n}){var E,I;let[g,M]=u.useState((I=(E=n.value)!=null?E:n.defaultValue)!=null?I:null),[r,c]=u.useState(()=>{var t,a;let e=(a=(t=n.value)!=null?t:n.defaultValue)!=null?a:"";return e&&typeof e=="string"?e.split(""):[]}),s=u.useRef(0),k={value:g,tokens:r},H=u.useCallback(()=>{let e=s.current;return s.current+=1,e},[]),L=u.useCallback(()=>n.integerOnly?"numeric":"text",[n.integerOnly]),b=u.useCallback(()=>n.mask?"password":"text",[n.maks]),i=e=>{var a;let t=r.join("");M(t),(a=n.onValueChange)==null||a.call(n,{originalEvent:e,value:t})},y=(e,t)=>{let a=e.nativeEvent,o=e.target,T=[...r];T[t]=o.value,c(T),i(e),a.inputType==="deleteContentBackward"?l(e):(a.inputType==="insertText"||a.inputType==="deleteContentForward"||x()&&e instanceof CustomEvent)&&p(e)},l=e=>{let t=f(e.target);t&&(t.focus(),t.select())},p=e=>{let t=m(e.target);t&&(t.focus(),t.select())},m=e=>{let t=e.nextElementSibling;return t?t.nodeName==="INPUT"?t:m(t):null},f=e=>{let t=e.previousElementSibling;return t?t.nodeName==="INPUT"?t:f(t):null};return{state:k,registerText:H,inputMode:L,inputType:b,onInput:y,onClick:e=>{setTimeout(()=>e.target.select(),1)},onKeyDown:e=>{if(!(e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":l(e),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Backspace":e.target.value.length===0&&(l(e),e.preventDefault());break;case"ArrowRight":p(e),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Tab":break;default:(n.integerOnly&&!(e.code!=="Space"&&Number(e.key)>=0&&Number(e.key)<=9)||r.join("").length>=s.current&&e.code!=="Delete")&&e.preventDefault();break}},onPaste:e=>{let t=e.clipboardData.getData("text");if(t.length){let a=t.substring(0,s.current);if(!n.integerOnly||!isNaN(Number(a))){let o=a.split("");c(o),i(e)}}e.preventDefault()}}}});export{d as defaultProps,h as useInputOtp};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as v}from"@primereact/core/headless";import{useControlledState as D}from"@primereact/hooks/use-controlled-state";import{isTouchDevice as w}from"@primeuix/utils";import*as o from"react";var b={value:void 0,defaultValue:void 0,integerOnly:!1,mask:!1,disabled:void 0,onValueChange:void 0};var U=v({name:"useInputOtp",defaultProps:b,setup({props:n,id:h}){let[l,R]=D({value:n.value,defaultValue:n.defaultValue,onChange:n.onValueChange}),s=o.useMemo(()=>{let t=l??"";return typeof t=="string"&&t?t.split(""):[]},[l]),c=o.useRef(null),m=o.useCallback(t=>{c.current=t},[]),p=o.useCallback(()=>c.current?Array.from(c.current.querySelectorAll('[data-scope="inputotp"][data-part="text"]')):[],[]),x={value:l,tokens:s},k=t=>t>="0"&&t<="9",d=o.useMemo(()=>n.integerOnly?"numeric":"text",[n.integerOnly]),f=o.useMemo(()=>n.mask?"password":"text",[n.mask]),E=(t,e)=>{let a=e.join("");R([a,{originalEvent:t,value:a}])},T=(t,e)=>{let a=t.nativeEvent,u=t.target,r=[...s];r[e]=u.value,E(t,r),a.inputType==="deleteContentBackward"?i(t):(a.inputType==="insertText"||a.inputType==="deleteContentForward"||w()&&t instanceof CustomEvent)&&I(t)},i=t=>{let e=M(t.target);e&&(e.focus(),e.select())},I=t=>{let e=g(t.target);e&&(e.focus(),e.select())},g=t=>{let e=t.nextElementSibling;return e?e.nodeName==="INPUT"?e:g(e):null},M=t=>{let e=t.previousElementSibling;return e?e.nodeName==="INPUT"?e:M(e):null},y=t=>{setTimeout(()=>t.target.select(),1)},H=t=>{if(!(t.ctrlKey||t.metaKey))switch(t.code){case"ArrowLeft":i(t),t.preventDefault();break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Backspace":t.target.value.length===0&&(i(t),t.preventDefault());break;case"ArrowRight":I(t),t.preventDefault();break;case"Enter":case"NumpadEnter":case"Tab":break;default:(n.integerOnly&&(t.code==="Space"||!k(t.key))||s.length>=p().length&&t.code!=="Delete")&&t.preventDefault();break}},L=t=>{let e=t.clipboardData.getData("text");if(e.length){let a=e.substring(0,p().length);if(!n.integerOnly||!isNaN(Number(a))){let u=a.split("");E(t,u)}}t.preventDefault()};return{state:x,rootProps:{ref:m,id:h,"data-scope":"inputotp","data-part":"root"},getTextProps:(t,e)=>{let a=r=>T(r,t),u=n.disabled!==void 0?n.disabled:e;return{"data-scope":"inputotp","data-part":"text",value:s[t]??"",type:f,inputMode:d,disabled:u,"data-index":t,onInput:a,onClick:y,onKeyDown:H,onPaste:L}},getInputEls:p,setRootRef:m,inputMode:d,inputType:f,onInput:T,onClick:y,onKeyDown:H,onPaste:L}}});export{b as defaultProps,U as useInputOtp};

package/inputotp/useInputOtp.d.ts

@@ -1,14 +1,33 @@
-import { useInputOtpProps } from '@primereact/types/shared/inputotp';
 import * as React from 'react';
-export declare const useInputOtp: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useInputOtpProps, unknown, {
+export declare const useInputOtp: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inputotp").UseInputOtpProps, unknown, {
     state: {
         value: string | null | undefined;
         tokens: string[];
     };
-    registerText: () => number;
-    inputMode: () => "text" | "numeric";
-    inputType: () => "text" | "password";
-    onInput: (event: React.FormEvent<HTMLInputElement>, index: number) => void;
+    rootProps: {
+        ref: (node: HTMLElement | null) => void;
+        id: string | undefined;
+        'data-scope': "inputotp";
+        'data-part': "root";
+    };
+    getTextProps: (index: number, fallbackDisabled?: boolean) => {
+        'data-scope': "inputotp";
+        'data-part': "text";
+        value: string;
+        type: string;
+        inputMode: "numeric" | "text";
+        disabled: boolean | undefined;
+        'data-index': number;
+        onInput: (e: React.SyntheticEvent<HTMLInputElement>) => void;
+        onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    };
+    getInputEls: () => HTMLInputElement[];
+    setRootRef: (node: HTMLElement | null) => void;
+    inputMode: "text" | "numeric";
+    inputType: string;
+    onInput: (event: React.SyntheticEvent<HTMLInputElement>, index: number) => void;
     onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;

package/inputotp/useInputOtp.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInputOtpProps } from '@primereact/types/shared/inputotp';
-export declare const defaultProps: useInputOtpProps;
+import type { UseInputOtpProps } from '@primereact/types/headless/inputotp';
+export declare const defaultProps: UseInputOtpProps;

package/inputpassword/index.d.ts

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

package/inputpassword/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as m}from"@primereact/core/headless";import{useControlledState as o}from"@primereact/hooks/use-controlled-state";var s={value:void 0,defaultValue:void 0,mask:void 0,defaultMask:!0,onValueChange:void 0,onMaskChange:void 0,invalid:void 0};var k=m({name:"useInputPassword",defaultProps:s,setup({props:e}){let[u,r]=o({value:e.value,defaultValue:e.defaultValue,onChange:e.onValueChange}),[a,d]=o({value:e.mask,defaultValue:e.defaultMask??!0,onChange:e.onMaskChange}),l={value:u,mask:a??!0},p=t=>{let n=t.target.value;r([n,{originalEvent:t,value:n}])},i=()=>{d([!a,{value:!a}])},f={"data-scope":"password","data-part":"root",type:a?"password":"text",onChange:p,...e.invalid?{"data-invalid":""}:{}};return{state:l,rootProps:f,toggleMask:i}}});export{s as defaultProps,k as useInputPassword};

package/inputpassword/useInputPassword.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export declare const useInputPassword: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inputpassword").UseInputPasswordProps, unknown, {
+    state: {
+        value: string | undefined;
+        mask: boolean;
+    };
+    rootProps: {
+        'data-invalid'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        type: "text" | "password";
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    };
+    toggleMask: () => void;
+}>;

package/inputpassword/useInputPassword.props.d.ts

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

package/inputtags/index.d.ts

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

package/inputtags/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as C}from"@primereact/core/headless";import{useControlledState as y}from"@primereact/hooks/use-controlled-state";import{focus as R}from"@primeuix/utils";import*as r from"react";var I={defaultValue:void 0,value:void 0,max:void 0,delimiter:void 0,allowDuplicate:void 0,addOnBlur:void 0,addOnPaste:void 0,addOnTab:void 0,onValueChange:void 0,onAdd:void 0,onRemove:void 0};var j=C({name:"useInputTags",defaultProps:I,setup({props:t}){var h;let[l,m]=r.useState(""),[o,f]=r.useState(-1),v=r.useRef((h=t.defaultValue)!=null?h:[]),[n,s]=y({value:t.value,defaultValue:v.current,onChange:t.onValueChange}),w=r.useRef(null),d=r.useRef(null),x=r.useRef(new Map),k={value:n!=null?n:[],inputValue:l,focusedItemIndex:o},c=e=>{let a=e.trim();if(!a||t.disabled||t.max&&n&&n.length>=t.max||!t.allowDuplicate&&n&&n.includes(a))return;let u=[...n||[],a];s([u,{value:u}]),t.onAdd&&t.onAdd({value:a}),m("")},b=e=>{if(t.disabled||!n)return;let a=n.filter((u,g)=>g!==e);s([a,{value:a}]),t.onRemove&&t.onRemove({value:n[e],index:e}),f(-1)},T=()=>{let e=o;l.length===0&&n&&n.length>0&&(e=e===-1?n.length-1:e-1,e<0&&(e=0)),f(e)},E=()=>{var a;let e=o;l.length===0&&n&&n.length>0&&(e===n.length-1?(e=-1,d.current&&R((a=d.current)==null?void 0:a.elementRef.current)):e!==-1&&e++),f(e)},V=()=>{if(!l&&n&&n.length>0){let e=n.length-1;b(e)}o!==-1&&b(o)};return{state:k,controlRef:w,inputRef:d,itemRefs:x,onClick:()=>{var e;f(-1),d.current&&!t.disabled&&R((e=d.current)==null?void 0:e.elementRef.current)},onChange:e=>{let a=e.target.value;if(o!==-1&&f(-1),!t.delimiter){m(a);return}let u=typeof t.delimiter=="string"?new RegExp(t.delimiter.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")):t.delimiter;u.test(a)?a.split(u).map(i=>i.trim()).filter(i=>i.length>0).forEach(i=>c(i)):m(a)},onKeyDown:e=>{if(!t.disabled)switch(e.key){case"Tab":t.addOnTab&&l.trim()&&c(l);break;case"Enter":l.trim()&&c(l);break;case"ArrowLeft":T();break;case"ArrowRight":E();break;case"Backspace":V();break;default:l.trim()&&t.delimiter&&typeof t.delimiter=="string"&&e.key===t.delimiter&&c(l);break}},onPaste:e=>{if(!t.addOnPaste)return;let a=e.clipboardData.getData("text");if(t.delimiter){let u=typeof t.delimiter=="string"?new RegExp(t.delimiter.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")):t.delimiter;a.split(u).map(i=>i.trim()).filter(i=>i.length>0).forEach(i=>c(i))}else c(a);setTimeout(()=>{m("")},0)},onBlur:()=>{t.addOnBlur&&l.trim()&&c(l),o!==-1&&f(-1)},onItemRemoveClick:e=>{var u;if(!n)return;let a=n.filter((g,i)=>i!==e);s([a,{value:a}]),d.current&&R((u=d.current)==null?void 0:u.elementRef.current)},onRemoveAllItems:()=>{t.disabled||!n||s([[],{value:[]}])}}}});export{I as defaultProps,j as useInputTags};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as G}from"@primereact/core/headless";import{useControlledState as T}from"@primereact/hooks/use-controlled-state";import{focus as C,toElement as w}from"@primeuix/utils";import*as d from"react";var E={defaultValue:void 0,value:void 0,defaultInputValue:"",inputValue:void 0,name:void 0,disabled:void 0,max:void 0,delimiter:void 0,allowDuplicate:void 0,invalid:!1,variant:void 0,fluid:void 0,addOnBlur:void 0,addOnPaste:void 0,addOnTab:void 0,onAdd:void 0,onRemove:void 0,onValueChange:void 0,onInputValueChange:void 0};var ee=G({name:"useInputTags",defaultProps:E,setup({props:t}){let[l,c]=d.useState(-1),[k,v]=d.useState(!1),P=d.useRef(t.defaultValue??[]),[n,p]=T({value:t.value,defaultValue:P.current,onChange:t.onValueChange}),[u,R]=T({value:t.inputValue,defaultValue:t.defaultInputValue??"",onChange:t.onInputValueChange}),f=d.useRef(null),D=d.useRef(new Map),m={value:n??[],inputValue:u??"",focusedItemIndex:l,focused:k},y=e=>typeof e=="string"?new RegExp(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")):e,x=!u||u.length===0,I=!!(u&&u.trim()),i=e=>{if(t.disabled)return[];let o=n??[],a=[],r=Array.isArray(e)?e:[e];for(let b of r){let h=b.trim();if(h){if(t.max!==void 0&&o.length+a.length>=t.max)break;!t.allowDuplicate&&(o.includes(h)||a.includes(h))||a.push(h)}}if(!a.length)return[];let s=[...o,...a];return p([s,{value:s}]),a.forEach(b=>t.onAdd?.({value:b})),R(["",{query:""}]),a},g=e=>{if(t.disabled||!n)return;let o=n.filter((a,r)=>r!==e);p([o,{value:o}]),t.onRemove?.({value:n[e],index:e}),c(-1)},L=()=>{n&&n.length>0&&g(n.length-1)},M=()=>{t.disabled||!n||p([[],{value:[]}])},K=()=>{let e=l;x&&n&&n.length>0&&(e=e===-1?n.length-1:e-1,e<0&&(e=0)),c(e)},S=()=>{let e=l;x&&n&&n.length>0&&(e===n.length-1?(e=-1,f.current&&C(w(f))):e!==-1&&e++),c(e)},H=()=>{if(l!==-1){g(l);return}!u&&n&&n.length>0&&g(n.length-1)},A=()=>{l!==-1&&g(l)},B=e=>{e.defaultPrevented||I&&(i(u),e.preventDefault())},O=()=>{t.addOnTab&&I&&i(u)},V=e=>{if(!t.disabled)switch(e.key){case"Enter":B(e);break;case"Tab":O();break;case"ArrowLeft":K();break;case"ArrowRight":S();break;case"Backspace":H();break;case"Delete":A();break;default:I&&t.delimiter&&typeof t.delimiter=="string"&&e.key===t.delimiter&&(i(u),e.preventDefault());break}},F=e=>{l!==-1&&c(-1);let o=e.target.value;if(t.delimiter){let a=y(t.delimiter);if(a.lastIndex=0,a.test(o)){a.lastIndex=0;let r=o.split(a).map(s=>s.trim()).filter(s=>s.length>0);i(r);return}}R([o,{originalEvent:e,query:o}])},q=()=>{t.disabled||v(!0)},z=()=>{v(!1),t.addOnBlur&&I&&i(u),l!==-1&&c(-1)},U=e=>{if(!t.addOnPaste)return;let o=e.clipboardData.getData("text");if(e.preventDefault(),t.delimiter){let a=y(t.delimiter);a.lastIndex=0;let r=o.split(a).map(s=>s.trim()).filter(s=>s.length>0);i(r)}else i(o)},$={"data-scope":"inputtags","data-part":"root",role:"listbox","aria-orientation":"horizontal",onClick:e=>{e.target.closest?.('[data-part="item"]')||(c(-1),f.current&&!t.disabled&&C(w(f)))}},j={"data-scope":"inputtags","data-part":"control",ref:f,value:m.inputValue,disabled:t.disabled,onChange:F,onKeyDown:V,onPaste:U,onFocus:q,onBlur:z},_={"data-scope":"inputtags","data-part":"hidden-input",value:m.value.join(", "),type:"hidden",name:t.name};return{state:m,inputRef:f,itemRefs:D,addItem:i,removeItem:g,removeLast:L,removeAll:M,rootProps:$,controlProps:j,hiddenInputProps:_,getItemProps:e=>({role:"option","aria-selected":e===m.focusedItemIndex,"aria-setsize":m.value.length,"aria-posinset":e+1,"data-index":e,"data-selected":e===m.focusedItemIndex?"":void 0,onKeyDown:V})}}});export{E as defaultProps,ee as useInputTags};

package/inputtags/useInputTags.d.ts

@@ -1,20 +1,50 @@
 import * as React from 'react';
-export declare const useInputTags: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/inputtags").useInputTagsProps, unknown, {
+export declare const useInputTags: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inputtags").UseInputTagsProps, unknown, {
     state: {
         value: string[];
         inputValue: string;
         focusedItemIndex: number;
+        focused: boolean;
     };
-    controlRef: React.RefObject<HTMLDivElement | null>;
-    inputRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLInputElement>;
-    } | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     itemRefs: React.RefObject<Map<number, HTMLElement>>;
-    onClick: () => void;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
-    onBlur: () => void;
-    onItemRemoveClick: (index: number) => void;
-    onRemoveAllItems: () => void;
+    addItem: (tags: string | string[]) => string[];
+    removeItem: (index: number) => void;
+    removeLast: () => void;
+    removeAll: () => void;
+    rootProps: {
+        'data-scope': "inputtags";
+        'data-part': "root";
+        role: "listbox";
+        'aria-orientation': "horizontal";
+        onClick: (event: React.MouseEvent) => void;
+    };
+    controlProps: {
+        'data-scope': "inputtags";
+        'data-part': "control";
+        ref: React.RefObject<HTMLInputElement | null>;
+        value: string;
+        disabled: boolean | undefined;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onPaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+    hiddenInputProps: {
+        'data-scope': "inputtags";
+        'data-part': "hidden-input";
+        value: string;
+        type: "hidden";
+        name: string | undefined;
+    };
+    getItemProps: (index: number) => {
+        role: "option";
+        'aria-selected': boolean;
+        'aria-setsize': number;
+        'aria-posinset': number;
+        'data-index': number;
+        'data-selected': "" | undefined;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
 }>;

package/inputtags/useInputTags.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInputTagsProps } from '@primereact/types/shared/inputtags';
-export declare const defaultProps: useInputTagsProps;
+import type { UseInputTagsProps } from '@primereact/types/headless/inputtags';
+export declare const defaultProps: UseInputTagsProps;

package/inputtext/index.d.ts

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

package/inputtext/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as e}from"@primereact/core/headless";var t={};var s=e({name:"useInputText",defaultProps:t});export{t as defaultProps,s as useInputText};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as o}from"@primereact/core/headless";var t={invalid:void 0};var n=o({name:"useInputText",defaultProps:t,setup({props:e}){return{rootProps:{type:"text","data-scope":"inputtext","data-part":"root",...e.invalid?{"data-invalid":""}:{}}}}});export{t as defaultProps,n as useInputText};

package/inputtext/useInputText.d.ts

@@ -1 +1,8 @@
-export declare const useInputText: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/inputtext").useInputTextProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useInputText: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inputtext").UseInputTextProps, unknown, {
+    rootProps: {
+        'data-invalid'?: string | undefined;
+        type: "text";
+        'data-scope': "inputtext";
+        'data-part': "root";
+    };
+}>;

package/inputtext/useInputText.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInputTextProps } from '@primereact/types/shared/inputtext';
-export declare const defaultProps: useInputTextProps;
+import type { UseInputTextProps } from '@primereact/types/headless/inputtext';
+export declare const defaultProps: UseInputTextProps;

package/knob/index.d.ts

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

package/knob/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as de}from"@primereact/core/headless";import{useEventListener as R}from"@primereact/hooks";import*as $ from"react";var C={defaultValue:void 0,value:void 0,size:100,step:1,min:0,max:100,readOnly:!1,disabled:!1,onValueChange:void 0};var i=40,y=50,P=50,r=4*Math.PI/3,l=-Math.PI/3,k=3.14159265358979,he=de({name:"useKnob",defaultProps:C,setup({props:e,elementRef:z}){var K,W;let[w,D]=$.useState((W=(K=e.value)!=null?K:e.defaultValue)!=null?W:null),f={value:w},E=(n,t,o,a,s)=>(n-t)*(s-a)/(o-t)+a,x=()=>{var o,a;let n=(o=e.min)!=null?o:0,t=(a=e.max)!=null?a:100;return E(n>0&&t>0?n:0,n,t,r,l)},g=()=>{var a,s;let n=(a=e.min)!=null?a:0,t=(s=e.max)!=null?s:100,o=w!=null?w:n;return E(o,n,t,r,l)},O=()=>y+Math.cos(r)*i,U=()=>P-Math.sin(r)*i,I=()=>y+Math.cos(l)*i,B=()=>P-Math.sin(l)*i,H=()=>y+Math.cos(x())*i,S=()=>P-Math.sin(x())*i,_=()=>y+Math.cos(g())*i,j=()=>P-Math.sin(g())*i,q=()=>Math.abs(x()-g())<k?0:1,F=()=>g()>x()?0:1,G=`M ${O()} ${U()} A ${i} ${i} 0 1 1 ${I()} ${B()}`,J=`M ${H()} ${S()} A ${i} ${i} 0 ${q()} ${F()} ${_()} ${j()}`,[N,Q]=R({target:"window",type:"mousemove",listener:n=>X(n)}),[Z,p]=R({target:"window",type:"mouseup",listener:()=>L()}),[ee,ne]=R({target:"window",type:"touchmove",listener:n=>Y(n)}),[te,ae]=R({target:"window",type:"touchend",listener:()=>T()}),V=(n,t)=>{var c,d;let o=n-((c=e.size)!=null?c:100)/2,a=((d=e.size)!=null?d:100)/2-t,s=Math.atan2(a,o),u=-k/2-k/6;oe(s,u)},oe=(n,t)=>{var s,u,c,d,h,v,b,M;let o;if(n>l)o=E(n,r,l,(s=e.min)!=null?s:0,(u=e.max)!=null?u:100);else if(n<t)o=E(n+2*Math.PI,r,l,(c=e.min)!=null?c:0,(d=e.max)!=null?d:100);else return;let a=Math.round((o-((h=e.min)!=null?h:0))/((v=e.step)!=null?v:1))*((b=e.step)!=null?b:1)+((M=e.min)!=null?M:0);D(a),e.onValueChange&&e.onValueChange({value:a})},m=n=>{var o,a,s,u;let t;n>((o=e.max)!=null?o:100)?t=(a=e.max)!=null?a:100:n<((s=e.min)!=null?s:0)?t=(u=e.min)!=null?u:0:t=n,D(t),e.onValueChange&&e.onValueChange({value:t})},se=n=>{!e.disabled&&!e.readOnly&&V(n.nativeEvent.offsetX,n.nativeEvent.offsetY)},ue=n=>{N(),Z(),n.preventDefault()},L=()=>{Q(),p()},ie=()=>{ee(),te()},T=()=>{ne(),ae()},X=n=>{!e.disabled&&!e.readOnly&&(V(n.nativeEvent.offsetX,n.nativeEvent.offsetY),n.preventDefault())},Y=n=>{var t;if(!e.disabled&&!e.readOnly&&n.touches.length==1){let o=(t=z.current)==null?void 0:t.getBoundingClientRect(),a=n.targetTouches.item(0);if(o&&a){let s=a.clientX-o.left,u=a.clientY-o.top;V(s,u)}}},ce=n=>{var t,o,a,s,u,c,d,h,v,b,M,A;if(!e.disabled&&!e.readOnly)switch(n.code){case"ArrowRight":case"ArrowUp":{n.preventDefault(),m(((o=(t=f.value)!=null?t:e.min)!=null?o:0)+((a=e.step)!=null?a:1));break}case"ArrowLeft":case"ArrowDown":{n.preventDefault(),m(((u=(s=f.value)!=null?s:e.min)!=null?u:0)-((c=e.step)!=null?c:1));break}case"Home":{n.preventDefault(),m((d=e.min)!=null?d:0);break}case"End":{n.preventDefault(),m((h=e.max)!=null?h:100);break}case"PageUp":{n.preventDefault(),m(((b=(v=f.value)!=null?v:e.min)!=null?b:0)+10);break}case"PageDown":{n.preventDefault(),m(((A=(M=f.value)!=null?M:e.min)!=null?A:0)-10);break}}};return $.useEffect(()=>{e.value!==void 0&&D(e.value)},[e.value]),{state:f,rangePath:G,valuePath:J,onClick:se,onMouseDown:ue,onMouseUp:L,onTouchStart:ie,onTouchEnd:T,onMouseMove:X,onTouchMove:Y,onKeyDown:ce}}});export{C as defaultProps,he as useKnob};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as ie}from"@primereact/core/headless";import{useControlledState as de,useEventListener as h}from"@primereact/hooks";var R={defaultValue:void 0,value:void 0,size:100,step:1,min:0,max:100,strokeWidth:14,rangeColor:void 0,valueColor:void 0,textColor:void 0,tabIndex:void 0,disabled:void 0,readOnly:void 0,invalid:void 0,ariaLabelledby:void 0,ariaLabel:void 0,onValueChange:void 0};var o=40,v=50,M=50,l=4*Math.PI/3,u=-Math.PI/3,d=t=>Math.round(t*1e3)/1e3,me=ie({name:"useKnob",defaultProps:R,setup({props:t,elementRef:$}){let[w,y]=de({value:t.value,defaultValue:t.defaultValue??null,onChange:t.onValueChange}),c={value:w},m=(e,n,a,s,i)=>(e-n)*(i-s)/(a-n)+s,f=()=>{let e=t.min??0,n=t.max??100;return m(e>0&&n>0?e:0,e,n,l,u)},b=()=>{let e=t.min??0,n=t.max??100;return m(w??e,e,n,l,u)},W=()=>d(v+Math.cos(l)*o),C=()=>d(M-Math.sin(l)*o),D=()=>d(v+Math.cos(u)*o),I=()=>d(M-Math.sin(u)*o),T=()=>d(v+Math.cos(f())*o),V=()=>d(M-Math.sin(f())*o),X=()=>d(v+Math.cos(b())*o),Y=()=>d(M-Math.sin(b())*o),z=()=>Math.abs(f()-b())<Math.PI?0:1,A=()=>b()>f()?0:1,g=`M ${W()} ${C()} A ${o} ${o} 0 1 1 ${D()} ${I()}`,E=`M ${T()} ${V()} A ${o} ${o} 0 ${z()} ${A()} ${X()} ${Y()}`,[S,U]=h({target:"window",type:"mousemove",listener:e=>Q(e)}),[K,O]=h({target:"window",type:"mouseup",listener:()=>k()}),[B,H]=h({target:"window",type:"touchmove",listener:e=>Z(e)}),[j,q]=h({target:"window",type:"touchend",listener:()=>P()}),x=(e,n,a)=>{let s=e-(t.size??100)/2,i=(t.size??100)/2-n,oe=Math.atan2(i,s),se=-Math.PI/2-Math.PI/6;F(oe,se,a)},F=(e,n,a)=>{let s;if(e>u)s=m(e,l,u,t.min??0,t.max??100);else if(e<n)s=m(e+2*Math.PI,l,u,t.min??0,t.max??100);else return;let i=Math.round((s-(t.min??0))/(t.step??1))*(t.step??1)+(t.min??0);y([i,{originalEvent:a,value:i}])},r=(e,n)=>{let a;e>(t.max??100)?a=t.max??100:e<(t.min??0)?a=t.min??0:a=e,y([a,{originalEvent:n,value:a}])},G=e=>{x(e.nativeEvent.offsetX,e.nativeEvent.offsetY,e)},J=e=>{S(),K(),e.preventDefault()},k=()=>{U(),O()},N=()=>{B(),j()},P=()=>{H(),q()},Q=e=>{x(e.offsetX,e.offsetY,e),e.preventDefault()},Z=e=>{if(e.touches.length==1){let n=$.current?.getBoundingClientRect(),a=e.targetTouches.item(0);if(n&&a){let s=a.clientX-n.left,i=a.clientY-n.top;x(s,i,e)}}},_=e=>{switch(e.code){case"ArrowRight":case"ArrowUp":{e.preventDefault(),r((c.value??t.min??0)+(t.step??1),e);break}case"ArrowLeft":case"ArrowDown":{e.preventDefault(),r((c.value??t.min??0)-(t.step??1),e);break}case"Home":{e.preventDefault(),r(t.min??0,e);break}case"End":{e.preventDefault(),r(t.max??100,e);break}case"PageUp":{e.preventDefault(),r((c.value??t.min??0)+10,e);break}case"PageDown":{e.preventDefault(),r((c.value??t.min??0)-10,e);break}}},L=!t.disabled&&!t.readOnly,p={"data-scope":"knob","data-part":"svg",viewBox:"0 0 100 100",role:"slider",width:t.size,height:t.size,tabIndex:L?t.tabIndex??0:-1,"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuenow":c.value,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,"aria-disabled":t.disabled||void 0,"aria-readonly":t.readOnly||void 0,...L&&{onClick:G,onKeyDown:_,onMouseDown:J,onMouseUp:k,onTouchStart:N,onTouchEnd:P}},ee={"data-scope":"knob","data-part":"root",...t.disabled?{"data-disabled":""}:{},...t.readOnly?{"data-readonly":""}:{}},te={"data-scope":"knob","data-part":"range",d:g,strokeWidth:t.strokeWidth,stroke:t.rangeColor},ne={"data-scope":"knob","data-part":"value",d:E,strokeWidth:t.strokeWidth,stroke:t.valueColor},ae={"data-scope":"knob","data-part":"text",x:50,y:57,textAnchor:"middle",fill:t.textColor};return{state:c,rangePath:g,valuePath:E,rootProps:ee,svgProps:p,rangeProps:te,valueProps:ne,textProps:ae}}});export{R as defaultProps,me as useKnob};