@designbyadrian/react-interactive-input 3.0.0 → 3.1.1

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

@@ -1,22 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react");var J={exports:{}},L={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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:
-  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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),l=require("react"),Y=/^-?\d*[.,]?\d*$/,_=(r,i)=>Y.test(r)?r:i,z=r=>{const i=r.toString().split(".");return i.length>1?i[1].length:0},D=r=>r.replace(",","."),F=r=>parseFloat(D(r)),A=r=>Number.isFinite(r)?String(r):"",$=r=>A(F(r)),j=(r,i)=>{var m;if(r.value===i)return;const b=(m=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value"))==null?void 0:m.set;b?b.call(r,i):r.value=i,r.dispatchEvent(new Event("input",{bubbles:!0})),b&&(r.value=r.value)},P=l.forwardRef(({defaultValue:r,mask:i=_,onBlur:b,onChange:m,onFocus:N,onKeyDown:v,step:S=1,value:o,...h},E)=>{const u=l.useRef(null);l.useImperativeHandle(E,()=>u.current);const[M,d]=l.useState(o??(r!=null?String(r):"")),x=l.useRef(M);x.current=M;const R=l.useRef(!1),C=i===_;l.useEffect(()=>{o===void 0||R.current||d(o)},[o]);const X=c=>{const n=c.target,a=n.value,s=i(a,x.current);if(s!==a){const f=n.selectionStart??a.length,g=Math.min(s.length,Math.max(0,f-(a.length-s.length)));n.value=s,n.setSelectionRange(g,g);return}if(x.current=s,d(s),!m)return;const I=D(s);if(I!==s){const f=n.selectionStart??s.length,g=n.selectionEnd??s.length;n.value=I,m(c),n.value=s,n.setSelectionRange(f,g)}else m(c)},p=c=>{const n=u.current;if(!n)return;const a=F(x.current),s=Number(S)||1,I=z(s);let f=(Number.isFinite(a)?a:0)+c*s;const g=h.min!==void 0?Number(h.min):NaN,O=h.max!==void 0?Number(h.max):NaN;Number.isNaN(g)||(f=Math.max(f,g)),Number.isNaN(O)||(f=Math.min(f,O)),j(n,f.toFixed(I))},T=c=>{v==null||v(c),!c.defaultPrevented&&(c.key==="ArrowUp"?(c.preventDefault(),p(1)):c.key==="ArrowDown"&&(c.preventDefault(),p(-1)))},k=c=>{R.current=!0,N==null||N(c)},V=c=>{R.current=!1;const n=x.current,a=C?$(n):n;a!==n?j(c.target,a):o!==void 0&&o!==n&&d(o),b==null||b(c)};return w.jsx("input",{inputMode:"decimal",...h,type:"text",ref:u,value:M,onBlur:V,onChange:X,onFocus:k,onKeyDown:T})}),J=["metaKey","ctrlKey","altKey","shiftKey"],Q=3,U=l.forwardRef(({value:r,modifiers:i={altKey:1,ctrlKey:1,metaKey:1,shiftKey:.1},style:b={},onBlur:m,onFocus:N,onKeyDown:v,onPointerCancel:S,onPointerDown:o,onPointerMove:h,onPointerUp:E,...u},M)=>{const d=l.useRef(null),[x,R]=l.useState(!1),[C,X]=l.useState(!1),p=u.step?+u.step:1,T=u.min!==void 0?+u.min:void 0,k=u.max!==void 0?+u.max:void 0,V={cursor:x&&!C?void 0:"ew-resize",touchAction:"none",...b};l.useEffect(()=>()=>{const t=d.current;t!=null&&t.scrubbing&&(document.body.style.cursor=t.previousBodyCursor)},[]);const c=t=>{for(const e of J)if(t[e])return i[e]??1;return 1},n=(t,e,y)=>{if(d.current=null,!!e.scrubbing){X(!1),document.body.style.cursor=e.previousBodyCursor;try{t.releasePointerCapture(e.pointerId)}catch{}y&&j(t,A(e.startValue)),t.blur()}},a=t=>{if(o==null||o(t),t.defaultPrevented||t.button!==0||u.disabled||u.readOnly)return;const e=t.currentTarget;if(document.activeElement===e)return;let y=F(e.value);Number.isFinite(y)||(y=Number(u.defaultValue??T??0)||0),d.current={pointerId:t.pointerId,startX:t.clientX,lastX:t.clientX,startValue:y,accumulated:y,scrubbing:!1,previousBodyCursor:""}},s=t=>{h==null||h(t);const e=d.current;if(!e||e.pointerId!==t.pointerId)return;const y=t.currentTarget;if(t.buttons===0){d.current=null;return}if(!e.scrubbing){if(Math.abs(t.clientX-e.startX)<Q)return;e.scrubbing=!0,e.lastX=t.clientX,X(!0),e.previousBodyCursor=document.body.style.cursor,document.body.style.cursor="ew-resize";try{y.setPointerCapture(t.pointerId)}catch{}}const H=c(t),L=p*H,G=z(p)+z(H);e.accumulated+=(t.clientX-e.lastX)*L,e.lastX=t.clientX,T!==void 0&&(e.accumulated=Math.max(e.accumulated,T)),k!==void 0&&(e.accumulated=Math.min(e.accumulated,k));const K=+e.accumulated.toFixed(G);Number.isNaN(K)||j(y,A(K))},I=t=>{const e=d.current;!e||e.pointerId!==t.pointerId||n(t.currentTarget,e,!1)},f=t=>{E==null||E(t),I(t)},g=t=>{S==null||S(t),I(t)},O=t=>{const e=d.current;if(t.key==="Escape"&&(e!=null&&e.scrubbing)){t.preventDefault(),n(t.currentTarget,e,!0);return}v==null||v(t)},q=t=>{R(!0),N==null||N(t)},B=t=>{R(!1),m==null||m(t)};return w.jsx(P,{...u,ref:M,defaultValue:u.defaultValue??0,style:V,value:r!==void 0?A(r):void 0,onBlur:B,onFocus:q,onKeyDown:O,onPointerCancel:g,onPointerDown:a,onPointerMove:s,onPointerUp:f})});exports.InteractiveInput=U;exports.MaskedInput=P;

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

@@ -1,487 +1,212 @@
-import ie, { forwardRef as le, useRef as J, useImperativeHandle as fe, useState as Z, useEffect as se } from "react";
-var q = { exports: {} }, D = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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 de() {
-  if (te) return D;
-  te = 1;
-  var a = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
-  function R(v, u, m) {
-    var g = null;
-    if (m !== void 0 && (g = "" + m), u.key !== void 0 && (g = "" + 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: g,
-      ref: u !== void 0 ? u : null,
-      props: m
-    };
-  }
-  return D.Fragment = d, D.jsx = R, D.jsxs = R, D;
-}
-var L = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var re;
-function me() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function a(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === x ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case A:
-          return "Fragment";
-        case C:
-          return "Profiler";
-        case P:
-          return "StrictMode";
-        case c:
-          return "Suspense";
-        case p:
-          return "SuspenseList";
-        case h:
-          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:
-            return "Portal";
-          case F:
-            return e.displayName || "Context";
-          case Y:
-            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 o = n.error, l = 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);
-      }
-    }
-    function v(e) {
-      if (e === A) 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 g(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 o() {
-        y || (y = !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
-        ));
-      }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
-        configurable: !0
-      });
-    }
-    function N() {
-      var e = a(this.type);
-      return X[e] || (X[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;
-      return e = {
-        $$typeof: O,
-        type: e,
-        key: n,
-        props: o,
-        _owner: l
-      }, (f !== void 0 ? f : 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", {
-        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 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);
-          } 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";
-        });
-        l = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", $[f + l] || (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} />`,
-          l,
-          f,
-          M,
-          f
-        ), $[f + l] = !0);
-      }
-      if (f = null, o !== void 0 && (R(o), f = "" + o), g(n) && (R(n.key), f = "" + n.key), "key" in n) {
-        o = {};
-        for (var K in n)
-          K !== "key" && (o[K] = n[K]);
-      } else o = n;
-      return f && E(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), j(
-        e,
-        f,
-        o,
-        u(),
-        U,
-        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 S(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === O;
-    }
-    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() {
-      return null;
-    };
-    T = {
-      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(
-        e,
-        n,
-        o,
-        !1,
-        l ? Error("react-stack-top-frame") : z,
-        l ? r(v(e)) : W
-      );
-    }, L.jsxs = function(e, n, o) {
-      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return b(
-        e,
-        n,
-        o,
-        !0,
-        l ? Error("react-stack-top-frame") : z,
-        l ? r(v(e)) : W
-      );
-    };
-  })()), L;
-}
-var ne;
-function be() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? q.exports = de() : q.exports = me()), q.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 v;
-  if (a.value === d) return;
-  const R = (v = Object.getOwnPropertyDescriptor(
+import { jsx as B } from "react/jsx-runtime";
+import { forwardRef as j, useRef as k, useImperativeHandle as J, useState as K, useEffect as L } from "react";
+const Q = /^-?\d*[.,]?\d*$/, w = (r, u) => Q.test(r) ? r : u, V = (r) => {
+  const u = r.toString().split(".");
+  return u.length > 1 ? u[1].length : 0;
+}, P = (r) => r.replace(",", "."), z = (r) => parseFloat(P(r)), A = (r) => Number.isFinite(r) ? String(r) : "", U = (r) => A(z(r)), O = (r, u) => {
+  var f;
+  if (r.value === u) return;
+  const m = (f = 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(
+  )) == null ? void 0 : f.set;
+  m ? m.call(r, u) : r.value = u, r.dispatchEvent(new Event("input", { bubbles: !0 })), m && (r.value = r.value);
+}, W = j(
   ({
-    defaultValue: a,
-    mask: d = ae,
-    onBlur: R,
-    onChange: v,
-    onFocus: u,
-    onKeyDown: m,
-    step: g = 1,
-    value: E,
-    ...N
-  }, j) => {
-    const b = J(null);
-    fe(
-      j,
-      () => b.current
+    defaultValue: r,
+    mask: u = w,
+    onBlur: m,
+    onChange: f,
+    onFocus: g,
+    onKeyDown: N,
+    step: R = 1,
+    value: l,
+    ...b
+  }, E) => {
+    const i = k(null);
+    J(
+      E,
+      () => i.current
     );
-    const [_, S] = 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);
-    }, [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 [p, o] = K(
+      l ?? (r != null ? String(r) : "")
+    ), v = k(p);
+    v.current = p;
+    const I = k(!1), C = u === w;
+    L(() => {
+      l === void 0 || I.current || o(l);
+    }, [l]);
+    const X = (c) => {
+      const n = c.target, a = n.value, s = u(a, v.current);
+      if (s !== a) {
+        const d = n.selectionStart ?? a.length, h = Math.min(
+          s.length,
+          Math.max(0, d - (a.length - s.length))
         );
-        c.value = i, c.setSelectionRange(x, x);
+        n.value = s, n.setSelectionRange(h, h);
         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 (v.current = s, o(s), !f) return;
+      const x = P(s);
+      if (x !== s) {
+        const d = n.selectionStart ?? s.length, h = n.selectionEnd ?? s.length;
+        n.value = x, f(c), n.value = s, n.setSelectionRange(d, h);
       } 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);
+        f(c);
+    }, M = (c) => {
+      const n = i.current;
+      if (!n) return;
+      const a = z(v.current), s = Number(R) || 1, x = V(s);
+      let d = (Number.isFinite(a) ? a : 0) + c * s;
+      const h = b.min !== void 0 ? Number(b.min) : NaN, T = b.max !== void 0 ? Number(b.max) : NaN;
+      Number.isNaN(h) || (d = Math.max(d, h)), Number.isNaN(T) || (d = Math.min(d, T)), O(n, d.toFixed(x));
     };
-    return /* @__PURE__ */ oe.jsx(
+    return /* @__PURE__ */ B(
       "input",
       {
         inputMode: "decimal",
-        ...N,
+        ...b,
         type: "text",
-        ref: b,
-        value: _,
-        onBlur: F,
-        onChange: A,
-        onFocus: Y,
-        onKeyDown: C
+        ref: i,
+        value: p,
+        onBlur: (c) => {
+          I.current = !1;
+          const n = v.current, a = C ? U(n) : n;
+          a !== n ? O(c.target, a) : l !== void 0 && l !== n && o(l), m == null || m(c);
+        },
+        onChange: X,
+        onFocus: (c) => {
+          I.current = !0, g == null || g(c);
+        },
+        onKeyDown: (c) => {
+          N == null || N(c), !c.defaultPrevented && (c.key === "ArrowUp" ? (c.preventDefault(), M(1)) : c.key === "ArrowDown" && (c.preventDefault(), M(-1)));
+        }
       }
     );
   }
-), _e = [
+), Z = [
   "metaKey",
   "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);
+], tt = 3, nt = j(
+  ({
+    value: r,
+    modifiers: u = {
+      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: m = {},
+    onBlur: f,
+    onFocus: g,
+    onKeyDown: N,
+    onPointerCancel: R,
+    onPointerDown: l,
+    onPointerMove: b,
+    onPointerUp: E,
+    ...i
+  }, p) => {
+    const o = k(null), [v, I] = K(!1), [C, X] = K(!1), M = i.step ? +i.step : 1, S = i.min !== void 0 ? +i.min : void 0, F = i.max !== void 0 ? +i.max : void 0, D = {
+      cursor: v && !C ? void 0 : "ew-resize",
+      touchAction: "none",
+      ...m
+    };
+    L(
+      () => () => {
+        const t = o.current;
+        t != null && t.scrubbing && (document.body.style.cursor = t.previousBodyCursor);
+      },
+      []
+    );
+    const c = (t) => {
+      for (const e of Z)
+        if (t[e]) return u[e] ?? 1;
+      return 1;
+    }, n = (t, e, y) => {
+      if (o.current = null, !!e.scrubbing) {
+        X(!1), document.body.style.cursor = e.previousBodyCursor;
+        try {
+          t.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+        y && O(t, A(e.startValue)), t.blur();
+      }
+    }, a = (t) => {
+      if (l == null || l(t), t.defaultPrevented || t.button !== 0 || i.disabled || i.readOnly) return;
+      const e = t.currentTarget;
+      if (document.activeElement === e) return;
+      let y = z(e.value);
+      Number.isFinite(y) || (y = Number(i.defaultValue ?? S ?? 0) || 0), o.current = {
+        pointerId: t.pointerId,
+        startX: t.clientX,
+        lastX: t.clientX,
+        startValue: y,
+        accumulated: y,
+        scrubbing: !1,
+        previousBodyCursor: ""
+      };
+    }, s = (t) => {
+      b == null || b(t);
+      const e = o.current;
+      if (!e || e.pointerId !== t.pointerId) return;
+      const y = t.currentTarget;
+      if (t.buttons === 0) {
+        o.current = null;
+        return;
       }
-      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: ""
+      if (!e.scrubbing) {
+        if (Math.abs(t.clientX - e.startX) < tt) return;
+        e.scrubbing = !0, e.lastX = t.clientX, X(!0), e.previousBodyCursor = document.body.style.cursor, document.body.style.cursor = "ew-resize";
+        try {
+          y.setPointerCapture(t.pointerId);
+        } catch {
+        }
+      }
+      const H = c(t), $ = M * H, q = V(M) + V(H);
+      e.accumulated += (t.clientX - e.lastX) * $, e.lastX = t.clientX, S !== void 0 && (e.accumulated = Math.max(e.accumulated, S)), F !== void 0 && (e.accumulated = Math.min(e.accumulated, F));
+      const _ = +e.accumulated.toFixed(q);
+      Number.isNaN(_) || O(y, A(_));
+    }, x = (t) => {
+      const e = o.current;
+      !e || e.pointerId !== t.pointerId || n(t.currentTarget, e, !1);
+    }, d = (t) => {
+      E == null || E(t), x(t);
+    }, h = (t) => {
+      R == null || R(t), x(t);
+    }, T = (t) => {
+      const e = o.current;
+      if (t.key === "Escape" && (e != null && e.scrubbing)) {
+        t.preventDefault(), n(t.currentTarget, e, !0);
+        return;
+      }
+      N == null || N(t);
+    }, G = (t) => {
+      I(!0), g == null || g(t);
+    }, Y = (t) => {
+      I(!1), f == null || f(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__ */ B(
+      W,
+      {
+        ...i,
+        ref: p,
+        defaultValue: i.defaultValue ?? 0,
+        style: D,
+        value: r !== void 0 ? A(r) : void 0,
+        onBlur: Y,
+        onFocus: G,
+        onKeyDown: T,
+        onPointerCancel: h,
+        onPointerDown: a,
+        onPointerMove: s,
+        onPointerUp: d
       }
-    }
-    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
+  nt as InteractiveInput,
+  W 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.1",
   "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",