@carto/ps-react-maps 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),mr=require("react-redux");var ke=(a=>(a.Roadmap="roadmap",a.Satellite="satellite",a.Terrain="terrain",a))(ke||{}),De=(a=>(a.DarkMatter="dark-matter",a.Positron="positron",a.Voyager="voyager",a))(De||{});const yr={positron:"https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",voyager:"https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json","dark-matter":"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"},z=()=>{throw new Error("You forgot to wrap your component in <MapProvider>.")},W={state:{maps:{}},actions:{setViewState:z,setBasemap:z,setResize:z,setZoom:z}},re=h.createContext(W.state),te=h.createContext(W.actions);var $=(a=>(a.SetViewState="SetViewState",a.SetBasemap="SetBasemap",a.SetResize="SetResize",a.SetZoom="SetZoom",a))($||{});function Ae(a,{type:S,payload:T}){return{SetViewState:()=>{const{id:u,viewState:m}=T,p={...a.maps};return p[u]={...a.maps[u],viewState:m},{...a,maps:p}},SetResize:()=>{const{id:u,width:m,height:p}=T,E={...a.maps};return E[u]={...a.maps[u],viewState:{...a.maps[u].viewState,width:m,height:p}},{...a,maps:E}},SetBasemap:()=>{const{id:u,basemap:m}=T,p={...a.maps};return p[u]={...a.maps[u],basemap:m},{...a,maps:p}},SetZoom:()=>{const{id:u,zoom:m}=T,p={...a.maps};return p[u]={...a.maps[u],viewState:{...a.maps[u].viewState,zoom:m}},{...a,maps:p}}}[S]?.()??a}function gr(){return h.useContext(re)}function br(){return h.useContext(te)}var ee={exports:{}},M={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),mr=require("react-redux");var De=(a=>(a.Roadmap="roadmap",a.Satellite="satellite",a.Terrain="terrain",a))(De||{}),Ae=(a=>(a.DarkMatter="dark-matter",a.Positron="positron",a.Voyager="voyager",a))(Ae||{});const yr={positron:"https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",voyager:"https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json","dark-matter":"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"},q=()=>{throw new Error("You forgot to wrap your component in <MapProvider>.")},L={state:{maps:{}},actions:{setViewState:q,setBasemap:q,setResize:q,setZoom:q}},ne=h.createContext(L.state),ae=h.createContext(L.actions);var $=(a=>(a.SetViewState="SetViewState",a.SetBasemap="SetBasemap",a.SetResize="SetResize",a.SetZoom="SetZoom",a))($||{});function Fe(a,{type:b,payload:_}){return{SetViewState:()=>{const{id:u,viewState:m}=_,p={...a.maps};return p[u]={...a.maps[u],viewState:m},{...a,maps:p}},SetResize:()=>{const{id:u,width:m,height:p}=_,S={...a.maps};return S[u]={...a.maps[u],viewState:{...a.maps[u].viewState,width:m,height:p}},{...a,maps:S}},SetBasemap:()=>{const{id:u,basemap:m}=_,p={...a.maps};return p[u]={...a.maps[u],basemap:m},{...a,maps:p}},SetZoom:()=>{const{id:u,zoom:m}=_,p={...a.maps};return p[u]={...a.maps[u],viewState:{...a.maps[u].viewState,zoom:m}},{...a,maps:p}}}[b]?.()??a}function br(){return h.useContext(ne)}function gr(){return h.useContext(ae)}var te={exports:{}},V={};/**
  * @license React
  * react-jsx-runtime.production.min.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 xe;function Rr(){if(xe)return M;xe=1;var a=h,S=Symbol.for("react.element"),T=Symbol.for("react.fragment"),w=Object.prototype.hasOwnProperty,u=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function p(E,y,x){var g,l={},f=null,O=null;x!==void 0&&(f=""+x),y.key!==void 0&&(f=""+y.key),y.ref!==void 0&&(O=y.ref);for(g in y)w.call(y,g)&&!m.hasOwnProperty(g)&&(l[g]=y[g]);if(E&&E.defaultProps)for(g in y=E.defaultProps,y)l[g]===void 0&&(l[g]=y[g]);return{$$typeof:S,type:E,key:f,ref:O,props:l,_owner:u.current}}return M.Fragment=T,M.jsx=p,M.jsxs=p,M}var V={};/**
+ */var xe;function Rr(){if(xe)return V;xe=1;var a=h,b=Symbol.for("react.element"),_=Symbol.for("react.fragment"),C=Object.prototype.hasOwnProperty,u=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function p(S,y,O){var g,l={},f=null,x=null;O!==void 0&&(f=""+O),y.key!==void 0&&(f=""+y.key),y.ref!==void 0&&(x=y.ref);for(g in y)C.call(y,g)&&!m.hasOwnProperty(g)&&(l[g]=y[g]);if(S&&S.defaultProps)for(g in y=S.defaultProps,y)l[g]===void 0&&(l[g]=y[g]);return{$$typeof:b,type:S,key:f,ref:x,props:l,_owner:u.current}}return V.Fragment=_,V.jsx=p,V.jsxs=p,V}var W={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,14 +14,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Oe;function hr(){return Oe||(Oe=1,process.env.NODE_ENV!=="production"&&function(){var a=h,S=Symbol.for("react.element"),T=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),E=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),l=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),ne=Symbol.iterator,Fe="@@iterator";function Ie(e){if(e===null||typeof e!="object")return null;var r=ne&&e[ne]||e[Fe];return typeof r=="function"?r:null}var k=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Me("error",e,t)}}function Me(e,r,t){{var n=k.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var c=t.map(function(i){return String(i)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var Ve=!1,$e=!1,We=!1,Ye=!1,Le=!1,ae;ae=Symbol.for("react.module.reference");function Ne(e){return!!(typeof e=="string"||typeof e=="function"||e===w||e===m||Le||e===u||e===x||e===g||Ye||e===O||Ve||$e||We||typeof e=="object"&&e!==null&&(e.$$typeof===f||e.$$typeof===l||e.$$typeof===p||e.$$typeof===E||e.$$typeof===y||e.$$typeof===ae||e.getModuleId!==void 0))}function Ue(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function oe(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case T:return"Portal";case m:return"Profiler";case u:return"StrictMode";case x:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case E:var r=e;return oe(r)+".Consumer";case p:var t=e;return oe(t._context)+".Provider";case y:return Ue(e,e.render,"ForwardRef");case l:var n=e.displayName||null;return n!==null?n:C(e.type)||"Memo";case f:{var s=e,c=s._payload,i=s._init;try{return C(i(c))}catch{return null}}}return null}var j=Object.assign,F=0,ie,se,ue,ce,le,fe,de;function ve(){}ve.__reactDisabledLog=!0;function Be(){{if(F===0){ie=console.log,se=console.info,ue=console.warn,ce=console.error,le=console.group,fe=console.groupCollapsed,de=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ve,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}F++}}function ze(){{if(F--,F===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:j({},e,{value:ie}),info:j({},e,{value:se}),warn:j({},e,{value:ue}),error:j({},e,{value:ce}),group:j({},e,{value:le}),groupCollapsed:j({},e,{value:fe}),groupEnd:j({},e,{value:de})})}F<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=k.ReactCurrentDispatcher,J;function Y(e,r,t){{if(J===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);J=n&&n[1]||""}return`
-`+J+e}}var Z=!1,L;{var qe=typeof WeakMap=="function"?WeakMap:Map;L=new qe}function pe(e,r){if(!e||Z)return"";{var t=L.get(e);if(t!==void 0)return t}var n;Z=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=q.current,q.current=null,Be();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(P){n=P}Reflect.construct(e,[],i)}else{try{i.call()}catch(P){n=P}e.call(i.prototype)}}else{try{throw Error()}catch(P){n=P}e()}}catch(P){if(P&&n&&typeof P.stack=="string"){for(var o=P.stack.split(`
-`),R=n.stack.split(`
-`),d=o.length-1,v=R.length-1;d>=1&&v>=0&&o[d]!==R[v];)v--;for(;d>=1&&v>=0;d--,v--)if(o[d]!==R[v]){if(d!==1||v!==1)do if(d--,v--,v<0||o[d]!==R[v]){var _=`
-`+o[d].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&L.set(e,_),_}while(d>=1&&v>=0);break}}}finally{Z=!1,q.current=c,ze(),Error.prepareStackTrace=s}var A=e?e.displayName||e.name:"",Pe=A?Y(A):"";return typeof e=="function"&&L.set(e,Pe),Pe}function Je(e,r,t){return pe(e,!1)}function Ze(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function N(e,r,t){if(e==null)return"";if(typeof e=="function")return pe(e,Ze(e));if(typeof e=="string")return Y(e);switch(e){case x:return Y("Suspense");case g:return Y("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case y:return Je(e.render);case l:return N(e.type,r,t);case f:{var n=e,s=n._payload,c=n._init;try{return N(c(s),r,t)}catch{}}}return""}var U=Object.prototype.hasOwnProperty,me={},ye=k.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=N(e.type,e._source,r?r.type:null);ye.setExtraStackFrame(t)}else ye.setExtraStackFrame(null)}function Ge(e,r,t,n,s){{var c=Function.call.bind(U);for(var i in e)if(c(e,i)){var o=void 0;try{if(typeof e[i]!="function"){var R=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw R.name="Invariant Violation",R}o=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){o=d}o&&!(o instanceof Error)&&(B(s),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,i,typeof o),B(null)),o instanceof Error&&!(o.message in me)&&(me[o.message]=!0,B(s),b("Failed %s type: %s",t,o.message),B(null))}}}var Ke=Array.isArray;function G(e){return Ke(e)}function He(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Xe(e){try{return ge(e),!1}catch{return!0}}function ge(e){return""+e}function be(e){if(Xe(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",He(e)),ge(e)}var I=k.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},Re,he,K;K={};function er(e){if(U.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rr(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function tr(e,r){if(typeof e.ref=="string"&&I.current&&r&&I.current.stateNode!==r){var t=C(I.current.type);K[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(I.current.type),e.ref),K[t]=!0)}}function nr(e,r){{var t=function(){Re||(Re=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function ar(e,r){{var t=function(){he||(he=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var or=function(e,r,t,n,s,c,i){var o={$$typeof:S,type:e,key:r,ref:t,props:i,_owner:c};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function ir(e,r,t,n,s){{var c,i={},o=null,R=null;t!==void 0&&(be(t),o=""+t),rr(r)&&(be(r.key),o=""+r.key),er(r)&&(R=r.ref,tr(r,s));for(c in r)U.call(r,c)&&!Qe.hasOwnProperty(c)&&(i[c]=r[c]);if(e&&e.defaultProps){var d=e.defaultProps;for(c in d)i[c]===void 0&&(i[c]=d[c])}if(o||R){var v=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&nr(i,v),R&&ar(i,v)}return or(e,o,R,s,n,I.current,i)}}var H=k.ReactCurrentOwner,Ee=k.ReactDebugCurrentFrame;function D(e){if(e){var r=e._owner,t=N(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}var X;X=!1;function Q(e){return typeof e=="object"&&e!==null&&e.$$typeof===S}function _e(){{if(H.current){var e=C(H.current.type);if(e)return`
+ */var je;function Er(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var a=h,b=Symbol.for("react.element"),_=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),S=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),l=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen"),F=Symbol.iterator,J="@@iterator";function Ie(e){if(e===null||typeof e!="object")return null;var r=F&&e[F]||e[J];return typeof r=="function"?r:null}var k=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Me("error",e,t)}}function Me(e,r,t){{var n=k.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var c=t.map(function(i){return String(i)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var Ve=!1,We=!1,$e=!1,Le=!1,Ye=!1,oe;oe=Symbol.for("react.module.reference");function Ne(e){return!!(typeof e=="string"||typeof e=="function"||e===C||e===m||Ye||e===u||e===O||e===g||Le||e===x||Ve||We||$e||typeof e=="object"&&e!==null&&(e.$$typeof===f||e.$$typeof===l||e.$$typeof===p||e.$$typeof===S||e.$$typeof===y||e.$$typeof===oe||e.getModuleId!==void 0))}function Ue(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function ie(e){return e.displayName||"Context"}function w(e){if(e==null)return null;if(typeof e.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case _:return"Portal";case m:return"Profiler";case u:return"StrictMode";case O:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case S:var r=e;return ie(r)+".Consumer";case p:var t=e;return ie(t._context)+".Provider";case y:return Ue(e,e.render,"ForwardRef");case l:var n=e.displayName||null;return n!==null?n:w(e.type)||"Memo";case f:{var s=e,c=s._payload,i=s._init;try{return w(i(c))}catch{return null}}}return null}var j=Object.assign,I=0,se,ue,ce,le,fe,de,ve;function pe(){}pe.__reactDisabledLog=!0;function Be(){{if(I===0){se=console.log,ue=console.info,ce=console.warn,le=console.error,fe=console.group,de=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}I++}}function ze(){{if(I--,I===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:j({},e,{value:se}),info:j({},e,{value:ue}),warn:j({},e,{value:ce}),error:j({},e,{value:le}),group:j({},e,{value:fe}),groupCollapsed:j({},e,{value:de}),groupEnd:j({},e,{value:ve})})}I<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Z=k.ReactCurrentDispatcher,G;function Y(e,r,t){{if(G===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);G=n&&n[1]||""}return`
+`+G+e}}var K=!1,N;{var qe=typeof WeakMap=="function"?WeakMap:Map;N=new qe}function me(e,r){if(!e||K)return"";{var t=N.get(e);if(t!==void 0)return t}var n;K=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=Z.current,Z.current=null,Be();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(P){n=P}Reflect.construct(e,[],i)}else{try{i.call()}catch(P){n=P}e.call(i.prototype)}}else{try{throw Error()}catch(P){n=P}e()}}catch(P){if(P&&n&&typeof P.stack=="string"){for(var o=P.stack.split(`
+`),E=n.stack.split(`
+`),d=o.length-1,v=E.length-1;d>=1&&v>=0&&o[d]!==E[v];)v--;for(;d>=1&&v>=0;d--,v--)if(o[d]!==E[v]){if(d!==1||v!==1)do if(d--,v--,v<0||o[d]!==E[v]){var T=`
+`+o[d].replace(" at new "," at ");return e.displayName&&T.includes("<anonymous>")&&(T=T.replace("<anonymous>",e.displayName)),typeof e=="function"&&N.set(e,T),T}while(d>=1&&v>=0);break}}}finally{K=!1,Z.current=c,ze(),Error.prepareStackTrace=s}var A=e?e.displayName||e.name:"",Oe=A?Y(A):"";return typeof e=="function"&&N.set(e,Oe),Oe}function Je(e,r,t){return me(e,!1)}function Ze(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return me(e,Ze(e));if(typeof e=="string")return Y(e);switch(e){case O:return Y("Suspense");case g:return Y("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case y:return Je(e.render);case l:return U(e.type,r,t);case f:{var n=e,s=n._payload,c=n._init;try{return U(c(s),r,t)}catch{}}}return""}var B=Object.prototype.hasOwnProperty,ye={},be=k.ReactDebugCurrentFrame;function z(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}function Ge(e,r,t,n,s){{var c=Function.call.bind(B);for(var i in e)if(c(e,i)){var o=void 0;try{if(typeof e[i]!="function"){var E=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}o=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){o=d}o&&!(o instanceof Error)&&(z(s),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,i,typeof o),z(null)),o instanceof Error&&!(o.message in ye)&&(ye[o.message]=!0,z(s),R("Failed %s type: %s",t,o.message),z(null))}}}var Ke=Array.isArray;function H(e){return Ke(e)}function He(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Xe(e){try{return ge(e),!1}catch{return!0}}function ge(e){return""+e}function Re(e){if(Xe(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",He(e)),ge(e)}var M=k.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},Ee,he,X;X={};function er(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rr(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function tr(e,r){if(typeof e.ref=="string"&&M.current&&r&&M.current.stateNode!==r){var t=w(M.current.type);X[t]||(R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',w(M.current.type),e.ref),X[t]=!0)}}function nr(e,r){{var t=function(){Ee||(Ee=!0,R("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function ar(e,r){{var t=function(){he||(he=!0,R("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var or=function(e,r,t,n,s,c,i){var o={$$typeof:b,type:e,key:r,ref:t,props:i,_owner:c};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function ir(e,r,t,n,s){{var c,i={},o=null,E=null;t!==void 0&&(Re(t),o=""+t),rr(r)&&(Re(r.key),o=""+r.key),er(r)&&(E=r.ref,tr(r,s));for(c in r)B.call(r,c)&&!Qe.hasOwnProperty(c)&&(i[c]=r[c]);if(e&&e.defaultProps){var d=e.defaultProps;for(c in d)i[c]===void 0&&(i[c]=d[c])}if(o||E){var v=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&nr(i,v),E&&ar(i,v)}return or(e,o,E,s,n,M.current,i)}}var Q=k.ReactCurrentOwner,_e=k.ReactDebugCurrentFrame;function D(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);_e.setExtraStackFrame(t)}else _e.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===b}function Se(){{if(Q.current){var e=w(Q.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function sr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var Se={};function ur(e){{var r=_e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var Te={};function ur(e){{var r=Se();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Te(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(Se[t])return;Se[t]=!0;var n="";e&&e._owner&&e._owner!==H.current&&(n=" It was passed a child from "+C(e._owner.type)+"."),D(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),D(null)}}function we(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var n=e[t];Q(n)&&Te(n,r)}else if(Q(e))e._store&&(e._store.validated=!0);else if(e){var s=Ie(e);if(typeof s=="function"&&s!==e.entries)for(var c=s.call(e),i;!(i=c.next()).done;)Q(i.value)&&Te(i.value,r)}}}function cr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===y||r.$$typeof===l))t=r.propTypes;else return;if(t){var n=C(r);Ge(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var s=C(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function lr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){D(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),D(null);break}}e.ref!==null&&(D(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),D(null))}}function Ce(e,r,t,n,s,c){{var i=Ne(e);if(!i){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var R=sr(s);R?o+=R:o+=_e();var d;e===null?d="null":G(e)?d="array":e!==void 0&&e.$$typeof===S?(d="<"+(C(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,o)}var v=ir(e,r,t,s,c);if(v==null)return v;if(i){var _=r.children;if(_!==void 0)if(n)if(G(_)){for(var A=0;A<_.length;A++)we(_[A],e);Object.freeze&&Object.freeze(_)}else b("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 we(_,e)}return e===w?lr(v):cr(v),v}}function fr(e,r,t){return Ce(e,r,t,!0)}function dr(e,r,t){return Ce(e,r,t,!1)}var vr=dr,pr=fr;V.Fragment=w,V.jsx=vr,V.jsxs=pr}()),V}process.env.NODE_ENV==="production"?ee.exports=Rr():ee.exports=hr();var je=ee.exports;const Er=a=>({type:"carto/setViewState",payload:a});function _r({children:a,maps:S}){const T=mr.useDispatch(),[w,u]=h.useReducer(Ae,{...W.state,maps:S.reduce((l,f)=>(l[f.id]=f,l),W.state.maps)}),m=h.useCallback((l,f)=>{S[0].id===l&&T(Er(f))},[T,S]),p=h.useCallback((l,f)=>{u({type:$.SetViewState,payload:{id:l,viewState:f}}),m(l,f)},[u,m]),E=h.useCallback((l,{height:f,width:O})=>{u({type:$.SetResize,payload:{id:l,height:f,width:O}}),m(l,{height:f,width:O})},[u,m]),y=h.useCallback((l,f)=>{u({type:$.SetBasemap,payload:{id:l,basemap:f}})},[u]),x=h.useCallback((l,f)=>{u({type:$.SetZoom,payload:{id:l,zoom:f}})},[u]),g=h.useRef({setViewState:p,setBasemap:y,setResize:E,setZoom:x});return je.jsx(te.Provider,{value:g.current,children:je.jsx(re.Provider,{value:w,children:a})})}exports.CartoBasemapURL=yr;exports.CartoBasemapsNames=De;exports.GMapsBasemap=ke;exports.INITIAL_STATE=W;exports.MapActionsContext=te;exports.MapContext=re;exports.MapProvider=_r;exports.reducer=Ae;exports.useMap=gr;exports.useMapActions=br;
+Check the top-level render call using <`+t+">.")}return r}}function Ce(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ur(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==Q.current&&(n=" It was passed a child from "+w(e._owner.type)+"."),D(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),D(null)}}function we(e,r){{if(typeof e!="object")return;if(H(e))for(var t=0;t<e.length;t++){var n=e[t];re(n)&&Ce(n,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var s=Ie(e);if(typeof s=="function"&&s!==e.entries)for(var c=s.call(e),i;!(i=c.next()).done;)re(i.value)&&Ce(i.value,r)}}}function cr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===y||r.$$typeof===l))t=r.propTypes;else return;if(t){var n=w(r);Ge(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var s=w(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function lr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){D(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),D(null);break}}e.ref!==null&&(D(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),D(null))}}function Pe(e,r,t,n,s,c){{var i=Ne(e);if(!i){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=sr(s);E?o+=E:o+=Se();var d;e===null?d="null":H(e)?d="array":e!==void 0&&e.$$typeof===b?(d="<"+(w(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,o)}var v=ir(e,r,t,s,c);if(v==null)return v;if(i){var T=r.children;if(T!==void 0)if(n)if(H(T)){for(var A=0;A<T.length;A++)we(T[A],e);Object.freeze&&Object.freeze(T)}else R("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 we(T,e)}return e===C?lr(v):cr(v),v}}function fr(e,r,t){return Pe(e,r,t,!0)}function dr(e,r,t){return Pe(e,r,t,!1)}var vr=dr,pr=fr;W.Fragment=C,W.jsx=vr,W.jsxs=pr}()),W}process.env.NODE_ENV==="production"?te.exports=Rr():te.exports=Er();var ke=te.exports;const hr=(a,b)=>(...u)=>{clearTimeout(0),setTimeout(()=>a(...u),b)},_r=["transitionDuration","transitionEasing","transitionInterpolator","transitionInterruption"],Sr=(a,b)=>{a({type:"carto/setViewState",payload:b}),a({type:"carto/setViewPort"})},Tr=hr(Sr,500);function Cr({children:a,maps:b}){const _=mr.useDispatch(),[C,u]=h.useReducer(Fe,{...L.state,maps:b.reduce((l,f)=>(l[f.id]=f,l),L.state.maps)}),m=h.useCallback((l,f)=>{if(b[0].id===l){const F={...f};for(const J of _r)delete F[J];Tr(_,F)}},[_,b]),p=h.useCallback((l,f)=>{u({type:$.SetViewState,payload:{id:l,viewState:f}}),m(l,f)},[u,m]),S=h.useCallback((l,{height:f,width:x})=>{u({type:$.SetResize,payload:{id:l,height:f,width:x}}),m(l,{height:f,width:x})},[u,m]),y=h.useCallback((l,f)=>{u({type:$.SetBasemap,payload:{id:l,basemap:f}})},[u]),O=h.useCallback((l,f)=>{u({type:$.SetZoom,payload:{id:l,zoom:f}})},[u]),g=h.useRef({setViewState:p,setBasemap:y,setResize:S,setZoom:O});return ke.jsx(ae.Provider,{value:g.current,children:ke.jsx(ne.Provider,{value:C,children:a})})}exports.CartoBasemapURL=yr;exports.CartoBasemapsNames=Ae;exports.GMapsBasemap=De;exports.INITIAL_STATE=L;exports.MapActionsContext=ae;exports.MapContext=ne;exports.MapProvider=Cr;exports.reducer=Fe;exports.useMap=br;exports.useMapActions=gr;

package/dist/index.js

@@ -1,34 +1,34 @@
-import xe, { createContext as je, useContext as ke, useReducer as mr, useCallback as I, useRef as yr } from "react";
+import je, { createContext as ke, useContext as De, useReducer as mr, useCallback as V, useRef as yr } from "react";
 import { useDispatch as gr } from "react-redux";
 var Rr = /* @__PURE__ */ ((a) => (a.Roadmap = "roadmap", a.Satellite = "satellite", a.Terrain = "terrain", a))(Rr || {}), br = /* @__PURE__ */ ((a) => (a.DarkMatter = "dark-matter", a.Positron = "positron", a.Voyager = "voyager", a))(br || {});
-const Cr = {
+const xr = {
   positron: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
   voyager: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
   "dark-matter": "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
-}, z = () => {
+}, B = () => {
   throw new Error("You forgot to wrap your component in <MapProvider>.");
-}, B = {
+}, q = {
   state: {
     maps: {}
     // sync: false,
   },
   actions: {
     // toggleSync: stub,
-    setViewState: z,
-    setBasemap: z,
-    setResize: z,
-    setZoom: z
+    setViewState: B,
+    setBasemap: B,
+    setResize: B,
+    setZoom: B
   }
-}, De = je(
-  B.state
-), Fe = je(
-  B.actions
+}, Fe = ke(
+  q.state
+), Ae = ke(
+  q.actions
 );
-var W = /* @__PURE__ */ ((a) => (a.SetViewState = "SetViewState", a.SetBasemap = "SetBasemap", a.SetResize = "SetResize", a.SetZoom = "SetZoom", a))(W || {});
-function hr(a, { type: _, payload: S }) {
+var Y = /* @__PURE__ */ ((a) => (a.SetViewState = "SetViewState", a.SetBasemap = "SetBasemap", a.SetResize = "SetResize", a.SetZoom = "SetZoom", a))(Y || {});
+function hr(a, { type: g, payload: E }) {
   return {
     SetViewState: () => {
-      const { id: u, viewState: m } = S, p = { ...a.maps };
+      const { id: u, viewState: m } = E, p = { ...a.maps };
       return p[u] = {
         ...a.maps[u],
         viewState: m
@@ -38,8 +38,8 @@ function hr(a, { type: _, payload: S }) {
       };
     },
     SetResize: () => {
-      const { id: u, width: m, height: p } = S, h = { ...a.maps };
-      return h[u] = {
+      const { id: u, width: m, height: p } = E, _ = { ...a.maps };
+      return _[u] = {
         ...a.maps[u],
         viewState: {
           ...a.maps[u].viewState,
@@ -48,11 +48,11 @@ function hr(a, { type: _, payload: S }) {
         }
       }, {
         ...a,
-        maps: h
+        maps: _
       };
     },
     SetBasemap: () => {
-      const { id: u, basemap: m } = S, p = { ...a.maps };
+      const { id: u, basemap: m } = E, p = { ...a.maps };
       return p[u] = {
         ...a.maps[u],
         basemap: m
@@ -62,7 +62,7 @@ function hr(a, { type: _, payload: S }) {
       };
     },
     SetZoom: () => {
-      const { id: u, zoom: m } = S, p = { ...a.maps };
+      const { id: u, zoom: m } = E, p = { ...a.maps };
       return p[u] = {
         ...a.maps[u],
         viewState: {
@@ -74,15 +74,15 @@ function hr(a, { type: _, payload: S }) {
         maps: p
       };
     }
-  }[_]?.() ?? a;
+  }[g]?.() ?? a;
 }
-function Pr() {
-  return ke(De);
+function jr() {
+  return De(Fe);
 }
-function Or() {
-  return ke(Fe);
+function kr() {
+  return De(Ae);
 }
-var ee = { exports: {} }, V = {};
+var te = { exports: {} }, W = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -92,23 +92,23 @@ var ee = { exports: {} }, V = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
+var Pe;
 function Er() {
-  if (Ce)
-    return V;
-  Ce = 1;
-  var a = xe, _ = Symbol.for("react.element"), S = Symbol.for("react.fragment"), w = Object.prototype.hasOwnProperty, u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(h, y, P) {
-    var g, l = {}, f = null, O = null;
+  if (Pe)
+    return W;
+  Pe = 1;
+  var a = je, g = Symbol.for("react.element"), E = Symbol.for("react.fragment"), T = Object.prototype.hasOwnProperty, u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(_, y, P) {
+    var R, l = {}, f = null, O = null;
     P !== void 0 && (f = "" + P), y.key !== void 0 && (f = "" + y.key), y.ref !== void 0 && (O = y.ref);
-    for (g in y)
-      w.call(y, g) && !m.hasOwnProperty(g) && (l[g] = y[g]);
-    if (h && h.defaultProps)
-      for (g in y = h.defaultProps, y)
-        l[g] === void 0 && (l[g] = y[g]);
-    return { $$typeof: _, type: h, key: f, ref: O, props: l, _owner: u.current };
+    for (R in y)
+      T.call(y, R) && !m.hasOwnProperty(R) && (l[R] = y[R]);
+    if (_ && _.defaultProps)
+      for (R in y = _.defaultProps, y)
+        l[R] === void 0 && (l[R] = y[R]);
+    return { $$typeof: g, type: _, key: f, ref: O, props: l, _owner: u.current };
   }
-  return V.Fragment = S, V.jsx = p, V.jsxs = p, V;
+  return W.Fragment = E, W.jsx = p, W.jsxs = p, W;
 }
 var $ = {};
 /**
@@ -120,18 +120,18 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Pe;
+var Oe;
 function _r() {
-  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = xe, _ = Symbol.for("react.element"), S = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), h = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), re = Symbol.iterator, Ae = "@@iterator";
+  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
+    var a = je, g = Symbol.for("react.element"), E = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), _ = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), F = Symbol.iterator, J = "@@iterator";
     function Ie(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = re && e[re] || e[Ae];
+      var r = F && e[F] || e[J];
       return typeof r == "function" ? r : null;
     }
     var j = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(e) {
+    function b(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
@@ -148,14 +148,14 @@ function _r() {
         c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
       }
     }
-    var $e = !1, We = !1, Ye = !1, Me = !1, Le = !1, te;
-    te = Symbol.for("react.module.reference");
+    var We = !1, $e = !1, Ye = !1, Me = !1, Le = !1, ne;
+    ne = Symbol.for("react.module.reference");
     function Ne(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === w || e === m || Le || e === u || e === P || e === g || Me || e === O || $e || We || Ye || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === l || e.$$typeof === p || e.$$typeof === h || e.$$typeof === y || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === T || e === m || Le || e === u || e === P || e === R || Me || e === O || We || $e || Ye || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === l || e.$$typeof === p || e.$$typeof === _ || e.$$typeof === y || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === te || e.getModuleId !== void 0));
+      e.$$typeof === ne || e.getModuleId !== void 0));
     }
     function Ue(e, r, t) {
       var n = e.displayName;
@@ -164,20 +164,20 @@ function _r() {
       var s = r.displayName || r.name || "";
       return s !== "" ? t + "(" + s + ")" : t;
     }
-    function ne(e) {
+    function ae(e) {
       return e.displayName || "Context";
     }
-    function T(e) {
+    function w(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case w:
+        case T:
           return "Fragment";
-        case S:
+        case E:
           return "Portal";
         case m:
           return "Profiler";
@@ -185,26 +185,26 @@ function _r() {
           return "StrictMode";
         case P:
           return "Suspense";
-        case g:
+        case R:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
+          case _:
             var r = e;
-            return ne(r) + ".Consumer";
+            return ae(r) + ".Consumer";
           case p:
             var t = e;
-            return ne(t._context) + ".Provider";
+            return ae(t._context) + ".Provider";
           case y:
             return Ue(e, e.render, "ForwardRef");
           case l:
             var n = e.displayName || null;
-            return n !== null ? n : T(e.type) || "Memo";
+            return n !== null ? n : w(e.type) || "Memo";
           case f: {
             var s = e, c = s._payload, i = s._init;
             try {
-              return T(i(c));
+              return w(i(c));
             } catch {
               return null;
             }
@@ -212,18 +212,18 @@ function _r() {
         }
       return null;
     }
-    var x = Object.assign, F = 0, ae, oe, ie, se, ue, ce, le;
-    function fe() {
+    var x = Object.assign, A = 0, oe, ie, se, ue, ce, le, fe;
+    function de() {
     }
-    fe.__reactDisabledLog = !0;
+    de.__reactDisabledLog = !0;
     function ze() {
       {
-        if (F === 0) {
-          ae = console.log, oe = console.info, ie = console.warn, se = console.error, ue = console.group, ce = console.groupCollapsed, le = console.groupEnd;
+        if (A === 0) {
+          oe = console.log, ie = console.info, se = console.warn, ue = console.error, ce = console.group, le = console.groupCollapsed, fe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: fe,
+            value: de,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -236,12 +236,12 @@ function _r() {
             groupEnd: e
           });
         }
-        F++;
+        A++;
       }
     }
     function Be() {
       {
-        if (F--, F === 0) {
+        if (A--, A === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -249,64 +249,64 @@ function _r() {
           };
           Object.defineProperties(console, {
             log: x({}, e, {
-              value: ae
+              value: oe
             }),
             info: x({}, e, {
-              value: oe
+              value: ie
             }),
             warn: x({}, e, {
-              value: ie
+              value: se
             }),
             error: x({}, e, {
-              value: se
+              value: ue
             }),
             group: x({}, e, {
-              value: ue
+              value: ce
             }),
             groupCollapsed: x({}, e, {
-              value: ce
+              value: le
             }),
             groupEnd: x({}, e, {
-              value: le
+              value: fe
             })
           });
         }
-        F < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var q = j.ReactCurrentDispatcher, J;
-    function Y(e, r, t) {
+    var Z = j.ReactCurrentDispatcher, K;
+    function M(e, r, t) {
       {
-        if (J === void 0)
+        if (K === void 0)
           try {
             throw Error();
           } catch (s) {
             var n = s.stack.trim().match(/\n( *(at )?)/);
-            J = n && n[1] || "";
+            K = n && n[1] || "";
           }
         return `
-` + J + e;
+` + K + e;
       }
     }
-    var Z = !1, M;
+    var G = !1, L;
     {
       var qe = typeof WeakMap == "function" ? WeakMap : Map;
-      M = new qe();
+      L = new qe();
     }
-    function de(e, r) {
-      if (!e || Z)
+    function ve(e, r) {
+      if (!e || G)
         return "";
       {
-        var t = M.get(e);
+        var t = L.get(e);
         if (t !== void 0)
           return t;
       }
       var n;
-      Z = !0;
+      G = !0;
       var s = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var c;
-      c = q.current, q.current = null, ze();
+      c = Z.current, Z.current = null, ze();
       try {
         if (r) {
           var i = function() {
@@ -342,94 +342,94 @@ function _r() {
       } catch (C) {
         if (C && n && typeof C.stack == "string") {
           for (var o = C.stack.split(`
-`), b = n.stack.split(`
-`), d = o.length - 1, v = b.length - 1; d >= 1 && v >= 0 && o[d] !== b[v]; )
+`), h = n.stack.split(`
+`), d = o.length - 1, v = h.length - 1; d >= 1 && v >= 0 && o[d] !== h[v]; )
             v--;
           for (; d >= 1 && v >= 0; d--, v--)
-            if (o[d] !== b[v]) {
+            if (o[d] !== h[v]) {
               if (d !== 1 || v !== 1)
                 do
-                  if (d--, v--, v < 0 || o[d] !== b[v]) {
-                    var E = `
+                  if (d--, v--, v < 0 || o[d] !== h[v]) {
+                    var S = `
 ` + o[d].replace(" at new ", " at ");
-                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, E), E;
+                    return e.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, S), S;
                   }
                 while (d >= 1 && v >= 0);
               break;
             }
         }
       } finally {
-        Z = !1, q.current = c, Be(), Error.prepareStackTrace = s;
+        G = !1, Z.current = c, Be(), Error.prepareStackTrace = s;
       }
-      var D = e ? e.displayName || e.name : "", Te = D ? Y(D) : "";
-      return typeof e == "function" && M.set(e, Te), Te;
+      var D = e ? e.displayName || e.name : "", Ce = D ? M(D) : "";
+      return typeof e == "function" && L.set(e, Ce), Ce;
     }
     function Je(e, r, t) {
-      return de(e, !1);
+      return ve(e, !1);
     }
     function Ze(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function L(e, r, t) {
+    function N(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return de(e, Ze(e));
+        return ve(e, Ze(e));
       if (typeof e == "string")
-        return Y(e);
+        return M(e);
       switch (e) {
         case P:
-          return Y("Suspense");
-        case g:
-          return Y("SuspenseList");
+          return M("Suspense");
+        case R:
+          return M("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case y:
             return Je(e.render);
           case l:
-            return L(e.type, r, t);
+            return N(e.type, r, t);
           case f: {
             var n = e, s = n._payload, c = n._init;
             try {
-              return L(c(s), r, t);
+              return N(c(s), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var N = Object.prototype.hasOwnProperty, ve = {}, pe = j.ReactDebugCurrentFrame;
-    function U(e) {
+    var U = Object.prototype.hasOwnProperty, pe = {}, me = j.ReactDebugCurrentFrame;
+    function z(e) {
       if (e) {
-        var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
-        pe.setExtraStackFrame(t);
+        var r = e._owner, t = N(e.type, e._source, r ? r.type : null);
+        me.setExtraStackFrame(t);
       } else
-        pe.setExtraStackFrame(null);
+        me.setExtraStackFrame(null);
     }
-    function Ge(e, r, t, n, s) {
+    function Ke(e, r, t, n, s) {
       {
-        var c = Function.call.bind(N);
+        var c = Function.call.bind(U);
         for (var i in e)
           if (c(e, i)) {
             var o = void 0;
             try {
               if (typeof e[i] != "function") {
-                var b = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw b.name = "Invariant Violation", b;
+                var h = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw h.name = "Invariant Violation", h;
               }
               o = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (d) {
               o = d;
             }
-            o && !(o instanceof Error) && (U(s), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof o), U(null)), o instanceof Error && !(o.message in ve) && (ve[o.message] = !0, U(s), R("Failed %s type: %s", t, o.message), U(null));
+            o && !(o instanceof Error) && (z(s), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof o), z(null)), o instanceof Error && !(o.message in pe) && (pe[o.message] = !0, z(s), b("Failed %s type: %s", t, o.message), z(null));
           }
       }
     }
-    var Ke = Array.isArray;
-    function G(e) {
-      return Ke(e);
+    var Ge = Array.isArray;
+    function H(e) {
+      return Ge(e);
     }
     function He(e) {
       {
@@ -439,27 +439,27 @@ function _r() {
     }
     function Xe(e) {
       try {
-        return me(e), !1;
+        return ye(e), !1;
       } catch {
         return !0;
       }
     }
-    function me(e) {
+    function ye(e) {
       return "" + e;
     }
-    function ye(e) {
+    function ge(e) {
       if (Xe(e))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), me(e);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), ye(e);
     }
-    var A = j.ReactCurrentOwner, Qe = {
+    var I = j.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ge, Re, K;
-    K = {};
+    }, Re, be, X;
+    X = {};
     function er(e) {
-      if (N.call(e, "ref")) {
+      if (U.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -467,7 +467,7 @@ function _r() {
       return e.ref !== void 0;
     }
     function rr(e) {
-      if (N.call(e, "key")) {
+      if (U.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -475,15 +475,15 @@ function _r() {
       return e.key !== void 0;
     }
     function tr(e, r) {
-      if (typeof e.ref == "string" && A.current && r && A.current.stateNode !== r) {
-        var t = T(A.current.type);
-        K[t] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', T(A.current.type), e.ref), K[t] = !0);
+      if (typeof e.ref == "string" && I.current && r && I.current.stateNode !== r) {
+        var t = w(I.current.type);
+        X[t] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', w(I.current.type), e.ref), X[t] = !0);
       }
     }
     function nr(e, r) {
       {
         var t = function() {
-          ge || (ge = !0, R("%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://reactjs.org/link/special-props)", r));
+          Re || (Re = !0, b("%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://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -494,7 +494,7 @@ function _r() {
     function ar(e, r) {
       {
         var t = function() {
-          Re || (Re = !0, R("%s: `ref` 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://reactjs.org/link/special-props)", r));
+          be || (be = !0, b("%s: `ref` 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://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -505,7 +505,7 @@ function _r() {
     var or = function(e, r, t, n, s, c, i) {
       var o = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
+        $$typeof: g,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -533,39 +533,39 @@ function _r() {
     };
     function ir(e, r, t, n, s) {
       {
-        var c, i = {}, o = null, b = null;
-        t !== void 0 && (ye(t), o = "" + t), rr(r) && (ye(r.key), o = "" + r.key), er(r) && (b = r.ref, tr(r, s));
+        var c, i = {}, o = null, h = null;
+        t !== void 0 && (ge(t), o = "" + t), rr(r) && (ge(r.key), o = "" + r.key), er(r) && (h = r.ref, tr(r, s));
         for (c in r)
-          N.call(r, c) && !Qe.hasOwnProperty(c) && (i[c] = r[c]);
+          U.call(r, c) && !Qe.hasOwnProperty(c) && (i[c] = r[c]);
         if (e && e.defaultProps) {
           var d = e.defaultProps;
           for (c in d)
             i[c] === void 0 && (i[c] = d[c]);
         }
-        if (o || b) {
+        if (o || h) {
           var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          o && nr(i, v), b && ar(i, v);
+          o && nr(i, v), h && ar(i, v);
         }
-        return or(e, o, b, s, n, A.current, i);
+        return or(e, o, h, s, n, I.current, i);
       }
     }
-    var H = j.ReactCurrentOwner, be = j.ReactDebugCurrentFrame;
+    var Q = j.ReactCurrentOwner, he = j.ReactDebugCurrentFrame;
     function k(e) {
       if (e) {
-        var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
-        be.setExtraStackFrame(t);
+        var r = e._owner, t = N(e.type, e._source, r ? r.type : null);
+        he.setExtraStackFrame(t);
       } else
-        be.setExtraStackFrame(null);
+        he.setExtraStackFrame(null);
     }
-    var X;
-    X = !1;
-    function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
+    var ee;
+    ee = !1;
+    function re(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
     }
-    function he() {
+    function Ee() {
       {
-        if (H.current) {
-          var e = T(H.current.type);
+        if (Q.current) {
+          var e = w(Q.current.type);
           if (e)
             return `
 
@@ -585,10 +585,10 @@ Check your code at ` + r + ":" + t + ".";
         return "";
       }
     }
-    var Ee = {};
+    var _e = {};
     function ur(e) {
       {
-        var r = he();
+        var r = Ee();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -598,35 +598,35 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function _e(e, r) {
+    function Se(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var t = ur(r);
-        if (Ee[t])
+        if (_e[t])
           return;
-        Ee[t] = !0;
+        _e[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== H.current && (n = " It was passed a child from " + T(e._owner.type) + "."), k(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), k(null);
+        e && e._owner && e._owner !== Q.current && (n = " It was passed a child from " + w(e._owner.type) + "."), k(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), k(null);
       }
     }
-    function Se(e, r) {
+    function Te(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (G(e))
+        if (H(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            Q(n) && _e(n, r);
+            re(n) && Se(n, r);
           }
-        else if (Q(e))
+        else if (re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var s = Ie(e);
           if (typeof s == "function" && s !== e.entries)
             for (var c = s.call(e), i; !(i = c.next()).done; )
-              Q(i.value) && _e(i.value, r);
+              re(i.value) && Se(i.value, r);
         }
       }
     }
@@ -645,14 +645,14 @@ Check the top-level render call using <` + t + ">.");
         else
           return;
         if (t) {
-          var n = T(r);
-          Ge(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !X) {
-          X = !0;
-          var s = T(r);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
+          var n = w(r);
+          Ke(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !ee) {
+          ee = !0;
+          var s = w(r);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function lr(e) {
@@ -660,11 +660,11 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            k(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), k(null);
+            k(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), k(null);
             break;
           }
         }
-        e.ref !== null && (k(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
+        e.ref !== null && (k(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
     function we(e, r, t, n, s, c) {
@@ -673,28 +673,28 @@ Check the top-level render call using <` + t + ">.");
         if (!i) {
           var o = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var b = sr(s);
-          b ? o += b : o += he();
+          var h = sr(s);
+          h ? o += h : o += Ee();
           var d;
-          e === null ? d = "null" : G(e) ? d = "array" : e !== void 0 && e.$$typeof === _ ? (d = "<" + (T(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, o);
+          e === null ? d = "null" : H(e) ? d = "array" : e !== void 0 && e.$$typeof === g ? (d = "<" + (w(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, o);
         }
         var v = ir(e, r, t, s, c);
         if (v == null)
           return v;
         if (i) {
-          var E = r.children;
-          if (E !== void 0)
+          var S = r.children;
+          if (S !== void 0)
             if (n)
-              if (G(E)) {
-                for (var D = 0; D < E.length; D++)
-                  Se(E[D], e);
-                Object.freeze && Object.freeze(E);
+              if (H(S)) {
+                for (var D = 0; D < S.length; D++)
+                  Te(S[D], e);
+                Object.freeze && Object.freeze(S);
               } else
-                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                b("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
-              Se(E, e);
+              Te(S, e);
         }
-        return e === w ? lr(v) : cr(v), v;
+        return e === T ? lr(v) : cr(v), v;
       }
     }
     function fr(e, r, t) {
@@ -704,28 +704,42 @@ Check the top-level render call using <` + t + ">.");
       return we(e, r, t, !1);
     }
     var vr = dr, pr = fr;
-    $.Fragment = w, $.jsx = vr, $.jsxs = pr;
+    $.Fragment = T, $.jsx = vr, $.jsxs = pr;
   }()), $;
 }
-process.env.NODE_ENV === "production" ? ee.exports = Er() : ee.exports = _r();
-var Oe = ee.exports;
-const Sr = (a) => ({
-  type: "carto/setViewState",
-  payload: a
-});
-function xr({ children: a, maps: _ }) {
-  const S = gr(), [w, u] = mr(hr, {
-    ...B.state,
-    maps: _.reduce((l, f) => (l[f.id] = f, l), B.state.maps)
-  }), m = I(
+process.env.NODE_ENV === "production" ? te.exports = Er() : te.exports = _r();
+var xe = te.exports;
+const Sr = (a, g) => (...u) => {
+  clearTimeout(0), setTimeout(() => a(...u), g);
+}, Tr = [
+  "transitionDuration",
+  "transitionEasing",
+  "transitionInterpolator",
+  "transitionInterruption"
+], wr = (a, g) => {
+  a({
+    type: "carto/setViewState",
+    payload: g
+  }), a({ type: "carto/setViewPort" });
+}, Cr = Sr(wr, 500);
+function Dr({ children: a, maps: g }) {
+  const E = gr(), [T, u] = mr(hr, {
+    ...q.state,
+    maps: g.reduce((l, f) => (l[f.id] = f, l), q.state.maps)
+  }), m = V(
     (l, f) => {
-      _[0].id === l && S(Sr(f));
+      if (g[0].id === l) {
+        const F = { ...f };
+        for (const J of Tr)
+          delete F[J];
+        Cr(E, F);
+      }
     },
-    [S, _]
-  ), p = I(
+    [E, g]
+  ), p = V(
     (l, f) => {
       u({
-        type: W.SetViewState,
+        type: Y.SetViewState,
         payload: {
           id: l,
           viewState: f
@@ -733,10 +747,10 @@ function xr({ children: a, maps: _ }) {
       }), m(l, f);
     },
     [u, m]
-  ), h = I(
+  ), _ = V(
     (l, { height: f, width: O }) => {
       u({
-        type: W.SetResize,
+        type: Y.SetResize,
         payload: {
           id: l,
           height: f,
@@ -745,10 +759,10 @@ function xr({ children: a, maps: _ }) {
       }), m(l, { height: f, width: O });
     },
     [u, m]
-  ), y = I(
+  ), y = V(
     (l, f) => {
       u({
-        type: W.SetBasemap,
+        type: Y.SetBasemap,
         payload: {
           id: l,
           basemap: f
@@ -756,10 +770,10 @@ function xr({ children: a, maps: _ }) {
       });
     },
     [u]
-  ), P = I(
+  ), P = V(
     (l, f) => {
       u({
-        type: W.SetZoom,
+        type: Y.SetZoom,
         payload: {
           id: l,
           zoom: f
@@ -767,23 +781,23 @@ function xr({ children: a, maps: _ }) {
       });
     },
     [u]
-  ), g = yr({
+  ), R = yr({
     setViewState: p,
     setBasemap: y,
-    setResize: h,
+    setResize: _,
     setZoom: P
   });
-  return /* @__PURE__ */ Oe.jsx(Fe.Provider, { value: g.current, children: /* @__PURE__ */ Oe.jsx(De.Provider, { value: w, children: a }) });
+  return /* @__PURE__ */ xe.jsx(Ae.Provider, { value: R.current, children: /* @__PURE__ */ xe.jsx(Fe.Provider, { value: T, children: a }) });
 }
 export {
-  Cr as CartoBasemapURL,
+  xr as CartoBasemapURL,
   br as CartoBasemapsNames,
   Rr as GMapsBasemap,
-  B as INITIAL_STATE,
-  Fe as MapActionsContext,
-  De as MapContext,
-  xr as MapProvider,
+  q as INITIAL_STATE,
+  Ae as MapActionsContext,
+  Fe as MapContext,
+  Dr as MapProvider,
   hr as reducer,
-  Pr as useMap,
-  Or as useMapActions
+  jr as useMap,
+  kr as useMapActions
 };

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './map.const';
+export * from './map.types';
+export { INITIAL_STATE, MapContext, MapActionsContext } from './map.context';
+export { reducer } from './map.reducer';
+export { useMap, useMapActions } from './map.hook';
+export { MapProvider } from './map.provider';

package/dist/types/map.const.d.ts

@@ -0,0 +1,15 @@
+export declare enum GMapsBasemap {
+    Roadmap = "roadmap",
+    Satellite = "satellite",
+    Terrain = "terrain"
+}
+export declare enum CartoBasemapsNames {
+    DarkMatter = "dark-matter",
+    Positron = "positron",
+    Voyager = "voyager"
+}
+export declare const CartoBasemapURL: {
+    positron: string;
+    voyager: string;
+    "dark-matter": string;
+};

package/dist/types/map.context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { MapContextInterface } from './map.types';
+export declare const INITIAL_STATE: MapContextInterface;
+export declare const MapContext: import("react").Context<import("./map.types").MapState>;
+export declare const MapActionsContext: import("react").Context<import("./map.types").MapActionsState>;

package/dist/types/map.hook.d.ts

@@ -0,0 +1,2 @@
+export declare function useMap(): import("./map.types").MapState;
+export declare function useMapActions(): import("./map.types").MapActionsState;

package/dist/types/map.provider.d.ts

@@ -0,0 +1,2 @@
+import type { MapProviderProps } from './map.types';
+export declare function MapProvider({ children, maps }: MapProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/map.reducer.d.ts

@@ -0,0 +1,13 @@
+import type { MapsProps, MapState } from './map.types';
+export declare enum Actions {
+    SetViewState = "SetViewState",
+    SetBasemap = "SetBasemap",
+    SetResize = "SetResize",
+    SetZoom = "SetZoom"
+}
+type Action = {
+    type: Actions;
+    payload: MapsProps;
+};
+export declare function reducer(state: MapState, { type, payload }: Action): MapState;
+export {};

package/dist/types/map.types.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="google.maps" />
+import { type MapViewState } from '@deck.gl/core/typed';
+import { type GoogleMapsOverlay, type GoogleMapsOverlayProps } from '@deck.gl/google-maps/typed';
+import { type DeckGLProps, type DeckGLRef } from '@deck.gl/react/typed';
+import type { StyleSpecification } from 'maplibre-gl';
+import type { Properties } from 'csstype';
+import type { MutableRefObject, ReactNode, RefObject } from 'react';
+import { type MapRef } from 'react-map-gl';
+import { CartoBasemapsNames, GMapsBasemap } from './map.const';
+export type MapProviderProps = {
+    children: ReactNode;
+    maps: MapsProps[];
+};
+export type MapState = {
+    maps: Record<MapsProps['id'], MapsProps>;
+};
+export type MapResize = {
+    width: number | string;
+    height: number | string;
+};
+export type MapActionsState = {
+    setViewState: (id: MapsProps['id'], viewState: MapViewState) => void;
+    setResize: (id: MapsProps['id'], props: MapResize) => void;
+    setBasemap: (id: MapsProps['id'], basemap: Basemap) => void;
+    setZoom: (id: MapsProps['id'], zoom: number) => void;
+};
+export type MapContextInterface = {
+    state: MapState;
+    actions: MapActionsState;
+};
+export type Basemap = (typeof GMapsBasemap)[keyof typeof GMapsBasemap] | (typeof CartoBasemapsNames)[keyof typeof CartoBasemapsNames] | string | StyleSpecification;
+export type CommonProps = {
+    id: string;
+    basemap?: Basemap;
+    instanceRef?: RefObject<InstanceMapRef>;
+    overlayRef?: MutableRefObject<OverlayMapRef>;
+} & DeckGLProps;
+export type MapsProps = DeckGLMapsProps & GoogleMapsProps;
+export type InstanceMapRef = GoogleMapsOverlay | DeckGLRef | null;
+export type OverlayMapRef = google.maps.Map | MapRef | null;
+export type DeckGLMapsProps = CommonProps;
+export type GoogleMapsProps = {
+    apiKey?: string;
+    height?: string | undefined;
+    language?: string;
+    mapOptions?: Record<string, number | string>;
+    style?: Properties;
+    version?: string;
+    width?: string | undefined;
+} & CommonProps & GoogleMapsOverlayProps;

package/dist/types/tmp.utils.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <F extends (...args: Parameters<F>) => void>(func: F, waitFor: number) => (...args: Parameters<F>) => ReturnType<F>;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@carto/ps-react-maps",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.2",
   "description": "CARTO's Professional Service React Maps library",
   "files": [
     "dist"
   ],
   "type": "module",
   "types": "./dist/types/index.d.ts",
-  "main": "./dist/ps-react-maps.js",
-  "module": "./dist/ps-react-maps.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -17,7 +17,8 @@
     }
   },
   "scripts": {
-    "build": "vite build",
+    "prebuild": "npm exec rimraf dist",
+    "build": "tsc && vite build",
     "lint": "eslint './**/*.{ts,tsx}' --ignore-path ../../.gitignore",
     "format": "prettier --write . --ignore-path ../../.gitignore",
     "test:watch": "vitest",
@@ -25,7 +26,6 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "react-map-gl": "7.1.6",
     "react-redux": "8.1.3"
   },
   "devDependencies": {
@@ -38,13 +38,13 @@
     "@testing-library/user-event": "14.5.1",
     "@types/google.maps": "3.54.4",
     "@vitejs/plugin-react-swc": "3.4.0",
-    "maplibre-gl": "3.5.1"
+    "maplibre-gl": "3.5.1",
+    "react-map-gl": "7.1.6"
   },
   "peerDependencies": {
     "@carto/react-redux": "1.x || 2.x",
     "react": "17.x || 18.x",
     "react-dom": "17.x || 18.x",
-    "react-map-gl": "7.x",
     "react-redux": "8.x"
   }
 }