@designbyadrian/react-interactive-input 3.0.0 → 3.1.0

package/dist/react-interactive-input.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react");var J={exports:{}},L={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");var q={exports:{}},D={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ee;function ue(){if(ee)return L;ee=1;var a=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function R(v,u,m){var N=null;if(m!==void 0&&(N=""+m),u.key!==void 0&&(N=""+u.key),"key"in u){m={};for(var E in u)E!=="key"&&(m[E]=u[E])}else m=u;return u=m.ref,{$$typeof:a,type:v,key:N,ref:u!==void 0?u:null,props:m}}return L.Fragment=d,L.jsx=R,L.jsxs=R,L}var V={};/**
+ */var ee;function ue(){if(ee)return D;ee=1;var a=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function R(v,u,d){var N=null;if(d!==void 0&&(N=""+d),u.key!==void 0&&(N=""+u.key),"key"in u){d={};for(var E in u)E!=="key"&&(d[E]=u[E])}else d=u;return u=d.ref,{$$typeof:a,type:v,key:N,ref:u!==void 0?u:null,props:d}}return D.Fragment=f,D.jsx=R,D.jsxs=R,D}var L={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===S?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case M:return"Profiler";case j:return"StrictMode";case o:return"Suspense";case p:return"SuspenseList";case y:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return"Portal";case X:return e.displayName||"Context";case F:return(e._context.displayName||"Context")+".Consumer";case s:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case i:return n=e.displayName||null,n!==null?n:a(e.type)||"Memo";case k:n=e._payload,e=e._init;try{return a(e(n))}catch{}}return null}function d(e){return""+e}function R(e){try{d(e);var n=!1}catch{n=!0}if(n){n=console;var c=n.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),d(e)}}function v(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===k)return"<...>";try{var n=a(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function u(){var e=w.A;return e===null?null:e.getOwner()}function m(){return Error("react-stack-top-frame")}function N(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function E(e,n){function c(){h||(h=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function x(){var e=a(this.type);return $[e]||($[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function I(e,n,c,l,q,B){var f=c.ref;return e={$$typeof:A,type:e,key:n,props:c,_owner:l},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,n,c,l,q,B){var f=n.children;if(f!==void 0)if(l)if(t(f)){for(l=0;l<f.length;l++)_(f[l]);Object.freeze&&Object.freeze(f)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(f);if(z.call(n,"key")){f=a(e);var Y=Object.keys(n).filter(function(oe){return oe!=="key"});l=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",D[f+l]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===k?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case C:return"Profiler";case I:return"StrictMode";case s:return"Suspense";case p:return"SuspenseList";case T:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case F:return"Portal";case X:return e.displayName||"Context";case M:return(e._context.displayName||"Context")+".Consumer";case o:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case b:return n=e.displayName||null,n!==null?n:a(e.type)||"Memo";case S:n=e._payload,e=e._init;try{return a(e(n))}catch{}}return null}function f(e){return""+e}function R(e){try{f(e);var n=!1}catch{n=!0}if(n){n=console;var c=n.error,i=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",i),f(e)}}function v(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var n=a(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function u(){var e=w.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function N(e){if(V.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function E(e,n){function c(){r||(r=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function x(){var e=a(this.type);return g[e]||(g[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function j(e,n,c,i,U,B){var l=c.ref;return e={$$typeof:O,type:e,key:n,props:c,_owner:i},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function m(e,n,c,i,U,B){var l=n.children;if(l!==void 0)if(i)if(H(l)){for(i=0;i<l.length;i++)A(l[i]);Object.freeze&&Object.freeze(l)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else A(l);if(V.call(n,"key")){l=a(e);var Y=Object.keys(n).filter(function(oe){return oe!=="key"});i=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",W[l+i]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,f,Y,f),D[f+l]=!0)}if(f=null,c!==void 0&&(R(c),f=""+c),N(n)&&(R(n.key),f=""+n.key),"key"in n){c={};for(var K in n)K!=="key"&&(c[K]=n[K])}else c=n;return f&&E(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),I(e,f,c,u(),q,B)}function _(e){O(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===k&&(e._payload.status==="fulfilled"?O(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function O(e){return typeof e=="object"&&e!==null&&e.$$typeof===A}var T=g,A=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),F=Symbol.for("react.consumer"),X=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),o=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),i=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),y=Symbol.for("react.activity"),S=Symbol.for("react.client.reference"),w=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,t=Array.isArray,r=console.createTask?console.createTask:function(){return null};T={react_stack_bottom_frame:function(e){return e()}};var h,$={},W=T.react_stack_bottom_frame.bind(T,m)(),U=r(v(m)),D={};V.Fragment=P,V.jsx=function(e,n,c){var l=1e4>w.recentlyCreatedOwnerStacks++;return b(e,n,c,!1,l?Error("react-stack-top-frame"):W,l?r(v(e)):U)},V.jsxs=function(e,n,c){var l=1e4>w.recentlyCreatedOwnerStacks++;return b(e,n,c,!0,l?Error("react-stack-top-frame"):W,l?r(v(e)):U)}})()),V}var re;function le(){return re||(re=1,process.env.NODE_ENV==="production"?J.exports=ue():J.exports=ie()),J.exports}var ae=le();const fe=/^-?\d*[.,]?\d*$/,ne=(a,d)=>fe.test(a)?a:d,Z=a=>{const d=a.toString().split(".");return d.length>1?d[1].length:0},se=a=>a.replace(",","."),Q=a=>parseFloat(se(a)),G=a=>Number.isFinite(a)?String(a):"",de=a=>G(Q(a)),H=(a,d)=>{var v;if(a.value===d)return;const R=(v=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value"))==null?void 0:v.set;R?R.call(a,d):a.value=d,a.dispatchEvent(new Event("input",{bubbles:!0})),R&&(a.value=a.value)},ce=g.forwardRef(({defaultValue:a,mask:d=ne,onBlur:R,onChange:v,onFocus:u,onKeyDown:m,step:N=1,value:E,...x},I)=>{const b=g.useRef(null);g.useImperativeHandle(I,()=>b.current);const[_,O]=g.useState(E??(a!=null?String(a):"")),T=g.useRef(_);T.current=_;const A=g.useRef(!1),C=d===ne;g.useEffect(()=>{E===void 0||A.current||O(E)},[E]);const P=s=>{const o=s.target,p=o.value,i=d(p,T.current);if(i!==p){const y=o.selectionStart??p.length,S=Math.min(i.length,Math.max(0,y-(p.length-i.length)));o.value=i,o.setSelectionRange(S,S);return}if(T.current=i,O(i),!v)return;const k=se(i);if(k!==i){const y=o.selectionStart??i.length,S=o.selectionEnd??i.length;o.value=k,v(s),o.value=i,o.setSelectionRange(y,S)}else v(s)},j=s=>{const o=b.current;if(!o)return;const p=Q(T.current),i=Number(N)||1,k=Z(i);let y=(Number.isFinite(p)?p:0)+s*i;const S=x.min!==void 0?Number(x.min):NaN,w=x.max!==void 0?Number(x.max):NaN;Number.isNaN(S)||(y=Math.max(y,S)),Number.isNaN(w)||(y=Math.min(y,w)),H(o,y.toFixed(k))},M=s=>{m==null||m(s),!s.defaultPrevented&&(s.key==="ArrowUp"?(s.preventDefault(),j(1)):s.key==="ArrowDown"&&(s.preventDefault(),j(-1)))},F=s=>{A.current=!0,u==null||u(s)},X=s=>{A.current=!1;const o=T.current,p=C?de(o):o;p!==o?H(s.target,p):E!==void 0&&E!==o&&O(E),R==null||R(s)};return ae.jsx("input",{inputMode:"decimal",...x,type:"text",ref:b,value:_,onBlur:X,onChange:P,onFocus:F,onKeyDown:M})}),me=["metaKey","ctrlKey","altKey","shiftKey"],be=3;function Ee({value:a,modifiers:d={altKey:1,ctrlKey:1,metaKey:1,shiftKey:.1},style:R={},onBlur:v,onFocus:u,onKeyDown:m,onPointerCancel:N,onPointerDown:E,onPointerMove:x,onPointerUp:I,...b}){const _=g.useRef(null),[O,T]=g.useState(!1),[A,C]=g.useState(!1),P=b.step?+b.step:1,j=b.min!==void 0?+b.min:void 0,M=b.max!==void 0?+b.max:void 0,F={cursor:O&&!A?void 0:"ew-resize",touchAction:"none",...R};g.useEffect(()=>()=>{const t=_.current;t!=null&&t.scrubbing&&(document.body.style.cursor=t.previousBodyCursor)},[]);const X=t=>{for(const r of me)if(t[r])return d[r]??1;return 1},s=(t,r,h)=>{if(_.current=null,!!r.scrubbing){C(!1),document.body.style.cursor=r.previousBodyCursor;try{t.releasePointerCapture(r.pointerId)}catch{}h&&H(t,G(r.startValue)),t.blur()}},o=t=>{if(E==null||E(t),t.defaultPrevented||t.button!==0||b.disabled||b.readOnly)return;const r=t.currentTarget;if(document.activeElement===r)return;let h=Q(r.value);Number.isFinite(h)||(h=Number(b.defaultValue??j??0)||0),_.current={pointerId:t.pointerId,startX:t.clientX,lastX:t.clientX,startValue:h,accumulated:h,scrubbing:!1,previousBodyCursor:""}},p=t=>{x==null||x(t);const r=_.current;if(!r||r.pointerId!==t.pointerId)return;const h=t.currentTarget;if(t.buttons===0){_.current=null;return}if(!r.scrubbing){if(Math.abs(t.clientX-r.startX)<be)return;r.scrubbing=!0,r.lastX=t.clientX,C(!0),r.previousBodyCursor=document.body.style.cursor,document.body.style.cursor="ew-resize";try{h.setPointerCapture(t.pointerId)}catch{}}const $=X(t),W=P*$,U=Z(P)+Z($);r.accumulated+=(t.clientX-r.lastX)*W,r.lastX=t.clientX,j!==void 0&&(r.accumulated=Math.max(r.accumulated,j)),M!==void 0&&(r.accumulated=Math.min(r.accumulated,M));const D=+r.accumulated.toFixed(U);Number.isNaN(D)||H(h,G(D))},i=t=>{const r=_.current;!r||r.pointerId!==t.pointerId||s(t.currentTarget,r,!1)},k=t=>{I==null||I(t),i(t)},y=t=>{N==null||N(t),i(t)},S=t=>{const r=_.current;if(t.key==="Escape"&&(r!=null&&r.scrubbing)){t.preventDefault(),s(t.currentTarget,r,!0);return}m==null||m(t)},w=t=>{T(!0),u==null||u(t)},z=t=>{T(!1),v==null||v(t)};return ae.jsx(ce,{...b,defaultValue:b.defaultValue??0,style:F,value:a!==void 0?G(a):void 0,onBlur:z,onFocus:w,onKeyDown:S,onPointerCancel:y,onPointerDown:o,onPointerMove:p,onPointerUp:k})}exports.InteractiveInput=Ee;exports.MaskedInput=ce;
+  <%s key={someKey} {...props} />`,i,l,Y,l),W[l+i]=!0)}if(l=null,c!==void 0&&(R(c),l=""+c),N(n)&&(R(n.key),l=""+n.key),"key"in n){c={};for(var K in n)K!=="key"&&(c[K]=n[K])}else c=n;return l&&E(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),j(e,l,c,u(),U,B)}function A(e){_(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?_(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function _(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}var h=y,O=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),X=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),T=Symbol.for("react.activity"),k=Symbol.for("react.client.reference"),w=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,H=Array.isArray,t=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var r,g={},$=h.react_stack_bottom_frame.bind(h,d)(),z=t(v(d)),W={};L.Fragment=P,L.jsx=function(e,n,c){var i=1e4>w.recentlyCreatedOwnerStacks++;return m(e,n,c,!1,i?Error("react-stack-top-frame"):$,i?t(v(e)):z)},L.jsxs=function(e,n,c){var i=1e4>w.recentlyCreatedOwnerStacks++;return m(e,n,c,!0,i?Error("react-stack-top-frame"):$,i?t(v(e)):z)}})()),L}var re;function le(){return re||(re=1,process.env.NODE_ENV==="production"?q.exports=ue():q.exports=ie()),q.exports}var ae=le();const fe=/^-?\d*[.,]?\d*$/,ne=(a,f)=>fe.test(a)?a:f,Z=a=>{const f=a.toString().split(".");return f.length>1?f[1].length:0},se=a=>a.replace(",","."),Q=a=>parseFloat(se(a)),J=a=>Number.isFinite(a)?String(a):"",de=a=>J(Q(a)),G=(a,f)=>{var v;if(a.value===f)return;const R=(v=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value"))==null?void 0:v.set;R?R.call(a,f):a.value=f,a.dispatchEvent(new Event("input",{bubbles:!0})),R&&(a.value=a.value)},ce=y.forwardRef(({defaultValue:a,mask:f=ne,onBlur:R,onChange:v,onFocus:u,onKeyDown:d,step:N=1,value:E,...x},j)=>{const m=y.useRef(null);y.useImperativeHandle(j,()=>m.current);const[A,_]=y.useState(E??(a!=null?String(a):"")),h=y.useRef(A);h.current=A;const O=y.useRef(!1),F=f===ne;y.useEffect(()=>{E===void 0||O.current||_(E)},[E]);const P=o=>{const s=o.target,p=s.value,b=f(p,h.current);if(b!==p){const T=s.selectionStart??p.length,k=Math.min(b.length,Math.max(0,T-(p.length-b.length)));s.value=b,s.setSelectionRange(k,k);return}if(h.current=b,_(b),!v)return;const S=se(b);if(S!==b){const T=s.selectionStart??b.length,k=s.selectionEnd??b.length;s.value=S,v(o),s.value=b,s.setSelectionRange(T,k)}else v(o)},I=o=>{const s=m.current;if(!s)return;const p=Q(h.current),b=Number(N)||1,S=Z(b);let T=(Number.isFinite(p)?p:0)+o*b;const k=x.min!==void 0?Number(x.min):NaN,w=x.max!==void 0?Number(x.max):NaN;Number.isNaN(k)||(T=Math.max(T,k)),Number.isNaN(w)||(T=Math.min(T,w)),G(s,T.toFixed(S))},C=o=>{d==null||d(o),!o.defaultPrevented&&(o.key==="ArrowUp"?(o.preventDefault(),I(1)):o.key==="ArrowDown"&&(o.preventDefault(),I(-1)))},M=o=>{O.current=!0,u==null||u(o)},X=o=>{O.current=!1;const s=h.current,p=F?de(s):s;p!==s?G(o.target,p):E!==void 0&&E!==s&&_(E),R==null||R(o)};return ae.jsx("input",{inputMode:"decimal",...x,type:"text",ref:m,value:A,onBlur:X,onChange:P,onFocus:M,onKeyDown:C})}),me=["metaKey","ctrlKey","altKey","shiftKey"],be=3,Ee=y.forwardRef(({value:a,modifiers:f={altKey:1,ctrlKey:1,metaKey:1,shiftKey:.1},style:R={},onBlur:v,onFocus:u,onKeyDown:d,onPointerCancel:N,onPointerDown:E,onPointerMove:x,onPointerUp:j,...m},A)=>{const _=y.useRef(null),[h,O]=y.useState(!1),[F,P]=y.useState(!1),I=m.step?+m.step:1,C=m.min!==void 0?+m.min:void 0,M=m.max!==void 0?+m.max:void 0,X={cursor:h&&!F?void 0:"ew-resize",touchAction:"none",...R};y.useEffect(()=>()=>{const t=_.current;t!=null&&t.scrubbing&&(document.body.style.cursor=t.previousBodyCursor)},[]);const o=t=>{for(const r of me)if(t[r])return f[r]??1;return 1},s=(t,r,g)=>{if(_.current=null,!!r.scrubbing){P(!1),document.body.style.cursor=r.previousBodyCursor;try{t.releasePointerCapture(r.pointerId)}catch{}g&&G(t,J(r.startValue)),t.blur()}},p=t=>{if(E==null||E(t),t.defaultPrevented||t.button!==0||m.disabled||m.readOnly)return;const r=t.currentTarget;if(document.activeElement===r)return;let g=Q(r.value);Number.isFinite(g)||(g=Number(m.defaultValue??C??0)||0),_.current={pointerId:t.pointerId,startX:t.clientX,lastX:t.clientX,startValue:g,accumulated:g,scrubbing:!1,previousBodyCursor:""}},b=t=>{x==null||x(t);const r=_.current;if(!r||r.pointerId!==t.pointerId)return;const g=t.currentTarget;if(t.buttons===0){_.current=null;return}if(!r.scrubbing){if(Math.abs(t.clientX-r.startX)<be)return;r.scrubbing=!0,r.lastX=t.clientX,P(!0),r.previousBodyCursor=document.body.style.cursor,document.body.style.cursor="ew-resize";try{g.setPointerCapture(t.pointerId)}catch{}}const $=o(t),z=I*$,W=Z(I)+Z($);r.accumulated+=(t.clientX-r.lastX)*z,r.lastX=t.clientX,C!==void 0&&(r.accumulated=Math.max(r.accumulated,C)),M!==void 0&&(r.accumulated=Math.min(r.accumulated,M));const e=+r.accumulated.toFixed(W);Number.isNaN(e)||G(g,J(e))},S=t=>{const r=_.current;!r||r.pointerId!==t.pointerId||s(t.currentTarget,r,!1)},T=t=>{j==null||j(t),S(t)},k=t=>{N==null||N(t),S(t)},w=t=>{const r=_.current;if(t.key==="Escape"&&(r!=null&&r.scrubbing)){t.preventDefault(),s(t.currentTarget,r,!0);return}d==null||d(t)},V=t=>{O(!0),u==null||u(t)},H=t=>{O(!1),v==null||v(t)};return ae.jsx(ce,{...m,ref:A,defaultValue:m.defaultValue??0,style:X,value:a!==void 0?J(a):void 0,onBlur:H,onFocus:V,onKeyDown:w,onPointerCancel:k,onPointerDown:p,onPointerMove:b,onPointerUp:T})});exports.InteractiveInput=Ee;exports.MaskedInput=ce;

package/dist/react-interactive-input.es.js

@@ -1,5 +1,5 @@
-import ie, { forwardRef as le, useRef as J, useImperativeHandle as fe, useState as Z, useEffect as se } from "react";
-var q = { exports: {} }, D = {};
+import le, { forwardRef as se, useRef as q, useImperativeHandle as fe, useState as Z, useEffect as oe } from "react";
+var U = { exports: {} }, $ = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,27 +11,27 @@ var q = { exports: {} }, D = {};
  */
 var te;
 function de() {
-  if (te) return D;
+  if (te) return $;
   te = 1;
-  var a = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
-  function R(v, u, m) {
+  var a = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
+  function R(v, u, d) {
     var g = null;
-    if (m !== void 0 && (g = "" + m), u.key !== void 0 && (g = "" + u.key), "key" in u) {
-      m = {};
+    if (d !== void 0 && (g = "" + d), u.key !== void 0 && (g = "" + u.key), "key" in u) {
+      d = {};
       for (var E in u)
-        E !== "key" && (m[E] = u[E]);
-    } else m = u;
-    return u = m.ref, {
+        E !== "key" && (d[E] = u[E]);
+    } else d = u;
+    return u = d.ref, {
       $$typeof: a,
       type: v,
       key: g,
       ref: u !== void 0 ? u : null,
-      props: m
+      props: d
     };
   }
-  return D.Fragment = d, D.jsx = R, D.jsxs = R, D;
+  return $.Fragment = f, $.jsx = R, $.jsxs = R, $;
 }
-var L = {};
+var D = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -47,38 +47,38 @@ function me() {
     function a(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === x ? null : e.displayName || e.name || null;
+        return e.$$typeof === k ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case A:
           return "Fragment";
-        case C:
+        case I:
           return "Profiler";
-        case P:
+        case j:
           return "StrictMode";
-        case c:
+        case s:
           return "Suspense";
         case p:
           return "SuspenseList";
-        case h:
+        case T:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case I:
+          case Y:
             return "Portal";
           case F:
             return e.displayName || "Context";
-          case Y:
+          case C:
             return (e._context.displayName || "Context") + ".Consumer";
-          case s:
+          case c:
             var n = e.render;
             return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case i:
+          case b:
             return n = e.displayName || null, n !== null ? n : a(e.type) || "Memo";
-          case k:
+          case x:
             n = e._payload, e = e._init;
             try {
               return a(e(n));
@@ -87,29 +87,29 @@ function me() {
         }
       return null;
     }
-    function d(e) {
+    function f(e) {
       return "" + e;
     }
     function R(e) {
       try {
-        d(e);
+        f(e);
         var n = !1;
       } catch {
         n = !0;
       }
       if (n) {
         n = console;
-        var o = n.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = n.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return o.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), d(e);
+          i
+        ), f(e);
       }
     }
     function v(e) {
       if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === k)
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
         return "<...>";
       try {
         var n = a(e);
@@ -119,14 +119,14 @@ function me() {
       }
     }
     function u() {
-      var e = w.A;
+      var e = P.A;
       return e === null ? null : e.getOwner();
     }
-    function m() {
+    function d() {
       return Error("react-stack-top-frame");
     }
     function g(e) {
-      if (V.call(e, "key")) {
+      if (L.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function me() {
     }
     function E(e, n) {
       function o() {
-        y || (y = !0, console.error(
+        r || (r = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           n
         ));
@@ -146,19 +146,19 @@ function me() {
     }
     function N() {
       var e = a(this.type);
-      return X[e] || (X[e] = !0, console.error(
+      return y[e] || (y[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function j(e, n, o, l, U, B) {
-      var f = o.ref;
+    function w(e, n, o, i, W, B) {
+      var l = o.ref;
       return e = {
-        $$typeof: O,
+        $$typeof: S,
         type: e,
         key: n,
         props: o,
-        _owner: l
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: i
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: N
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -175,7 +175,7 @@ function me() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: W
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -183,181 +183,181 @@ function me() {
         value: B
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function b(e, n, o, l, U, B) {
-      var f = n.children;
-      if (f !== void 0)
-        if (l)
-          if (t(f)) {
-            for (l = 0; l < f.length; l++)
-              _(f[l]);
-            Object.freeze && Object.freeze(f);
+    function m(e, n, o, i, W, B) {
+      var l = n.children;
+      if (l !== void 0)
+        if (i)
+          if (H(l)) {
+            for (i = 0; i < l.length; i++)
+              O(l[i]);
+            Object.freeze && Object.freeze(l);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else _(f);
-      if (V.call(n, "key")) {
-        f = a(e);
-        var M = Object.keys(n).filter(function(ue) {
-          return ue !== "key";
+        else O(l);
+      if (L.call(n, "key")) {
+        l = a(e);
+        var M = Object.keys(n).filter(function(ie) {
+          return ie !== "key";
         });
-        l = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", $[f + l] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        i = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", z[l + i] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          i,
           l,
-          f,
           M,
-          f
-        ), $[f + l] = !0);
+          l
+        ), z[l + i] = !0);
       }
-      if (f = null, o !== void 0 && (R(o), f = "" + o), g(n) && (R(n.key), f = "" + n.key), "key" in n) {
+      if (l = null, o !== void 0 && (R(o), l = "" + o), g(n) && (R(n.key), l = "" + n.key), "key" in n) {
         o = {};
         for (var K in n)
           K !== "key" && (o[K] = n[K]);
       } else o = n;
-      return f && E(
+      return l && E(
         o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), j(
+      ), w(
         e,
-        f,
+        l,
         o,
         u(),
-        U,
+        W,
         B
       );
     }
-    function _(e) {
-      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function O(e) {
+      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function S(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === O;
+    function _(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
     }
-    var T = ie, O = Symbol.for("react.transitional.element"), I = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), F = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), i = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), h = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), w = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, t = Array.isArray, r = console.createTask ? console.createTask : function() {
+    var h = le, S = Symbol.for("react.transitional.element"), Y = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), F = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, H = Array.isArray, t = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    h = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var y, X = {}, z = T.react_stack_bottom_frame.bind(
-      T,
-      m
-    )(), W = r(v(m)), $ = {};
-    L.Fragment = A, L.jsx = function(e, n, o) {
-      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return b(
+    var r, y = {}, X = h.react_stack_bottom_frame.bind(
+      h,
+      d
+    )(), V = t(v(d)), z = {};
+    D.Fragment = A, D.jsx = function(e, n, o) {
+      var i = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return m(
         e,
         n,
         o,
         !1,
-        l ? Error("react-stack-top-frame") : z,
-        l ? r(v(e)) : W
+        i ? Error("react-stack-top-frame") : X,
+        i ? t(v(e)) : V
       );
-    }, L.jsxs = function(e, n, o) {
-      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return b(
+    }, D.jsxs = function(e, n, o) {
+      var i = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return m(
         e,
         n,
         o,
         !0,
-        l ? Error("react-stack-top-frame") : z,
-        l ? r(v(e)) : W
+        i ? Error("react-stack-top-frame") : X,
+        i ? t(v(e)) : V
       );
     };
-  })()), L;
+  })()), D;
 }
 var ne;
 function be() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? q.exports = de() : q.exports = me()), q.exports;
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? U.exports = de() : U.exports = me()), U.exports;
 }
-var oe = be();
-const Ee = /^-?\d*[.,]?\d*$/, ae = (a, d) => Ee.test(a) ? a : d, Q = (a) => {
-  const d = a.toString().split(".");
-  return d.length > 1 ? d[1].length : 0;
-}, ce = (a) => a.replace(",", "."), ee = (a) => parseFloat(ce(a)), G = (a) => Number.isFinite(a) ? String(a) : "", ve = (a) => G(ee(a)), H = (a, d) => {
+var ce = be();
+const Ee = /^-?\d*[.,]?\d*$/, ae = (a, f) => Ee.test(a) ? a : f, Q = (a) => {
+  const f = a.toString().split(".");
+  return f.length > 1 ? f[1].length : 0;
+}, ue = (a) => a.replace(",", "."), ee = (a) => parseFloat(ue(a)), J = (a) => Number.isFinite(a) ? String(a) : "", ve = (a) => J(ee(a)), G = (a, f) => {
   var v;
-  if (a.value === d) return;
+  if (a.value === f) return;
   const R = (v = Object.getOwnPropertyDescriptor(
     HTMLInputElement.prototype,
     "value"
   )) == null ? void 0 : v.set;
-  R ? R.call(a, d) : a.value = d, a.dispatchEvent(new Event("input", { bubbles: !0 })), R && (a.value = a.value);
-}, Re = le(
+  R ? R.call(a, f) : a.value = f, a.dispatchEvent(new Event("input", { bubbles: !0 })), R && (a.value = a.value);
+}, Re = se(
   ({
     defaultValue: a,
-    mask: d = ae,
+    mask: f = ae,
     onBlur: R,
     onChange: v,
     onFocus: u,
-    onKeyDown: m,
+    onKeyDown: d,
     step: g = 1,
     value: E,
     ...N
-  }, j) => {
-    const b = J(null);
+  }, w) => {
+    const m = q(null);
     fe(
-      j,
-      () => b.current
+      w,
+      () => m.current
     );
-    const [_, S] = Z(
+    const [O, _] = Z(
       E ?? (a != null ? String(a) : "")
-    ), T = J(_);
-    T.current = _;
-    const O = J(!1), I = d === ae;
-    se(() => {
-      E === void 0 || O.current || S(E);
+    ), h = q(O);
+    h.current = O;
+    const S = q(!1), Y = f === ae;
+    oe(() => {
+      E === void 0 || S.current || _(E);
     }, [E]);
-    const A = (s) => {
-      const c = s.target, p = c.value, i = d(p, T.current);
-      if (i !== p) {
-        const h = c.selectionStart ?? p.length, x = Math.min(
-          i.length,
-          Math.max(0, h - (p.length - i.length))
+    const A = (c) => {
+      const s = c.target, p = s.value, b = f(p, h.current);
+      if (b !== p) {
+        const T = s.selectionStart ?? p.length, k = Math.min(
+          b.length,
+          Math.max(0, T - (p.length - b.length))
         );
-        c.value = i, c.setSelectionRange(x, x);
+        s.value = b, s.setSelectionRange(k, k);
         return;
       }
-      if (T.current = i, S(i), !v) return;
-      const k = ce(i);
-      if (k !== i) {
-        const h = c.selectionStart ?? i.length, x = c.selectionEnd ?? i.length;
-        c.value = k, v(s), c.value = i, c.setSelectionRange(h, x);
+      if (h.current = b, _(b), !v) return;
+      const x = ue(b);
+      if (x !== b) {
+        const T = s.selectionStart ?? b.length, k = s.selectionEnd ?? b.length;
+        s.value = x, v(c), s.value = b, s.setSelectionRange(T, k);
       } else
-        v(s);
-    }, P = (s) => {
-      const c = b.current;
-      if (!c) return;
-      const p = ee(T.current), i = Number(g) || 1, k = Q(i);
-      let h = (Number.isFinite(p) ? p : 0) + s * i;
-      const x = N.min !== void 0 ? Number(N.min) : NaN, w = N.max !== void 0 ? Number(N.max) : NaN;
-      Number.isNaN(x) || (h = Math.max(h, x)), Number.isNaN(w) || (h = Math.min(h, w)), H(c, h.toFixed(k));
-    }, C = (s) => {
-      m == null || m(s), !s.defaultPrevented && (s.key === "ArrowUp" ? (s.preventDefault(), P(1)) : s.key === "ArrowDown" && (s.preventDefault(), P(-1)));
-    }, Y = (s) => {
-      O.current = !0, u == null || u(s);
-    }, F = (s) => {
-      O.current = !1;
-      const c = T.current, p = I ? ve(c) : c;
-      p !== c ? H(s.target, p) : E !== void 0 && E !== c && S(E), R == null || R(s);
+        v(c);
+    }, j = (c) => {
+      const s = m.current;
+      if (!s) return;
+      const p = ee(h.current), b = Number(g) || 1, x = Q(b);
+      let T = (Number.isFinite(p) ? p : 0) + c * b;
+      const k = N.min !== void 0 ? Number(N.min) : NaN, P = N.max !== void 0 ? Number(N.max) : NaN;
+      Number.isNaN(k) || (T = Math.max(T, k)), Number.isNaN(P) || (T = Math.min(T, P)), G(s, T.toFixed(x));
+    }, I = (c) => {
+      d == null || d(c), !c.defaultPrevented && (c.key === "ArrowUp" ? (c.preventDefault(), j(1)) : c.key === "ArrowDown" && (c.preventDefault(), j(-1)));
+    }, C = (c) => {
+      S.current = !0, u == null || u(c);
+    }, F = (c) => {
+      S.current = !1;
+      const s = h.current, p = Y ? ve(s) : s;
+      p !== s ? G(c.target, p) : E !== void 0 && E !== s && _(E), R == null || R(c);
     };
-    return /* @__PURE__ */ oe.jsx(
+    return /* @__PURE__ */ ce.jsx(
       "input",
       {
         inputMode: "decimal",
         ...N,
         type: "text",
-        ref: b,
-        value: _,
+        ref: m,
+        value: O,
         onBlur: F,
         onChange: A,
-        onFocus: Y,
-        onKeyDown: C
+        onFocus: C,
+        onKeyDown: I
       }
     );
   }
@@ -366,121 +366,123 @@ const Ee = /^-?\d*[.,]?\d*$/, ae = (a, d) => Ee.test(a) ? a : d, Q = (a) => {
   "ctrlKey",
   "altKey",
   "shiftKey"
-], pe = 3;
-function he({
-  value: a,
-  modifiers: d = {
-    altKey: 1,
-    ctrlKey: 1,
-    metaKey: 1,
-    shiftKey: 0.1
-  },
-  style: R = {},
-  onBlur: v,
-  onFocus: u,
-  onKeyDown: m,
-  onPointerCancel: g,
-  onPointerDown: E,
-  onPointerMove: N,
-  onPointerUp: j,
-  ...b
-}) {
-  const _ = J(null), [S, T] = Z(!1), [O, I] = Z(!1), A = b.step ? +b.step : 1, P = b.min !== void 0 ? +b.min : void 0, C = b.max !== void 0 ? +b.max : void 0, Y = {
-    cursor: S && !O ? void 0 : "ew-resize",
-    touchAction: "none",
-    ...R
-  };
-  se(
-    () => () => {
-      const t = _.current;
-      t != null && t.scrubbing && (document.body.style.cursor = t.previousBodyCursor);
+], pe = 3, he = se(
+  ({
+    value: a,
+    modifiers: f = {
+      altKey: 1,
+      ctrlKey: 1,
+      metaKey: 1,
+      shiftKey: 0.1
     },
-    []
-  );
-  const F = (t) => {
-    for (const r of _e)
-      if (t[r]) return d[r] ?? 1;
-    return 1;
-  }, s = (t, r, y) => {
-    if (_.current = null, !!r.scrubbing) {
-      I(!1), document.body.style.cursor = r.previousBodyCursor;
-      try {
-        t.releasePointerCapture(r.pointerId);
-      } catch {
+    style: R = {},
+    onBlur: v,
+    onFocus: u,
+    onKeyDown: d,
+    onPointerCancel: g,
+    onPointerDown: E,
+    onPointerMove: N,
+    onPointerUp: w,
+    ...m
+  }, O) => {
+    const _ = q(null), [h, S] = Z(!1), [Y, A] = Z(!1), j = m.step ? +m.step : 1, I = m.min !== void 0 ? +m.min : void 0, C = m.max !== void 0 ? +m.max : void 0, F = {
+      cursor: h && !Y ? void 0 : "ew-resize",
+      touchAction: "none",
+      ...R
+    };
+    oe(
+      () => () => {
+        const t = _.current;
+        t != null && t.scrubbing && (document.body.style.cursor = t.previousBodyCursor);
+      },
+      []
+    );
+    const c = (t) => {
+      for (const r of _e)
+        if (t[r]) return f[r] ?? 1;
+      return 1;
+    }, s = (t, r, y) => {
+      if (_.current = null, !!r.scrubbing) {
+        A(!1), document.body.style.cursor = r.previousBodyCursor;
+        try {
+          t.releasePointerCapture(r.pointerId);
+        } catch {
+        }
+        y && G(t, J(r.startValue)), t.blur();
       }
-      y && H(t, G(r.startValue)), t.blur();
-    }
-  }, c = (t) => {
-    if (E == null || E(t), t.defaultPrevented || t.button !== 0 || b.disabled || b.readOnly) return;
-    const r = t.currentTarget;
-    if (document.activeElement === r) return;
-    let y = ee(r.value);
-    Number.isFinite(y) || (y = Number(b.defaultValue ?? P ?? 0) || 0), _.current = {
-      pointerId: t.pointerId,
-      startX: t.clientX,
-      lastX: t.clientX,
-      startValue: y,
-      accumulated: y,
-      scrubbing: !1,
-      previousBodyCursor: ""
+    }, p = (t) => {
+      if (E == null || E(t), t.defaultPrevented || t.button !== 0 || m.disabled || m.readOnly) return;
+      const r = t.currentTarget;
+      if (document.activeElement === r) return;
+      let y = ee(r.value);
+      Number.isFinite(y) || (y = Number(m.defaultValue ?? I ?? 0) || 0), _.current = {
+        pointerId: t.pointerId,
+        startX: t.clientX,
+        lastX: t.clientX,
+        startValue: y,
+        accumulated: y,
+        scrubbing: !1,
+        previousBodyCursor: ""
+      };
+    }, b = (t) => {
+      N == null || N(t);
+      const r = _.current;
+      if (!r || r.pointerId !== t.pointerId) return;
+      const y = t.currentTarget;
+      if (t.buttons === 0) {
+        _.current = null;
+        return;
+      }
+      if (!r.scrubbing) {
+        if (Math.abs(t.clientX - r.startX) < pe) return;
+        r.scrubbing = !0, r.lastX = t.clientX, A(!0), r.previousBodyCursor = document.body.style.cursor, document.body.style.cursor = "ew-resize";
+        try {
+          y.setPointerCapture(t.pointerId);
+        } catch {
+        }
+      }
+      const X = c(t), V = j * X, z = Q(j) + Q(X);
+      r.accumulated += (t.clientX - r.lastX) * V, r.lastX = t.clientX, I !== void 0 && (r.accumulated = Math.max(r.accumulated, I)), C !== void 0 && (r.accumulated = Math.min(r.accumulated, C));
+      const e = +r.accumulated.toFixed(z);
+      Number.isNaN(e) || G(y, J(e));
+    }, x = (t) => {
+      const r = _.current;
+      !r || r.pointerId !== t.pointerId || s(t.currentTarget, r, !1);
+    }, T = (t) => {
+      w == null || w(t), x(t);
+    }, k = (t) => {
+      g == null || g(t), x(t);
+    }, P = (t) => {
+      const r = _.current;
+      if (t.key === "Escape" && (r != null && r.scrubbing)) {
+        t.preventDefault(), s(t.currentTarget, r, !0);
+        return;
+      }
+      d == null || d(t);
+    }, L = (t) => {
+      S(!0), u == null || u(t);
+    }, H = (t) => {
+      S(!1), v == null || v(t);
     };
-  }, p = (t) => {
-    N == null || N(t);
-    const r = _.current;
-    if (!r || r.pointerId !== t.pointerId) return;
-    const y = t.currentTarget;
-    if (t.buttons === 0) {
-      _.current = null;
-      return;
-    }
-    if (!r.scrubbing) {
-      if (Math.abs(t.clientX - r.startX) < pe) return;
-      r.scrubbing = !0, r.lastX = t.clientX, I(!0), r.previousBodyCursor = document.body.style.cursor, document.body.style.cursor = "ew-resize";
-      try {
-        y.setPointerCapture(t.pointerId);
-      } catch {
+    return /* @__PURE__ */ ce.jsx(
+      Re,
+      {
+        ...m,
+        ref: O,
+        defaultValue: m.defaultValue ?? 0,
+        style: F,
+        value: a !== void 0 ? J(a) : void 0,
+        onBlur: H,
+        onFocus: L,
+        onKeyDown: P,
+        onPointerCancel: k,
+        onPointerDown: p,
+        onPointerMove: b,
+        onPointerUp: T
       }
-    }
-    const X = F(t), z = A * X, W = Q(A) + Q(X);
-    r.accumulated += (t.clientX - r.lastX) * z, r.lastX = t.clientX, P !== void 0 && (r.accumulated = Math.max(r.accumulated, P)), C !== void 0 && (r.accumulated = Math.min(r.accumulated, C));
-    const $ = +r.accumulated.toFixed(W);
-    Number.isNaN($) || H(y, G($));
-  }, i = (t) => {
-    const r = _.current;
-    !r || r.pointerId !== t.pointerId || s(t.currentTarget, r, !1);
-  }, k = (t) => {
-    j == null || j(t), i(t);
-  }, h = (t) => {
-    g == null || g(t), i(t);
-  }, x = (t) => {
-    const r = _.current;
-    if (t.key === "Escape" && (r != null && r.scrubbing)) {
-      t.preventDefault(), s(t.currentTarget, r, !0);
-      return;
-    }
-    m == null || m(t);
-  }, w = (t) => {
-    T(!0), u == null || u(t);
-  }, V = (t) => {
-    T(!1), v == null || v(t);
-  };
-  return /* @__PURE__ */ oe.jsx(
-    Re,
-    {
-      ...b,
-      defaultValue: b.defaultValue ?? 0,
-      style: Y,
-      value: a !== void 0 ? G(a) : void 0,
-      onBlur: V,
-      onFocus: w,
-      onKeyDown: x,
-      onPointerCancel: h,
-      onPointerDown: c,
-      onPointerMove: p,
-      onPointerUp: k
-    }
-  );
-}
+    );
+  }
+);
 export {
   he as InteractiveInput,
   Re as MaskedInput

package/dist/types/InteractiveInput.d.ts

@@ -19,5 +19,5 @@ interface InteractiveInputProps extends React.InputHTMLAttributes<HTMLInputEleme
  * modifier keys (read live from each pointer event) and can be cancelled with
  * Escape, restoring the value from before the drag.
  */
-export default function InteractiveInput({ value, modifiers, style: _style, onBlur, onFocus, onKeyDown, onPointerCancel, onPointerDown, onPointerMove, onPointerUp, ...props }: InteractiveInputProps): import("react").JSX.Element;
-export {};
+declare const InteractiveInput: import("react").ForwardRefExoticComponent<InteractiveInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default InteractiveInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designbyadrian/react-interactive-input",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Adjust values in numeric input boxes by clicking and dragging horizontally, just like in Blender and similar 3D applications.",
   "keywords": [
     "react",
@@ -46,8 +46,8 @@
     "dist/types"
   ],
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",