@designbyadrian/react-interactive-input 3.1.0 → 3.1.1

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

@@ -1,22 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("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 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
- *
- * 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===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} />`,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;
+"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,421 +1,144 @@
-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
- *
- * 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 $;
-  te = 1;
-  var a = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
-  function R(v, u, d) {
-    var g = null;
-    if (d !== void 0 && (g = "" + d), u.key !== void 0 && (g = "" + 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: g,
-      ref: u !== void 0 ? u : null,
-      props: d
-    };
-  }
-  return $.Fragment = f, $.jsx = R, $.jsxs = R, $;
-}
-var D = {};
-/**
- * @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 === k ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case A:
-          return "Fragment";
-        case I:
-          return "Profiler";
-        case j:
-          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 Y:
-            return "Portal";
-          case F:
-            return e.displayName || "Context";
-          case C:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case c:
-            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 x:
-            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 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.",
-          i
-        ), f(e);
-      }
-    }
-    function v(e) {
-      if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === x)
-        return "<...>";
-      try {
-        var n = a(e);
-        return n ? "<" + n + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function u() {
-      var e = P.A;
-      return e === null ? null : e.getOwner();
-    }
-    function d() {
-      return Error("react-stack-top-frame");
-    }
-    function g(e) {
-      if (L.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() {
-        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
-        ));
-      }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
-        configurable: !0
-      });
-    }
-    function N() {
-      var e = a(this.type);
-      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 w(e, n, o, i, W, B) {
-      var l = o.ref;
-      return e = {
-        $$typeof: S,
-        type: e,
-        key: n,
-        props: o,
-        _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", {
-        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: W
-      }), 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, 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 O(l);
-      if (L.call(n, "key")) {
-        l = a(e);
-        var M = Object.keys(n).filter(function(ie) {
-          return ie !== "key";
-        });
-        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,
-          M,
-          l
-        ), z[l + i] = !0);
-      }
-      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 l && E(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), w(
-        e,
-        l,
-        o,
-        u(),
-        W,
-        B
-      );
-    }
-    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 _(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === S;
-    }
-    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;
-    };
-    h = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    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,
-        i ? Error("react-stack-top-frame") : X,
-        i ? t(v(e)) : V
-      );
-    }, D.jsxs = function(e, n, o) {
-      var i = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return m(
-        e,
-        n,
-        o,
-        !0,
-        i ? Error("react-stack-top-frame") : X,
-        i ? t(v(e)) : V
-      );
-    };
-  })()), D;
-}
-var ne;
-function be() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? U.exports = de() : U.exports = me()), U.exports;
-}
-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 === f) 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, f) : a.value = f, a.dispatchEvent(new Event("input", { bubbles: !0 })), R && (a.value = a.value);
-}, Re = se(
+  )) == 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: f = ae,
-    onBlur: R,
-    onChange: v,
-    onFocus: u,
-    onKeyDown: d,
-    step: g = 1,
-    value: E,
-    ...N
-  }, w) => {
-    const m = q(null);
-    fe(
-      w,
-      () => m.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 [O, _] = Z(
-      E ?? (a != null ? String(a) : "")
-    ), h = q(O);
-    h.current = O;
-    const S = q(!1), Y = f === ae;
-    oe(() => {
-      E === void 0 || S.current || _(E);
-    }, [E]);
-    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))
+    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))
         );
-        s.value = b, s.setSelectionRange(k, k);
+        n.value = s, n.setSelectionRange(h, h);
         return;
       }
-      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);
+      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(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);
+        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__ */ ce.jsx(
+    return /* @__PURE__ */ B(
       "input",
       {
         inputMode: "decimal",
-        ...N,
+        ...b,
         type: "text",
-        ref: m,
-        value: O,
-        onBlur: F,
-        onChange: A,
-        onFocus: C,
-        onKeyDown: I
+        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, he = se(
+], tt = 3, nt = j(
   ({
-    value: a,
-    modifiers: f = {
+    value: r,
+    modifiers: u = {
       altKey: 1,
       ctrlKey: 1,
       metaKey: 1,
       shiftKey: 0.1
     },
-    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",
+    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",
-      ...R
+      ...m
     };
-    oe(
+    L(
       () => () => {
-        const t = _.current;
+        const t = o.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;
+      for (const e of Z)
+        if (t[e]) return u[e] ?? 1;
       return 1;
-    }, s = (t, r, y) => {
-      if (_.current = null, !!r.scrubbing) {
-        A(!1), document.body.style.cursor = r.previousBodyCursor;
+    }, n = (t, e, y) => {
+      if (o.current = null, !!e.scrubbing) {
+        X(!1), document.body.style.cursor = e.previousBodyCursor;
         try {
-          t.releasePointerCapture(r.pointerId);
+          t.releasePointerCapture(e.pointerId);
         } catch {
         }
-        y && G(t, J(r.startValue)), t.blur();
+        y && O(t, A(e.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 y = ee(r.value);
-      Number.isFinite(y) || (y = Number(m.defaultValue ?? I ?? 0) || 0), _.current = {
+    }, 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,
@@ -424,66 +147,66 @@ const Ee = /^-?\d*[.,]?\d*$/, ae = (a, f) => Ee.test(a) ? a : f, Q = (a) => {
         scrubbing: !1,
         previousBodyCursor: ""
       };
-    }, b = (t) => {
-      N == null || N(t);
-      const r = _.current;
-      if (!r || r.pointerId !== t.pointerId) return;
+    }, 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) {
-        _.current = null;
+        o.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";
+      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 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));
+      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 r = _.current;
-      !r || r.pointerId !== t.pointerId || s(t.currentTarget, r, !1);
+      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) => {
-      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);
+      const e = o.current;
+      if (t.key === "Escape" && (e != null && e.scrubbing)) {
+        t.preventDefault(), n(t.currentTarget, e, !0);
         return;
       }
-      d == null || d(t);
-    }, L = (t) => {
-      S(!0), u == null || u(t);
-    }, H = (t) => {
-      S(!1), v == null || v(t);
+      N == null || N(t);
+    }, G = (t) => {
+      I(!0), g == null || g(t);
+    }, Y = (t) => {
+      I(!1), f == null || f(t);
     };
-    return /* @__PURE__ */ ce.jsx(
-      Re,
+    return /* @__PURE__ */ B(
+      W,
       {
-        ...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
+        ...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
       }
     );
   }
 );
 export {
-  he as InteractiveInput,
-  Re as MaskedInput
+  nt as InteractiveInput,
+  W as MaskedInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designbyadrian/react-interactive-input",
-  "version": "3.1.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",