@redus/georedus-ui 0.1.3 → 0.1.5

package/dist/main.js

@@ -1,44 +1,39 @@
-import React, { useMemo, createContext, useState, useRef, useContext, useCallback, forwardRef, useImperativeHandle, createRef, useEffect, useReducer } from 'react';
-import { Flex, TextEllipsis, TextInput, Button, MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, CANCELLED, DropdownMenu, Box, Input, SwitchInput, withDefaults, LoadingOverlay, useRefByKey, fileReadAs, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, withLabeledLayout, INPUTS, useLocalState, EvenSpacedList, LoadingIndicator } from '@orioro/react-ui-core';
-import { nodesFromPaths, treeModel, nodeIdFromPath } from '@orioro/tree-model';
-import * as Tabs from '@radix-ui/react-tabs';
+import React, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
+import { MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, CANCELLED, Flex, DropdownMenu, Box, Input, SwitchInput, TextEllipsis, withDefaults, LoadingOverlay, Button, fileReadAs, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, TextInput, withLabeledLayout, INPUTS, useLocalState, EvenSpacedList, LoadingIndicator } from '@orioro/react-ui-core';
+import { nodeIdFromPath } from '@orioro/tree-model';
+import { makeDirNav } from '@orioro/react-dir-nav';
+import { Icon } from '@mdi/react';
+import { mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiChevronLeft, mdiShareVariantOutline, mdiDragVertical, mdiLayers, mdiClose } from '@mdi/js';
+import { Tabs, Tooltip, IconButton, Theme, Heading, Text, Dialog, Portal, Popover } from '@radix-ui/themes';
 import styled, { keyframes } from 'styled-components';
-import { Tooltip, Heading, Select, Tabs as Tabs$1, IconButton, Theme, Text, Dialog, Portal, Popover } from '@radix-ui/themes';
-import { makeTreeRenderer } from '@orioro/react-tree';
 import * as Collapsible from '@radix-ui/react-collapsible';
-import Icon$1, { Icon } from '@mdi/react';
-import { mdiMagnify, mdiClose, mdiFolderOutline, mdiChevronRight, mdiFolderOpen, mdiFolder, mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiChevronLeft, mdiShareVariantOutline, mdiDragVertical, mdiLayers } from '@mdi/js';
-import { groupBy, isPlainObject as isPlainObject$1, uniq, uniqBy, range, chunk } from 'lodash-es';
-import { optionsIndexer } from '@orioro/react-select';
-import { __makeTemplateObject as __makeTemplateObject$2, __rest as __rest$2, __assign, __spreadArray as __spreadArray$2, __awaiter, __generator } from '/Users/simon/code/georedus/node_modules/tslib/tslib.es6.js';
+import { __makeTemplateObject, __assign, __awaiter, __generator, __spreadArray } from '/Users/simon/code/georedus/node_modules/tslib/tslib.es6.js';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
-import { isPlainObject, pick, omit, set, get as get$1, uniqBy as uniqBy$1, groupBy as groupBy$1, uniq as uniq$1 } from 'lodash';
+import { isPlainObject, pick, omit, set, get as get$1, uniqBy, groupBy, uniq } from 'lodash';
 import { useDebounce } from 'react-use';
 import { createDialogSystem, DIALOGS } from '@orioro/react-dialogs';
 import { CsvImportDialog } from '@orioro/react-csv';
 import Highlighter from 'react-highlight-words';
 import { makeSortableMultiList } from '@orioro/react-sortable';
-import { Map, Source, Layer, useMap, GeolocateControl, NavigationControl, ScaleControl, AttributionControl } from 'react-map-gl/maplibre';
-import { mergeRefs } from 'react-merge-refs';
-import 'simple-statistics';
-import { schemeTableau10, schemeSet3, schemeSet2, schemeSet1, schemePastel2, schemePastel1, schemePaired, schemeObservable10, schemeDark2, schemeAccent, schemeCategory10, schemeSpectral, schemeRdYlGn, schemeRdYlBu, schemeRdGy, schemeRdBu, schemePuOr, schemePiYG, schemePRGn, schemeBrBG, schemeYlOrRd, schemeYlOrBr, schemeYlGn, schemeYlGnBu, schemeRdPu, schemePuRd, schemePuBu, schemePuBuGn, schemeOrRd, schemeGnBu, schemeBuPu, schemeBuGn, schemeReds, schemePurples, schemeOranges, schemeGreys, schemeGreens, schemeBlues } from 'd3-scale-chromatic';
-import 'd3';
-import { bbox, buffer } from '@turf/turf';
-import { interpolate, slugify, dataJoin } from '@orioro/util';
-import { cast, strAutoCast } from '@orioro/cast';
-import { scaleLinear } from 'd3-scale';
+import { makeSyncedMaps, LayeredMap, HoverTooltip, MapWindow, fitGeometry } from '@orioro/react-maplibre-util';
+import { Legend } from '@orioro/react-chart-util';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { useQuery, useQueries } from '@tanstack/react-query';
 import { makeResolve, $$literal, withExpressionResolvers, expressions, ALL_EXPR, fetchExpr, resolve, resolveAsync } from '@orioro/resolve';
 import queryString from 'query-string';
 import { wrap } from 'comlink';
 import { get } from '@orioro/get';
+import { GeolocateControl, NavigationControl, ScaleControl, AttributionControl } from 'react-map-gl/maplibre';
+import { slugify, dataJoin } from '@orioro/util';
+import { schemeTableau10, schemeSet3, schemeSet2, schemeSet1, schemePastel2, schemePastel1, schemePaired, schemeObservable10, schemeDark2, schemeAccent, schemeCategory10, schemeSpectral, schemeRdYlGn, schemeRdYlBu, schemeRdGy, schemeRdBu, schemePuOr, schemePiYG, schemePRGn, schemeBrBG, schemeYlOrRd, schemeYlOrBr, schemeYlGn, schemeYlGnBu, schemeRdPu, schemePuRd, schemePuBu, schemePuBuGn, schemeOrRd, schemeGnBu, schemeBuPu, schemeBuGn, schemeReds, schemePurples, schemeOranges, schemeGreys, schemeGreens, schemeBlues } from 'd3-scale-chromatic';
 import { saveAs } from 'file-saver';
 import initGdalJs from 'gdal3.js';
 import { validate } from '@orioro/validate';
+import { buffer } from '@turf/turf';
 import { csvParse } from 'd3-dsv';
+import { strAutoCast } from '@orioro/cast';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -515,427 +510,10 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var _assign$1 = function __assign() {
-  _assign$1 = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return _assign$1.apply(this, arguments);
-};
-function __rest$1(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}
-function __spreadArray$1(to, from, pack) {
-  for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
-function __makeTemplateObject$1(cooked, raw) {
-  if (Object.defineProperty) {
-    Object.defineProperty(cooked, "raw", {
-      value: raw
-    });
-  } else {
-    cooked.raw = raw;
-  }
-  return cooked;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-var CollapsibleContent_slideDown$1 = keyframes(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$1(["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"], ["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"])));
-var CollapsibleContent_slideUp$1 = keyframes(templateObject_2$4$1 || (templateObject_2$4$1 = __makeTemplateObject$1(["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"], ["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"])));
-var CollapsibleContent$1 = styled(Collapsible.Content)(templateObject_3$1$1 || (templateObject_3$1$1 = __makeTemplateObject$1(["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"], ["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"])), CollapsibleContent_slideDown$1, CollapsibleContent_slideUp$1);
-var templateObject_1$6, templateObject_2$4$1, templateObject_3$1$1;
-var CollapsibleTrigger = styled(Collapsible.Trigger)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$1(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n\n  background-color: var(--dir-nav-surface-color);\n  color: var(--accent-9);\n  border: none;\n  padding: 6px 8px;\n  font-size: 1rem;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-left: -6px;\n    margin-right: 10px;\n  }\n\n  &[data-state='open'] {\n    border-bottom: 1px solid var(--dir-nav-separator-color);\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n\n  background-color: var(--dir-nav-surface-color);\n  color: var(--accent-9);\n  border: none;\n  padding: 6px 8px;\n  font-size: 1rem;\n  cursor: pointer;\n\n  > div:first-child {\n    display: flex;\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-left: -6px;\n    margin-right: 10px;\n  }\n\n  &[data-state='open'] {\n    border-bottom: 1px solid var(--dir-nav-separator-color);\n  }\n"])));
-var templateObject_1$5;
-var Container$3 = styled.div(templateObject_1$4$1 || (templateObject_1$4$1 = __makeTemplateObject$1(["\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--dir-nav-separator-color);\n  }\n"], ["\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--dir-nav-separator-color);\n  }\n"])));
-var EmptyNodeList = styled.div(templateObject_2$3$1 || (templateObject_2$3$1 = __makeTemplateObject$1(["\n  padding: var(--dir-nav-base-padding);\n"], ["\n  padding: var(--dir-nav-base-padding);\n"])));
-var DefaultDirContainer = styled.div(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$1([""], [""])));
-var DefaultItemContainer$1 = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$1([""], [""])));
-function DefaultDirLabel(_a) {
-  var node = _a.node;
-  return /*#__PURE__*/React.createElement(TextEllipsis, {
-    style: {
-      textAlign: 'left'
-    }
-  }, node.label);
-}
-function makeDir(config) {
-  var _a = (config === null || config === void 0 ? void 0 : config.components) || {},
-    _b = _a.DirLabel,
-    DirLabel = _b === void 0 ? DefaultDirLabel : _b,
-    _c = _a.DirContainer,
-    DirContainer = _c === void 0 ? DefaultDirContainer : _c,
-    _d = _a.ItemContainer,
-    ItemContainer = _d === void 0 ? DefaultItemContainer$1 : _d;
-  return function Dir(_a) {
-    var _b, _c;
-    var node = _a.node,
-      depth = _a.depth,
-      NodeList = _a.NodeList;
-    var _d = useState(false),
-      open = _d[0],
-      setOpen = _d[1];
-    //
-    // Do not sort nodes, respect their natural order
-    // so that sorting is done outside
-    //
-    // TODO: review API
-    //
-    var _byType = useMemo(function () {
-      return groupBy(node.childNodes, function (node) {
-        return node.type === 'dir' ? 'dir' : 'item';
-      });
-    }, [node.childNodes]);
-    // const _byType = useSortedNodesByType(node.childNodes)
-    return /*#__PURE__*/React.createElement(Container$3, null, /*#__PURE__*/React.createElement(Collapsible.Root, {
-      open: open,
-      onOpenChange: setOpen
-    }, /*#__PURE__*/React.createElement(CollapsibleTrigger, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        paddingLeft: depth * 10
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      style: {
-        transform: open ? 'rotateZ(90deg)' : 'rotateZ(0)'
-      },
-      path: mdiChevronRight,
-      size: "20px"
-    }), /*#__PURE__*/React.createElement(Icon, {
-      path: open ? mdiFolderOpen : mdiFolder,
-      size: "20px"
-    })), /*#__PURE__*/React.createElement(DirLabel, {
-      node: node,
-      depth: depth,
-      open: open
-    })), /*#__PURE__*/React.createElement(CollapsibleContent$1, null, ((_b = _byType.dir) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/React.createElement(DirContainer, null, /*#__PURE__*/React.createElement(NodeList, {
-      nodes: _byType.dir,
-      depth: depth + 1
-    }))) : null, ((_c = _byType.item) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (/*#__PURE__*/React.createElement(ItemContainer, null, /*#__PURE__*/React.createElement(NodeList, {
-      nodes: _byType.item,
-      depth: depth + 1
-    }))) : null, Object.keys(_byType).length === 0 ? (/*#__PURE__*/React.createElement(EmptyNodeList, null, "N\xE3o h\xE1 conte\xFAdo")) : null)));
-  };
-}
-var templateObject_1$4$1, templateObject_2$3$1, templateObject_3$3, templateObject_4$2;
-var DirNavContext = /*#__PURE__*/createContext({
-  onSelectItem: undefined
-});
-function Item$1(_a) {
-  var node = _a.node,
-    depth = _a.depth;
-  var onSelectItem = useContext(DirNavContext).onSelectItem;
-  var onClick = useMemo(function () {
-    return typeof onSelectItem === 'function' ? function () {
-      return onSelectItem(node);
-    } : undefined;
-  }, [onSelectItem, node]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      paddingLeft: depth * 10
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    style: {
-      width: '100%',
-      justifyContent: 'flex-start',
-      textAlign: 'left'
-    },
-    type: "Button",
-    radius: "none",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(TextEllipsis, null, node.label)));
-}
-function makeDirTree(config) {
-  var _a;
-  var Dir = makeDir(config);
-  return makeTreeRenderer({
-    components: {
-      dir: Dir,
-      item: ((_a = config === null || config === void 0 ? void 0 : config.components) === null || _a === void 0 ? void 0 : _a.Item) || Item$1
-    }
-  });
-}
-var HeaderContainer = styled.div(templateObject_1$3$1 || (templateObject_1$3$1 = __makeTemplateObject$1(["\n  background-color: var(--dir-nav-surface-color);\n  padding: var(--dir-nav-base-padding);\n  border-bottom: 1px solid var(--dir-nav-separator-color);\n  height: var(--dir-nav-section-header-height);\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: center;\n  box-sizing: border-box;\n"], ["\n  background-color: var(--dir-nav-surface-color);\n  padding: var(--dir-nav-base-padding);\n  border-bottom: 1px solid var(--dir-nav-separator-color);\n  height: var(--dir-nav-section-header-height);\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: center;\n  box-sizing: border-box;\n"])));
-var ContentContainer = styled.div(templateObject_2$2$1 || (templateObject_2$2$1 = __makeTemplateObject$1(["\n  overflow: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  background-color: var(--dir-nav-background-color);\n"], ["\n  overflow: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  background-color: var(--dir-nav-background-color);\n"])));
-function NavSection(_a) {
-  var header = _a.header,
-    children = _a.children;
-  return /*#__PURE__*/React.createElement(Flex, {
-    direction: "column",
-    height: "100%"
-  }, /*#__PURE__*/React.createElement(HeaderContainer, null, header), /*#__PURE__*/React.createElement(ContentContainer, null, children));
-}
-var templateObject_1$3$1, templateObject_2$2$1;
-var SingleChildBadge = styled.div(templateObject_1$2$2 || (templateObject_1$2$2 = __makeTemplateObject$1(["\n  font-size: var(--font-size-1);\n  background-color: var(--color-surface);\n  color: var(--gray-12);\n  padding-left: var(--space-2);\n  padding-right: var(--space-2);\n  height: var(--space-5);\n\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid var(--gray-5);\n"], ["\n  font-size: var(--font-size-1);\n  background-color: var(--color-surface);\n  color: var(--gray-12);\n  padding-left: var(--space-2);\n  padding-right: var(--space-2);\n  height: var(--space-5);\n\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid var(--gray-5);\n"])));
-function makeDirSection(config) {
-  var DirTree = makeDirTree(config);
-  return function DirSection(_a) {
-    var _b;
-    var node = _a.node,
-      tree = _a.tree;
-    var childNodes = tree.childIds(node.id).map(function (id) {
-      return tree.node(id);
-    });
-    var _c = useState(((_b = childNodes[0]) === null || _b === void 0 ? void 0 : _b.id) || null),
-      tabId = _c[0],
-      setTabId = _c[1];
-    return /*#__PURE__*/React.createElement(NavSection, {
-      header: /*#__PURE__*/React.createElement(Flex, {
-        direction: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: "10px"
-      }, /*#__PURE__*/React.createElement(Heading, {
-        as: "h2",
-        size: "5",
-        style: {
-          // maxWidth: '60%',
-          color: 'var(--accent-9)'
-        }
-      }, /*#__PURE__*/React.createElement(TextEllipsis, {
-        maxLines: 2
-      }, node.label)), childNodes.length === 1 ? (/*#__PURE__*/React.createElement(SingleChildBadge, null, childNodes[0].label)) : (/*#__PURE__*/React.createElement(Select.Root, {
-        size: "1",
-        value: tabId,
-        onValueChange: setTabId
-      }, /*#__PURE__*/React.createElement(Select.Trigger, null), /*#__PURE__*/React.createElement(Select.Content, null, childNodes.map(function (childNode) {
-        return /*#__PURE__*/React.createElement(Select.Item, {
-          key: "".concat(node.id, "_").concat(childNode.id),
-          value: childNode.id
-        }, childNode.label);
-      })))))
-    }, /*#__PURE__*/React.createElement(DirTree, {
-      tree: tree,
-      rootNodeId: tabId
-    }));
-  };
-}
-var templateObject_1$2$2;
-var index = optionsIndexer({
-  getOptionSearchCorpus: function getOptionSearchCorpus(option) {
-    return [option.label, option.value, option.keywords].flat(1).filter(Boolean).join(' ');
-  }
-  // getOptionSearchCorpus: (option)
-});
-var DefaultItemContainer = styled.div(templateObject_1$1$2 || (templateObject_1$1$2 = __makeTemplateObject$1([""], [""])));
-var UsageInstructions = styled.div(templateObject_2$1$1 || (templateObject_2$1$1 = __makeTemplateObject$1(["\n  padding: calc(1.5 * var(--dir-nav-base-padding));\n  text-align: center;\n  font-size: 0.9rem;\n"], ["\n  padding: calc(1.5 * var(--dir-nav-base-padding));\n  text-align: center;\n  font-size: 0.9rem;\n"])));
-function makeSearchSection(config) {
-  var _a = (config === null || config === void 0 ? void 0 : config.components) || {},
-    _b = _a.ItemContainer,
-    ItemContainer = _b === void 0 ? DefaultItemContainer : _b,
-    _c = _a.Item,
-    Item$1$1 = _c === void 0 ? Item$1 : _c;
-  return function SearchSection(_a) {
-    var tree = _a.tree;
-    var _b = useState(''),
-      textSearch = _b[0],
-      setTextSearch = _b[1];
-    var queryInputRef = useRef(null);
-    var search = useMemo(function () {
-      return index(tree.nodeArray().filter(function (node) {
-        return node.type === 'item';
-      }).map(function (node) {
-        return {
-          value: node.id,
-          label: node.label,
-          keywords: node.keywords
-        };
-      }));
-    }, [tree]);
-    var searchResults = useMemo(function () {
-      var nodesById = tree.nodesById();
-      return search(textSearch).map(function (option) {
-        return nodesById[option.value];
-      });
-    }, [search, textSearch]);
-    return /*#__PURE__*/React.createElement(NavSection, {
-      header: /*#__PURE__*/React.createElement(TextInput, {
-        ref: queryInputRef,
-        value: textSearch,
-        onSetValue: setTextSearch,
-        validate: false,
-        placeholder: "Pesquisar indicadores"
-      })
-    }, textSearch && (searchResults.length > 0 ? (/*#__PURE__*/React.createElement(ItemContainer, null, search(textSearch).map(function (option, index) {
-      return /*#__PURE__*/React.createElement(Item$1$1, {
-        key: index,
-        node: tree.node(option.value),
-        depth: 0,
-        textSearch: textSearch
-      });
-    }))) : (/*#__PURE__*/React.createElement(UsageInstructions, null, /*#__PURE__*/React.createElement(Flex, {
-      direction: "column",
-      gap: "10px",
-      alignItems: "center"
-    }, /*#__PURE__*/React.createElement("div", null, "N\xE3o h\xE1 resultados correspondentes \xE0 sua busca"), /*#__PURE__*/React.createElement(Button, {
-      size: "1",
-      variant: "ghost",
-      type: "button",
-      onClick: function onClick() {
-        var _a;
-        (_a = queryInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        setTextSearch('');
-      }
-    }, "Limpar busca ", /*#__PURE__*/React.createElement(Icon, {
-      path: mdiClose,
-      size: "16px"
-    })))))), !textSearch && (/*#__PURE__*/React.createElement(UsageInstructions, null, "Pesquise por indicadores digitando termos de interesse, ou navegue pelos temas nas abas \xE0 esquerda.")));
-    // return (
-    //   <Flex direction="column">
-    //   </Flex>
-    // )
-  };
-}
-var templateObject_1$1$2, templateObject_2$1$1;
-var IconTabTrigger = styled(Tabs.Trigger)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$1(["\n  padding: 0;\n  border: none;\n\n  width: var(--dir-nav-tab-button-size);\n  height: var(--dir-nav-tab-button-size);\n  flex-shrink: 0;\n\n  background-color: var(--dir-nav-surface-color);\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease;\n\n  border-bottom: solid 1px var(--gray-7);\n\n  color: var(--accent-9);\n\n  &:hover,\n  &:focus {\n    background-color: var(--accent-5);\n  }\n\n  &[data-state='active'] {\n    background-color: var(--accent-9);\n    color: white;\n    cursor: default;\n  }\n\n  > div {\n    cursor: pointer;\n\n    width: var(--dir-nav-tab-button-size);\n    height: var(--dir-nav-tab-button-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      height: calc(0.6 * var(--dir-nav-tab-button-size));\n      width: calc(0.6 * var(--dir-nav-tab-button-size));\n    }\n  }\n"], ["\n  padding: 0;\n  border: none;\n\n  width: var(--dir-nav-tab-button-size);\n  height: var(--dir-nav-tab-button-size);\n  flex-shrink: 0;\n\n  background-color: var(--dir-nav-surface-color);\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease;\n\n  border-bottom: solid 1px var(--gray-7);\n\n  color: var(--accent-9);\n\n  &:hover,\n  &:focus {\n    background-color: var(--accent-5);\n  }\n\n  &[data-state='active'] {\n    background-color: var(--accent-9);\n    color: white;\n    cursor: default;\n  }\n\n  > div {\n    cursor: pointer;\n\n    width: var(--dir-nav-tab-button-size);\n    height: var(--dir-nav-tab-button-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      height: calc(0.6 * var(--dir-nav-tab-button-size));\n      width: calc(0.6 * var(--dir-nav-tab-button-size));\n    }\n  }\n"])));
-var TabsRoot = styled(Tabs.Root)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$1(["\n  > * {\n    height: 100%;\n  }\n"], ["\n  > * {\n    height: 100%;\n  }\n"])));
-function defaultGetNodeIcon(node) {
-  return /*#__PURE__*/React.createElement(Icon, {
-    path: mdiFolderOutline,
-    size: "30px"
-  });
-}
-function DefaultEmptySection() {
-  return /*#__PURE__*/React.createElement(NavSection, {
-    header: /*#__PURE__*/React.createElement("div", null, null)
-  }, null);
-}
-function makeDirNav(config) {
-  if (config === void 0) {
-    config = {};
-  }
-  var DirSection = makeDirSection(config);
-  var SearchSection = makeSearchSection(config);
-  // const EmptySection = config.components?.EmptySection || DefaultEmptySection
-  return function DirNav(_a) {
-    var items = _a.items,
-      _b = _a.getNodeIcon,
-      getNodeIcon = _b === void 0 ? defaultGetNodeIcon : _b,
-      _c = _a.sideBarBottom,
-      sideBarBottom = _c === void 0 ? null : _c,
-      _d = _a.style,
-      style = _d === void 0 ? {} : _d,
-      onSelectItem = _a.onSelectItem;
-    __rest$1(_a, ["items", "getNodeIcon", "sideBarBottom", "style", "onSelectItem"]);
-    var tree = useMemo(function () {
-      var paths = items.map(function (item) {
-        return item.path;
-      }).filter(function (path) {
-        return typeof path === 'string' && path !== '';
-      });
-      var dirNodes = nodesFromPaths(paths);
-      return treeModel()(__spreadArray$1(__spreadArray$1([], dirNodes.map(function (node) {
-        return _assign$1(_assign$1({}, node), {
-          type: 'dir'
-        });
-      }), true), items.map(function (item) {
-        return _assign$1(_assign$1({}, item), {
-          parentId: item.path ? nodeIdFromPath(item.path) : null,
-          type: 'item'
-        });
-      })));
-    }, [items]);
-    return /*#__PURE__*/React.createElement(DirNavContext.Provider, {
-      value: {
-        onSelectItem: onSelectItem
-      }
-    }, /*#__PURE__*/React.createElement(TabsRoot, {
-      orientation: "vertical",
-      defaultValue: "_search",
-      style: _assign$1(_assign$1({}, style), {
-        height: '100%',
-        '--dir-nav-section-header-height': '80px',
-        '--dir-nav-tab-button-size': '60px',
-        '--dir-nav-surface-color': 'var(--accent-2)',
-        '--dir-nav-background-color': 'var(--accent-4)',
-        '--dir-nav-separator-color': 'var(--accent-5)',
-        '--dir-nav-base-padding': '10px'
-      })
-    }, /*#__PURE__*/React.createElement(Flex, {
-      direction: "row",
-      gap: "0",
-      height: "100%",
-      width: "100%"
-    }, /*#__PURE__*/React.createElement(Tabs.List, {
-      asChild: true
-    }, /*#__PURE__*/React.createElement(Flex, {
-      direction: "column",
-      gap: "0",
-      style: {
-        flexGrow: 0,
-        flexShrink: 0,
-        borderRight: '1px solid var(--gray-5)',
-        backgroundColor: 'var(--dir-nav-surface-color)'
-      },
-      width: "var(--dir-nav-tab-button-size)"
-    }, items.length > 0 ? (/*#__PURE__*/React.createElement(IconTabTrigger, {
-      value: "_search",
-      style: {
-        height: 'var(--dir-nav-section-header-height)'
-      }
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      side: "right",
-      content: "Busca"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-      path: mdiMagnify
-    }))))) : null, tree.rootNodeIds().map(function (id) {
-      return /*#__PURE__*/React.createElement(IconTabTrigger, {
-        key: id,
-        value: id
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        side: "right",
-        content: tree.node(id).label
-      }, /*#__PURE__*/React.createElement("div", null, getNodeIcon(tree.node(id)) || tree.node(id).label)));
-    }), sideBarBottom)), /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '100%',
-        flexGrow: 1,
-        flexShrink: 1
-      }
-    }, items.length > 0 ? (/*#__PURE__*/React.createElement(Tabs.Content, {
-      value: "_search",
-      style: {
-        height: '100%',
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(SearchSection, {
-      tree: tree
-    }))) : (/*#__PURE__*/React.createElement(DefaultEmptySection, null)), tree.rootNodeIds().map(function (id) {
-      return /*#__PURE__*/React.createElement(Tabs.Content, {
-        key: id,
-        value: id,
-        style: {
-          height: '100%',
-          width: '100%'
-        }
-      }, /*#__PURE__*/React.createElement(DirSection, {
-        node: tree.node(id),
-        tree: tree
-      }));
-    })))));
-  };
-}
-makeDirNav();
-var templateObject_1$7, templateObject_2$5;
-
-var CollapsibleContent_slideDown = keyframes(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$2(["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"], ["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"])));
-var CollapsibleContent_slideUp = keyframes(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$2(["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"], ["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"])));
-var CollapsibleContent = styled(Collapsible.Content)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$2(["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"], ["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"])), CollapsibleContent_slideDown, CollapsibleContent_slideUp);
-var templateObject_1$4, templateObject_2$4, templateObject_3$2;
+var CollapsibleContent_slideDown = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"], ["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"])));
+var CollapsibleContent_slideUp = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"], ["\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n"])));
+var CollapsibleContent = styled(Collapsible.Content)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"], ["\n  overflow: hidden;\n  &[data-state='open'] {\n    animation: ", " 100ms ease-out;\n  }\n  &[data-state='closed'] {\n    animation: ", " 100ms ease-out;\n  }\n"])), CollapsibleContent_slideDown, CollapsibleContent_slideUp);
+var templateObject_1, templateObject_2, templateObject_3;
 
 var REMARK_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REMARK_PLUGINS), [remarkMath]);
 var REHYPE_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REHYPE_PLUGINS), [rehypeKatex]);
@@ -1021,15 +599,15 @@ function ViewConfTabs(_ref) {
     }).filter(Boolean);
   }, [viewSpec]);
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement(Tabs$1.Root, {
+  return /*#__PURE__*/React.createElement(Tabs.Root, {
     defaultValue: ((_enabledTabs$ = enabledTabs[0]) === null || _enabledTabs$ === void 0 ? void 0 : _enabledTabs$.id) || null
   }, /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
     gap: "0"
-  }, /*#__PURE__*/React.createElement(Tabs$1.List, {
+  }, /*#__PURE__*/React.createElement(Tabs.List, {
     size: "1"
   }, enabledTabs.map(function (tab) {
-    return /*#__PURE__*/React.createElement(Tabs$1.Trigger, {
+    return /*#__PURE__*/React.createElement(Tabs.Trigger, {
       key: tab.id,
       value: tab.id
     }, /*#__PURE__*/React.createElement(Tooltip, {
@@ -1144,7 +722,7 @@ function ViewConfTabs(_ref) {
       return Boolean(value);
     }));
     var tabConfValue = immediateViewConf[tab.id];
-    return /*#__PURE__*/React.createElement(Tabs$1.Content, {
+    return /*#__PURE__*/React.createElement(Tabs.Content, {
       key: tab.id,
       value: tab.id
     }, /*#__PURE__*/React.createElement(Box, {
@@ -1171,7 +749,7 @@ function ViewConfTabs(_ref) {
 
 var _excluded$3 = ["textSearch", "content", "maxLines"];
 var _templateObject$3, _templateObject2$2;
-var Container$2 = styled(Box)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  --view-control-base-padding: 12px;\n  box-shadow:\n    rgba(0, 0, 0, 0.12) 0px 1px 3px,\n    rgba(0, 0, 0, 0.24) 0px 1px 2px;\n\n  border-radius: 2px;\n  background-color: var(--redus-bege, white);\n  // background-color: var(--accent-4, white);\n"])));
+var Container = styled(Box)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  --view-control-base-padding: 12px;\n  box-shadow:\n    rgba(0, 0, 0, 0.12) 0px 1px 3px,\n    rgba(0, 0, 0, 0.24) 0px 1px 2px;\n\n  border-radius: 2px;\n  background-color: var(--redus-bege, white);\n  // background-color: var(--accent-4, white);\n"])));
 var Summary = styled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  // background-color: var(--redus-bege, white);\n  background-color: ", ";\n  padding: 0;\n\n  transition: background-color 0.1s ease-out;\n\n  display: flex;\n  border: none;\n  text-align: left;\n  width: 100%;\n\n  cursor: pointer;\n\n  &:hover {\n    // background-color: color-mix(in srgb, var(--redus-bege) 80%, white);\n    background-color: ", ";\n  }\n\n  &:active {\n    filter: brightness(96%);\n  }\n"])), function (_ref) {
   var $active = _ref.$active;
   return $active ? 'var(--redus-bege, white)' : 'var(--accent-2)';
@@ -1238,7 +816,7 @@ function ViewControl(_ref8) {
   }, [active, deactivateView, setView]);
   return /*#__PURE__*/React.createElement(Collapsible.Root, {
     open: configurable === true && active
-  }, /*#__PURE__*/React.createElement(Container$2, null, /*#__PURE__*/React.createElement(Summary, {
+  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Summary, {
     type: "button",
     role: "button",
     style: style,
@@ -1706,7 +1284,7 @@ function LeftPanel(_ref) {
     // variant="surface"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: open ? 'Fechar painel' : 'Abrir painel'
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     style: {
       transition: 'transform .2s ease-out',
       transform: "rotateZ(".concat(open ? '0' : '180', "deg)")
@@ -1803,7 +1381,7 @@ function LeftPanel(_ref) {
           }
         }, _callee);
       }))
-    }, /*#__PURE__*/React.createElement(Icon$1, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       path: mdiShareVariantOutline,
       size: "24px"
     })))
@@ -1880,7 +1458,7 @@ var ViewLayoutSortable = makeSortableMultiList({
           borderBottomLeftRadius: DRAG_HANDLE_BORDER_RADIUS,
           height: CONTROL_HEIGHT
         }
-      }), /*#__PURE__*/React.createElement(Icon$1, {
+      }), /*#__PURE__*/React.createElement(Icon, {
         path: mdiDragVertical,
         size: "24px"
       })), /*#__PURE__*/React.createElement(Flex, {
@@ -2001,7 +1579,7 @@ function ViewLayoutPopover(_ref) {
   return /*#__PURE__*/React.createElement(Popover.Root, null, /*#__PURE__*/React.createElement(Popover.Trigger, null, /*#__PURE__*/React.createElement(Button, _extends({
     variant: activeViewCount > 0 ? 'solid' : 'soft',
     size: "1"
-  }, props), /*#__PURE__*/React.createElement(Icon$1, {
+  }, props), /*#__PURE__*/React.createElement(Icon, {
     path: mdiLayers,
     size: "16px"
   }), " Camadas ativas", ' ', activeViewCount ? "(".concat(activeViewCount, ")") : null)), /*#__PURE__*/React.createElement(Popover.Content, {
@@ -2025,837 +1603,12 @@ function ViewLayoutPopover(_ref) {
   }, "Nenhuma camada ativa"), /*#__PURE__*/React.createElement(Popover.Close, null, /*#__PURE__*/React.createElement(IconButton, {
     size: "1",
     variant: "ghost"
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     path: mdiClose,
     size: "16px"
   }))))));
 }
 
-function sortLayers(layers, _a) {
-  var existingLayers = _a.existingLayers;
-  var existingLayersById = existingLayers ? Object.fromEntries(existingLayers.map(function (layer) {
-    return [layer.id, layer];
-  })) : {};
-  //
-  // Apply ordering to layers
-  //
-  // About layer ordering:
-  // - Later in the list → Rendered on top (higher z-index).
-  // - Earlier in the list → Rendered below.
-  //
-  return layers.map(function (layer, index) {
-    return __assign(__assign({}, layer), {
-      //
-      // Allow for zIndex overriding
-      // In case no zIndex is set, respect the order in which
-      // layers were provided.
-      //
-      // Layers that come after are rendered on top of previous layers
-      //
-      zIndex: typeof layer.zIndex === 'number' ? layer.zIndex : index
-    });
-  })
-  //
-  // Order layers in ascending zIndex order, so that
-  // layers with higher zIndex are rendered later and on top of
-  // previous ones
-  //
-  .sort(function (layerA, layerB) {
-    return layerA.zIndex >= layerB.zIndex ? 1 : -1;
-  }).map(function (layer, index, sortedLayers) {
-    if (index === sortedLayers.length - 1) {
-      // is last layer
-      return layer;
-    } else {
-      var beforeId = sortedLayers[index + 1].id;
-      //
-      // If the layer this layer should be placed before exists,
-      // set beforeId. Otherwise, ignore beforeId.
-      //
-      // This handles the scenario in which layers are being added
-      // simultaneously
-      //
-      return existingLayersById[beforeId] ? __assign(__assign({}, layer), {
-        beforeId: beforeId
-      }) : layer;
-    }
-  });
-}
-function getSrcLayer(parsed, layerId) {
-  return parsed.layers.find(function (layer) {
-    return layer.id === layerId;
-  }) || null;
-}
-/**
- * Given a layerId, attempts to retrieve the source mapView
- *
- * @param  {MapViewsParseResult} parsed  [description]
- * @param  {string}              layerId [description]
- * @param  {[type]}                      [description]
- * @return {MapView}                     [description]
- */
-function getSrcViewByLayerId(parsed, layerId) {
-  var layer = getSrcLayer(parsed, layerId);
-  return layer ? parsed.srcMapViews.find(function (view) {
-    return view.id === layer.viewId;
-  }) || null : null;
-}
-function augmentFeature(parsed, feature) {
-  //
-  // Augment the feature with the mapView property
-  //
-  var mapView = getSrcViewByLayerId(parsed, feature.layer.id);
-  var layer = getSrcLayer(parsed, feature.layer.id);
-  return __assign(__assign({}, feature), {
-    layer: layer,
-    mapView: mapView
-  });
-}
-function parseMapViews(orderedViews, _a) {
-  var _b = _a === void 0 ? {} : _a,
-    existingLayers = _b.existingLayers;
-  var parsed = orderedViews.reduce(function (acc, _a) {
-    var viewId = _a.id,
-      sources = _a.sources,
-      layers = _a.layers;
-    var _sources = isPlainObject$1(sources) ? Object.entries(sources).reduce(function (acc, _a) {
-      var sourceRelativeId = _a[0],
-        source = _a[1];
-      return !source ? acc : __spreadArray$2(__spreadArray$2([], acc, true), [__assign(__assign({}, source), {
-        viewId: viewId,
-        id: source.absoluteId ? source.absoluteId : "".concat(viewId, "__").concat(sourceRelativeId)
-      })], false);
-    }, []) : [];
-    var _b = isPlainObject$1(layers) ? Object.entries(layers).reduce(function (acc, _a) {
-        var layerRelativeId = _a[0],
-          layer = _a[1];
-        if (!layer) {
-          return acc;
-        }
-        var layerId = layer.absoluteId ? layer.absoluteId : "".concat(viewId, "__").concat(layerRelativeId);
-        return {
-          interactiveLayerIds: layer.interactive ? __spreadArray$2(__spreadArray$2([], acc.interactiveLayerIds, true), [layerId], false) : acc.interactiveLayerIds,
-          _layers: __spreadArray$2(__spreadArray$2([], acc._layers, true), [__assign(__assign({}, layer), {
-            viewId: viewId,
-            id: layerId,
-            source: layer.absoluteSourceId ? layer.absoluteSourceId : "".concat(viewId, "__").concat(layer.source)
-          })], false)
-        };
-      }, {
-        interactiveLayerIds: [],
-        _layers: []
-      }) : {
-        _layers: [],
-        interactiveLayerIds: []
-      },
-      _layers = _b._layers,
-      interactiveLayerIds = _b.interactiveLayerIds;
-    return {
-      sources: __spreadArray$2(__spreadArray$2([], acc.sources, true), _sources, true),
-      layers: __spreadArray$2(__spreadArray$2([], acc.layers, true), _layers, true),
-      interactiveLayerIds: __spreadArray$2(__spreadArray$2([], acc.interactiveLayerIds, true), interactiveLayerIds, true)
-    };
-  }, {
-    sources: [],
-    layers: [],
-    interactiveLayerIds: []
-  });
-  return {
-    srcMapViews: orderedViews,
-    sources: uniqBy(parsed.sources, 'id'),
-    layers: sortLayers(uniqBy(parsed.layers, 'id'), {
-      existingLayers: existingLayers
-    }),
-    interactiveLayerIds: uniq(parsed.interactiveLayerIds)
-  };
-}
-
-// import { mergeRefs } from 'react-merge-refs'
-//
-// Augment mouse events with info from original view
-//
-var VIEW_AUGMENTED_EVENT_HANDLERS = ['onMouseDown', 'onMouseUp', 'onMouseOver',
-//
-// There is no notion of mouseenter/mouseleave
-// in maplibre.gl
-//
-// https://github.com/mapbox/mapbox-gl-js/issues/10594
-// https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MapEventType/#mouseout
-//
-// 'onMouseEnter',
-// 'onMouseLeave',
-'onMouseMove', 'onMouseOut', 'onClick', 'onDblClick', 'onContextMenu'];
-function useViewAugmentedEventHandlers(props, parsedMapViews) {
-  var handlers = Object.fromEntries(VIEW_AUGMENTED_EVENT_HANDLERS.map(function (handlerName) {
-    return typeof props[handlerName] === 'function' ? [handlerName, function (evt) {
-      var _a;
-      return props[handlerName](__assign(__assign({}, evt), {
-        features: (_a = evt.features) === null || _a === void 0 ? void 0 : _a.map(function (feat) {
-          return augmentFeature(parsedMapViews, feat);
-        })
-      }));
-    }] : null;
-  }).filter(Boolean));
-  return handlers;
-}
-var LayeredMap = /*#__PURE__*/forwardRef(function LayeredMapInner(_a, layeredMapRef) {
-  var views = _a.views,
-    _b = _a.interactiveLayerIds,
-    interactiveLayerIdsInput = _b === void 0 ? [] : _b,
-    children = _a.children;
-  _a.hover;
-  var mapProps = __rest$2(_a, ["views", "interactiveLayerIds", "children", "hover"]);
-  var mapRef = useRef(null);
-  //
-  // Parse sources, layers and interactiveLayerIds from
-  // views spec
-  //
-  var parsed = useMemo(function () {
-    var _a;
-    return views ? parseMapViews(views, {
-      existingLayers: mapRef.current ? ((_a = mapRef.current.getStyle()) === null || _a === void 0 ? void 0 : _a.layers) || null : null
-    }) : {
-      srcMapViews: [],
-      sources: [],
-      layers: [],
-      interactiveLayerIds: []
-    };
-  }, [views, mapRef.current]);
-  var evtHandlers = useViewAugmentedEventHandlers(mapProps, parsed);
-  useImperativeHandle(layeredMapRef, function () {
-    return {
-      map: mapRef.current,
-      augmentFeature: augmentFeature.bind(null, parsed),
-      getSrcViewByLayerId: getSrcViewByLayerId.bind(null, parsed),
-      getSrcLayer: getSrcLayer.bind(null, parsed)
-    };
-  }, [mapRef.current, parsed]);
-  return /*#__PURE__*/React.createElement(Map, __assign({
-    ref: mapRef,
-    interactiveLayerIds: __spreadArray$2(__spreadArray$2([], interactiveLayerIdsInput, true), parsed.interactiveLayerIds, true)
-  }, mapProps, evtHandlers), children, parsed.sources.map(function (_a) {
-    var id = _a.id;
-    _a.viewId;
-    var source = __rest$2(_a, ["id", "viewId"]);
-    return /*#__PURE__*/React.createElement(Source, __assign({
-      key: id,
-      id: id
-    }, source));
-  }), parsed.layers.map(function (_a) {
-    var id = _a.id,
-      layer = __rest$2(_a, ["id"]);
-    return /*#__PURE__*/React.createElement(Layer, __assign({
-      key: id,
-      id: id
-    }, layer));
-  }));
-});
-var Container$1 = styled.div(templateObject_1$2$1 || (templateObject_1$2$1 = __makeTemplateObject$2(["\n  pointer-events: none;\n  position: absolute;\n  z-index: 2;\n\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 16px;\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(0, 0, 0, 0.3);\n\n  // background-color: black;\n  color: white;\n  border-radius: 5px;\n  font-size: 0.9rem;\n\n  max-width: 300px;\n\n  hyphens: auto;\n  word-break: break-word; /* Avoids overflow */\n  overflow-wrap: break-word; /* Ensures long words break */\n  white-space: normal;\n"], ["\n  pointer-events: none;\n  position: absolute;\n  z-index: 2;\n\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 16px;\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(0, 0, 0, 0.3);\n\n  // background-color: black;\n  color: white;\n  border-radius: 5px;\n  font-size: 0.9rem;\n\n  max-width: 300px;\n\n  hyphens: auto;\n  word-break: break-word; /* Avoids overflow */\n  overflow-wrap: break-word; /* Ensures long words break */\n  white-space: normal;\n"])));
-var DataSectionHeading = styled.h3(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$2(["\n  margin: 0;\n  line-height: 1.2;\n  font-size: 1rem;\n"], ["\n  margin: 0;\n  line-height: 1.2;\n  font-size: 1rem;\n"])));
-var DataSectionContainer = styled(Flex)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$2(["\n  padding: 15px 10px;\n"], ["\n  padding: 15px 10px;\n"])));
-var EntriesList = styled.ul(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$2(["\n  padding: 0;\n  list-style: none;\n  margin-bottom: 0;\n  > li + li {\n    margin-top: 4px;\n  }\n  // padding: 10px;\n"], ["\n  padding: 0;\n  list-style: none;\n  margin-bottom: 0;\n  > li + li {\n    margin-top: 4px;\n  }\n  // padding: 10px;\n"])));
-function DataSection(_a) {
-  var title = _a.title,
-    entries = _a.entries,
-    props = __rest$2(_a, ["title", "entries"]);
-  return entries.length > 0 && (/*#__PURE__*/React.createElement(DataSectionContainer, __assign({
-    direction: "column",
-    gap: "10px"
-  }, props), title && /*#__PURE__*/React.createElement(DataSectionHeading, null, title), /*#__PURE__*/React.createElement(EntriesList, null, entries.map(function (_a, index) {
-    var label = _a[0],
-      value = _a[1];
-    return /*#__PURE__*/React.createElement("li", {
-      key: index
-    }, typeof label === 'string' ? /*#__PURE__*/React.createElement("span", null, label, ": ") : label, typeof value === 'string' ? (/*#__PURE__*/React.createElement("span", {
-      style: {
-        fontWeight: 'bold'
-      }
-    }, value)) : value);
-  }))));
-}
-function HoverTooltip(_a) {
-  var position = _a.position,
-    children = _a.children,
-    dataSections = _a.dataSections,
-    _b = _a.style,
-    style = _b === void 0 ? {} : _b;
-  return /*#__PURE__*/React.createElement(Container$1, {
-    style: __assign({
-      left: position[0] + 15,
-      top: position[1] - 20
-    }, style)
-  }, Array.isArray(dataSections) && dataSections.length > 0 && (/*#__PURE__*/React.createElement(Flex, {
-    direction: "column"
-  }, dataSections.map(function (section, index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, /*#__PURE__*/React.createElement(DataSection, __assign({}, section)), index === dataSections.length - 1 ? null : (/*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100%',
-        margin: 0,
-        borderBottom: '1px solid currentColor'
-        // marginBottom: 'none',
-      }
-    })));
-  }))), children);
-}
-var templateObject_1$2$1, templateObject_2$3, templateObject_3$1, templateObject_4$1;
-function syncMaps(mainMap, targetMap, _a) {
-  var centerOffsetPixels = _a.centerOffsetPixels;
-  var center = mainMap.getCenter();
-  var zoom = mainMap.getZoom();
-  var bearing = mainMap.getBearing();
-  var pitch = mainMap.getPitch();
-  if (!centerOffsetPixels || !mainMap || !targetMap) {
-    console.warn('could not sync maps, missing centerOffsetPixels || mainMap || targetMap');
-    return;
-  }
-  // Convert the center to a pixel point
-  var centerPoint = mainMap.project(center);
-  // Apply the offset
-  var offsetPoint = {
-    x: centerPoint.x + centerOffsetPixels.x,
-    y: centerPoint.y + centerOffsetPixels.y
-  };
-  // Convert the offset pixel back to a lngLat
-  var newCenter = mainMap.unproject(offsetPoint);
-  // Move the mini-map to the new center
-  targetMap.jumpTo({
-    center: newCenter,
-    zoom: zoom,
-    bearing: bearing,
-    pitch: pitch
-  });
-}
-function useSyncedMaps(mainMapRef, otherMapRef, options, deps) {
-  useEffect(function () {
-    var _a, _b;
-    var mainMap = (_a = mainMapRef.current) === null || _a === void 0 ? void 0 : _a.getMap();
-    var otherMap = (_b = otherMapRef.current) === null || _b === void 0 ? void 0 : _b.getMap();
-    if (!mainMap || !otherMap) {
-      return;
-    }
-    var _syncMainToOther = function _syncMainToOther() {
-      syncMaps(mainMap, otherMap, options);
-    };
-    mainMap.on('move', _syncMainToOther);
-    _syncMainToOther();
-    // const _syncOtherToMain = () => {
-    //   syncMaps(otherMap, mainMap, options)
-    // }
-    // otherMap.on('move', _syncOtherToMain)
-    return function () {
-      mainMap.off('move', _syncMainToOther);
-      // otherMap.off('move', _syncOtherToMain)
-    };
-  }, __spreadArray$2(__spreadArray$2([], deps, true), [options], false));
-}
-function getCenterOffsetPixels(mainMapContainer, targetMapContainer) {
-  var mainRect = mainMapContainer.getBoundingClientRect();
-  var targetRect = targetMapContainer.getBoundingClientRect();
-  var mainCenter = {
-    x: mainRect.left + mainRect.width / 2,
-    y: mainRect.top + mainRect.height / 2
-  };
-  var targetCenter = {
-    x: targetRect.left + targetRect.width / 2,
-    y: targetRect.top + targetRect.height / 2
-  };
-  return {
-    x: targetCenter.x - mainCenter.x,
-    y: targetCenter.y - mainCenter.y
-  };
-}
-var MapWindow = /*#__PURE__*/forwardRef(function MapWindowInner(_a, externalRef) {
-  var externalOnLoad = _a.onLoad,
-    mapProps = __rest$2(_a, ["onLoad"]);
-  var mapRef = /*#__PURE__*/createRef(null);
-  var mergedRef = mergeRefs([externalRef, mapRef]);
-  var _b = useState(null),
-    centerOffsetPixels = _b[0],
-    setCenterOffsetPixels = _b[1];
-  var _c = useState(false),
-    mapReady = _c[0],
-    setMapReady = _c[1];
-  var parentMapRef = useMap();
-  console.log('parentMapRef', parentMapRef);
-  useSyncedMaps(parentMapRef, mapRef, {
-    centerOffsetPixels: centerOffsetPixels
-  }, [centerOffsetPixels, mapReady]);
-  var _onLoad = useCallback(function (e) {
-    var _a, _b, _c, _d, _e;
-    var parentMap = (_a = parentMapRef.current) === null || _a === void 0 ? void 0 : _a.getMap();
-    var parentEl = (_c = (_b = parentMapRef.current) === null || _b === void 0 ? void 0 : _b.getContainer) === null || _c === void 0 ? void 0 : _c.call(_b);
-    var selfMap = e.target;
-    var selfEl = (_e = (_d = e.target) === null || _d === void 0 ? void 0 : _d.getContainer) === null || _e === void 0 ? void 0 : _e.call(_d);
-    //
-    // TODO: probably we need to check for parentMap load event as well.
-    //
-    if (!parentMap || !selfMap || !parentEl || !selfEl) {
-      console.log('MISSING', {
-        parentMap: parentMap,
-        selfMap: selfMap,
-        parentEl: parentEl,
-        selfEl: selfEl
-      });
-      return;
-    }
-    setCenterOffsetPixels(getCenterOffsetPixels(parentEl, selfEl));
-    setMapReady(true);
-    if (typeof externalOnLoad === 'function') {
-      externalOnLoad(e);
-    }
-  }, [setCenterOffsetPixels, setMapReady]);
-  return /*#__PURE__*/React.createElement(Map, __assign({
-    attributionControl: false
-  }, mapProps, {
-    onLoad: _onLoad,
-    ref: mergedRef
-  }));
-});
-var GhostCursor = styled.div(templateObject_1$1$1 || (templateObject_1$1$1 = __makeTemplateObject$2(["\n  --synced-maps-ghost-cursor-size: 24px;\n  position: absolute;\n\n  height: 0;\n  width: 0;\n  color: inherit;\n\n  &::before {\n    content: '';\n    display: block;\n    background-color: currentColor;\n    width: 1px;\n    height: var(--synced-maps-ghost-cursor-size);\n    position: absolute;\n    top: calc(-1 * (var(--synced-maps-ghost-cursor-size) / 2));\n    left: 0;\n  }\n\n  &::after {\n    content: '';\n    display: block;\n    background-color: currentColor;\n    height: 1px;\n    width: var(--synced-maps-ghost-cursor-size);\n    position: absolute;\n    left: calc(-1 * (var(--synced-maps-ghost-cursor-size) / 2));\n    top: 0;\n  }\n"], ["\n  --synced-maps-ghost-cursor-size: 24px;\n  position: absolute;\n\n  height: 0;\n  width: 0;\n  color: inherit;\n\n  &::before {\n    content: '';\n    display: block;\n    background-color: currentColor;\n    width: 1px;\n    height: var(--synced-maps-ghost-cursor-size);\n    position: absolute;\n    top: calc(-1 * (var(--synced-maps-ghost-cursor-size) / 2));\n    left: 0;\n  }\n\n  &::after {\n    content: '';\n    display: block;\n    background-color: currentColor;\n    height: 1px;\n    width: var(--synced-maps-ghost-cursor-size);\n    position: absolute;\n    left: calc(-1 * (var(--synced-maps-ghost-cursor-size) / 2));\n    top: 0;\n  }\n"])));
-var templateObject_1$1$1;
-function parseHoverInfo(index, event) {
-  return {
-    index: index,
-    point: [event.point.x, event.point.y],
-    coordinates: [event.lngLat.lng, event.lngLat.lat],
-    event: event
-  };
-}
-var SingleMapContainer = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$2([""], [""])));
-function makeSyncedMaps(_a) {
-  var components = _a.components;
-  var MapComponent = components.Map;
-  return /*#__PURE__*/forwardRef(function SyncedMaps(_a, ref) {
-    var maps = _a.maps,
-      style = _a.style,
-      initialViewState = _a.initialViewState,
-      children = _a.children,
-      getTooltip = _a.tooltip,
-      baseMapProps = __rest$2(_a, ["maps", "style", "initialViewState", "children", "tooltip"]);
-    var _b = useRefByKey(),
-      mapInstanceRefs = _b[0],
-      setMapInstanceRef = _b[1];
-    var containerRef = useRef(null);
-    var _c = useState(initialViewState),
-      viewState = _c[0],
-      setViewState = _c[1];
-    var onSyncMove = useCallback(function (evt) {
-      return setViewState(evt.viewState);
-    }, []);
-    var _d = useState(false),
-      isDragging = _d[0],
-      setIsDragging = _d[1];
-    var onDragStart = useCallback(function () {
-      return setIsDragging(true);
-    }, [setIsDragging]);
-    var onDragEnd = useCallback(function () {
-      return setIsDragging(false);
-    }, [setIsDragging]);
-    var _e = useState(null),
-      hoverInfo = _e[0],
-      setHoverInfo = _e[1];
-    var _f = useState(null),
-      tooltips = _f[0],
-      setTooltips = _f[1];
-    var _onMouseMove = useCallback(function (index, event) {
-      var nextHoverInfo = parseHoverInfo(index, event);
-      setHoverInfo(nextHoverInfo);
-      setTooltips(typeof getTooltip === 'function' ? maps.map(function (_a, index) {
-        var _b = _a.tooltip,
-          tooltip = _b === void 0 ? true : _b;
-        if (!tooltip) {
-          return null;
-        }
-        return getTooltip(nextHoverInfo, mapInstanceRefs[index]) || null;
-      }) : null);
-    }, [maps]);
-    //
-    // Expose map instances
-    //
-    useImperativeHandle(ref, function () {
-      return {
-        mapInstances: mapInstanceRefs
-      };
-    }, [mapInstanceRefs]);
-    return /*#__PURE__*/React.createElement(Flex, {
-      ref: containerRef,
-      direction: "row",
-      style: __assign({
-        position: 'relative'
-      }, style || {})
-    }, maps.map(function (mapProps, index) {
-      return /*#__PURE__*/React.createElement(SingleMapContainer, {
-        key: mapProps.id || index,
-        style: {
-          position: 'absolute',
-          top: 0,
-          height: '100%',
-          left: "calc(".concat(index, " * (100% / ").concat(maps.length, "))"),
-          width: "calc(100% / ".concat(maps.length, ")")
-        }
-      }, !isDragging && hoverInfo && hoverInfo.index !== index ? (/*#__PURE__*/React.createElement(GhostCursor, {
-        style: {
-          position: 'absolute',
-          left: hoverInfo.point[0],
-          top: hoverInfo.point[1],
-          zIndex: 2
-        }
-      })) : null, !isDragging && Array.isArray(tooltips) && tooltips[index], /*#__PURE__*/React.createElement(MapComponent, __assign({
-        ref: setMapInstanceRef(index),
-        cursor: isDragging ? 'grabbing' : 'default'
-      }, baseMapProps, mapProps, viewState || {}, {
-        style: __assign(__assign({}, mapProps.style || {}), {
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: '100%'
-        }),
-        onMove: onSyncMove,
-        onDragStart: onDragStart,
-        onDragEnd: onDragEnd,
-        onMouseMove: function onMouseMove(event) {
-          return _onMouseMove(index, event);
-        },
-        //
-        // There is no notion of mouseenter/mouseleave
-        // in maplibre.gl.
-        //
-        // Use onMouseOut instead
-        //
-        // https://github.com/mapbox/mapbox-gl-js/issues/10594
-        // https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MapEventType/#mouseout
-        //
-        onMouseOut: function onMouseOut() {
-          setHoverInfo(null);
-          setTooltips(null);
-        }
-      })));
-    }), children);
-  });
-}
-makeSyncedMaps({
-  components: {
-    Map: Map
-  }
-});
-var templateObject_1$3;
-var DEFAULT_OPTIONS = {
-  padding: {
-    top: 60,
-    bottom: 60,
-    left: 60,
-    right: 60
-  }
-};
-function fitGeometry(map, geo, options) {
-  if (options === void 0) {
-    options = DEFAULT_OPTIONS;
-  }
-  var bounds = bbox(geo);
-  return map.fitBounds([[bounds[0], bounds[1]], [bounds[2], bounds[3]]], __assign(__assign({}, DEFAULT_OPTIONS), options));
-}
-
-var _assign = function __assign() {
-  _assign = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return _assign.apply(this, arguments);
-};
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}
-function __spreadArray(to, from, pack) {
-  for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
-function __makeTemplateObject(cooked, raw) {
-  if (Object.defineProperty) {
-    Object.defineProperty(cooked, "raw", {
-      value: raw
-    });
-  } else {
-    cooked.raw = raw;
-  }
-  return cooked;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-var LegendTitle = styled.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 0.9rem;\n  line-height: 1.3;\n"], ["\n  margin: 0;\n  font-size: 0.9rem;\n  line-height: 1.3;\n"])));
-var LegendUnit = styled.span(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  font-size: 0.8rem;\n"], ["\n  font-size: 0.8rem;\n"])));
-function LegendLayout(_a) {
-  var title = _a.title,
-    unit = _a.unit,
-    children = _a.children,
-    _b = _a.direction,
-    direction = _b === void 0 ? 'column' : _b,
-    props = __rest(_a, ["title", "unit", "children", "direction"]);
-  return /*#__PURE__*/React.createElement(Flex, _assign({
-    direction: direction,
-    gap: "10px",
-    maxWidth: "300px"
-  }, props), (title || unit) && (/*#__PURE__*/React.createElement("div", {
-    style: {
-      maxWidth: direction === 'row' ? '50%' : 'none'
-    }
-  }, title && /*#__PURE__*/React.createElement(LegendTitle, null, title), unit && /*#__PURE__*/React.createElement(LegendUnit, null, "(", unit, ")"))), /*#__PURE__*/React.createElement(Flex, {
-    direction: "column",
-    justifyContent: "center",
-    style: {
-      flexGrow: 1
-    }
-  }, children));
-}
-var templateObject_1$2, templateObject_2$2;
-var ColorDisplay = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  background-color: var(--background-color);\n  height: var(--color-legend-square-size, 20px);\n  width: var(--color-legend-square-size, 20px);\n"], ["\n  background-color: var(--background-color);\n  height: var(--color-legend-square-size, 20px);\n  width: var(--color-legend-square-size, 20px);\n"])));
-var ItemLabel = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  font-size: var(--color-legend-item-font-size, 0.9rem);\n  line-height: 1.2;\n  display: flex;\n  align-items: center;\n"], ["\n  font-size: var(--color-legend-item-font-size, 0.9rem);\n  line-height: 1.2;\n  display: flex;\n  align-items: center;\n"])));
-var STYLES_BY_SIZE = {
-  '1': {
-    '--color-legend-square-size': '14px',
-    '--color-legend-item-font-size': '0.8rem'
-  },
-  '2': {
-    '--color-legend-square-size': '20px',
-    '--color-legend-item-font-size': '0.9rem'
-  }
-};
-function ColorLegendItems(_a) {
-  var items = _a.items,
-    _b = _a.size,
-    size = _b === void 0 ? '2' : _b,
-    props = __rest(_a, ["items", "size"]);
-  return /*#__PURE__*/React.createElement(Flex, _assign({
-    direction: "column",
-    gap: "2px"
-  }, props), items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Flex, {
-      key: item.id || index,
-      direction: "row",
-      alignItems: "center",
-      gap: size === '1' ? '8px' : '10px',
-      style: _assign(_assign({}, STYLES_BY_SIZE[size]), {
-        '--background-color': item.color
-      })
-    }, /*#__PURE__*/React.createElement(ColorDisplay, {
-      style: {
-        border: item.color === 'transparent' ? '1px dotted #555555' : '1px solid var(--background-color)'
-      }
-    }), /*#__PURE__*/React.createElement(ItemLabel, null, item.label));
-  }));
-}
-function ColorLegend(_a) {
-  var title = _a.title,
-    unit = _a.unit,
-    items = _a.items,
-    size = _a.size,
-    props = __rest(_a, ["title", "unit", "items", "size"]);
-  return /*#__PURE__*/React.createElement(LegendLayout, _assign({
-    title: title,
-    unit: unit
-  }, props), /*#__PURE__*/React.createElement(ColorLegendItems, {
-    items: items,
-    size: size
-  }));
-}
-var templateObject_1$1, templateObject_2$1;
-var DEFAULT_FORMAT_OPTIONS = {
-  below: 'Abaixo de ${0}',
-  above: 'Acima de ${0}',
-  between: '${0} - ${1}',
-  number: [undefined, {}]
-};
-function parseStepsToItems(steps, options) {
-  if (options === void 0) {
-    options = DEFAULT_FORMAT_OPTIONS;
-  }
-  options = _assign(_assign({}, DEFAULT_FORMAT_OPTIONS), options);
-  var defaultColor = steps[0],
-    rest = steps.slice(1);
-  var castOptions = {
-    type: 'string',
-    number: options.number
-  };
-  var _cast = cast.bind(null, castOptions);
-  var defaultMax = rest[0];
-  var defaultMaxStr = _cast(defaultMax);
-  return __spreadArray([{
-    color: defaultColor,
-    max: defaultMax,
-    maxStr: defaultMaxStr,
-    label: typeof options.below === 'string' ? interpolate(options.below, defaultMaxStr) : typeof options.below === 'function' ? options.below(defaultMaxStr) : options.below
-  }], chunk(rest, 2).map(function (_a, index, arr) {
-    var min = _a[0],
-      color = _a[1];
-    var minStr = _cast(min);
-    var maxStr = index < arr.length - 1 ? _cast(arr[index + 1][0]) : null;
-    return {
-      min: min,
-      minStr: minStr,
-      maxStr: maxStr,
-      color: color,
-      label: index < arr.length - 1 ? typeof options.between === 'string' ? interpolate(options.between, [minStr, maxStr]) : options.between(minStr, maxStr) : typeof options.above === 'string' ? interpolate(options.above, minStr) : typeof options.above === 'function' ? options.above(minStr) : options.above
-    };
-  })).reverse();
-}
-function SequentialColorLegend(_a) {
-  var format = _a.format,
-    steps = _a.steps,
-    props = __rest(_a, ["format", "steps"]);
-  var items = useMemo(function () {
-    return parseStepsToItems(steps, format);
-  }, [steps]);
-  return /*#__PURE__*/React.createElement(ColorLegend, _assign({
-    items: items
-  }, props));
-}
-function ThresholdColorLegend(_a) {
-  var steps = _a.steps,
-    format = _a.format,
-    props = __rest(_a, ["steps", "format"]);
-  var items = useMemo(function () {
-    var parsed = parseStepsToItems(steps, format);
-    return parsed.map(function (item, index, all) {
-      return index === all.length - 1 ? _assign(_assign({}, item), {
-        label: null
-      }) : _assign(_assign({}, item), {
-        label: (/*#__PURE__*/React.createElement("div", {
-          style: {
-            transform: 'translateY(calc(50% + 1px))'
-            // background: 'steelblue',
-          }
-        }, item.minStr))
-      });
-    });
-  }, [steps]);
-  return /*#__PURE__*/React.createElement(ColorLegend, _assign({
-    items: items
-  }, props));
-}
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-right: calc(var(--proportional-symbol-legend-label-width) + 10px);\n  // background-color: green;\n"], ["\n  padding-right: calc(var(--proportional-symbol-legend-label-width) + 10px);\n  // background-color: green;\n"
-//
-// All positioning is relative to this container
-//
-])));
-//
-// All positioning is relative to this container
-//
-var PositionContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  box-sizing: border-box;\n  // background-color: red;\n"], ["\n  position: relative;\n  box-sizing: border-box;\n  // background-color: red;\n"])));
-var CircleSymbol = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  z-index: 2;\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 100%;\n\n  border: 1px solid black;\n\n  width: var(--proportional-symbol-legend-item-size);\n  height: var(--proportional-symbol-legend-item-size);\n"], ["\n  z-index: 2;\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 100%;\n\n  border: 1px solid black;\n\n  width: var(--proportional-symbol-legend-item-size);\n  height: var(--proportional-symbol-legend-item-size);\n"])));
-var CircleLabel = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  z-index: 1;\n  font-size: 0.7rem;\n  position: absolute;\n\n  bottom: var(--proportional-symbol-legend-item-size);\n  left: calc(100% + 10px);\n\n  transform: translateY(70%);\n\n  width: var(--proportional-symbol-legend-label-width);\n  // background-color: blue;\n  text-align: right;\n  white-space: nowrap;\n\n  &::before {\n    position: absolute;\n    content: '';\n    display: block;\n    width: calc((var(--proportional-symbol-legend-max-size) / 2) + 5px);\n    border-bottom: 1px dotted #555555;\n    right: calc(100% + 5px);\n    bottom: calc(70% - 1px);\n  }\n"], ["\n  z-index: 1;\n  font-size: 0.7rem;\n  position: absolute;\n\n  bottom: var(--proportional-symbol-legend-item-size);\n  left: calc(100% + 10px);\n\n  transform: translateY(70%);\n\n  width: var(--proportional-symbol-legend-label-width);\n  // background-color: blue;\n  text-align: right;\n  white-space: nowrap;\n\n  &::before {\n    position: absolute;\n    content: '';\n    display: block;\n    width: calc((var(--proportional-symbol-legend-max-size) / 2) + 5px);\n    border-bottom: 1px dotted #555555;\n    right: calc(100% + 5px);\n    bottom: calc(70% - 1px);\n  }\n"])));
-function Circle(_a) {
-  var style = _a.style,
-    label = _a.label;
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement(CircleSymbol, null), /*#__PURE__*/React.createElement(CircleLabel, null, label));
-}
-var DEFAULT_SIZE_MAX = 60;
-var DEFAULT_SIZE_MIN = 15;
-function ProportionalSymbolLegendItems(_a) {
-  var _b = _a.labelWidth,
-    labelWidth = _b === void 0 ? 20 : _b,
-    _c = _a.sizeMax,
-    sizeMax = _c === void 0 ? DEFAULT_SIZE_MAX : _c,
-    _d = _a.sizeMin,
-    sizeMin = _d === void 0 ? DEFAULT_SIZE_MIN : _d,
-    min = _a.min,
-    max = _a.max,
-    _e = _a.steps,
-    steps = _e === void 0 ? 4 : _e,
-    numberFormat = _a.numberFormat,
-    labelUnit = _a.labelUnit;
-  var sizeScale = useMemo(function () {
-    return scaleLinear([sizeMin, sizeMax]).domain([0, steps - 1]);
-  }, [sizeMin, sizeMax, steps]);
-  var valueScale = useMemo(function () {
-    return scaleLinear([min, max]).domain([0, steps - 1]);
-  }, [min, max, steps]);
-  var formatNumber = useCallback(function (number) {
-    if (numberFormat) {
-      return new Intl.NumberFormat(numberFormat[0], numberFormat[1]).format(number);
-    } else {
-      return new Intl.NumberFormat().format(number);
-    }
-  }, [numberFormat]);
-  var items = useMemo(function () {
-    return range(0, steps).reverse().map(function (step) {
-      return {
-        size: sizeScale(step),
-        value: valueScale(step),
-        label: [formatNumber(valueScale(step)), labelUnit].filter(Boolean).join(' ')
-      };
-    });
-  }, [steps, formatNumber, valueScale, sizeScale]);
-  return /*#__PURE__*/React.createElement(Container, {
-    style: {
-      '--proportional-symbol-legend-label-width': "".concat(labelWidth, "px")
-    }
-  }, /*#__PURE__*/React.createElement(PositionContainer, {
-    style: {
-      '--proportional-symbol-legend-max-size': "".concat(sizeMax, "px"),
-      width: sizeMax,
-      height: sizeMax
-    }
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(Circle, {
-      key: item.value,
-      style: {
-        '--proportional-symbol-legend-item-size': "".concat(item.size, "px")
-      },
-      label: item.label
-    });
-  })));
-}
-function ProportionalSymbolLegend(_a) {
-  var title = _a.title,
-    unit = _a.unit,
-    style = _a.style,
-    maxWidth = _a.maxWidth,
-    maxHeight = _a.maxHeight,
-    props = __rest(_a, ["title", "unit", "style", "maxWidth", "maxHeight"]);
-  return /*#__PURE__*/React.createElement(LegendLayout, {
-    title: title,
-    unit: unit,
-    style: style,
-    maxWidth: maxWidth,
-    maxHeight: maxHeight
-  }, /*#__PURE__*/React.createElement(ProportionalSymbolLegendItems, _assign({}, props)));
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-var LEGENDS = {
-  ColorLegend: ColorLegend,
-  ThresholdColorLegend: ThresholdColorLegend,
-  SequentialColorLegend: SequentialColorLegend,
-  ProportionalSymbolLegend: ProportionalSymbolLegend
-};
-function Legend(_a) {
-  var type = _a.type,
-    props = __rest(_a, ["type"]);
-  var Component = LEGENDS[type];
-  if (!Component) {
-    throw new Error("Unrecognized legend type ".concat(type));
-  }
-  return /*#__PURE__*/React.createElement(Component, _assign({}, props));
-}
-
 var worker = typeof Worker !== 'undefined' && new Worker(new URL('./GeoReDUSWorker.worker.js', import.meta.url), {
   type: 'module'
 });
@@ -5315,7 +4068,7 @@ function _reverseByKScheme(scheme, defaultColor) {
     defaultColor = DEFAULT_NULL_COLOR;
   }
   var scalesByK = Array.from(scheme, function (d) {
-    return Array.isArray(d) ? __spreadArray$2([], d, true).reverse() : null;
+    return Array.isArray(d) ? __spreadArray([], d, true).reverse() : null;
   });
   var minK = scalesByK.findIndex(function (v) {
     return v !== null;
@@ -6146,7 +4899,7 @@ function cem_escolas_2022(config, allViewSpecs, context) {
     download: downloadResolver({
       fileNameBase: ['$template', '${0}_${1}_georedus_edu', [VARIABLE_ID, ['$get', 'municipioId']]],
       mainVariableId: VARIABLE_ID,
-      availableVariableIds: uniqBy$1(allViewSpecs.filter(function (spec) {
+      availableVariableIds: uniqBy(allViewSpecs.filter(function (spec) {
         return Boolean(spec.variable_id);
       }).map(function (spec) {
         return {
@@ -6371,7 +5124,7 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
     console.warn("found variable without source source_table_id, will ignore ".concat(variable_id));
     return null;
   }
-  var variants = uniqBy$1(allViewSpecs.filter(function (otherViewSpec) {
+  var variants = uniqBy(allViewSpecs.filter(function (otherViewSpec) {
     return otherViewSpec.indicator_id === indicator_id;
   }), function (viewSpec) {
     return viewSpec.variable_id;
@@ -7135,7 +5888,7 @@ function cem_saude_2024(viewSpec, allViewSpecs, context) {
     download: downloadResolver({
       fileNameBase: ['$template', '${0}_${1}_georedus_saude', [VARIABLE_ID, ['$get', 'municipioId']]],
       mainVariableId: VARIABLE_ID,
-      availableVariableIds: uniqBy$1(allViewSpecs.filter(function (spec) {
+      availableVariableIds: uniqBy(allViewSpecs.filter(function (spec) {
         return Boolean(spec.variable_id);
       }).map(function (spec) {
         return {
@@ -7324,7 +6077,7 @@ function resolveViewSpecs(viewSpecsInput, context) {
   //
   // Group viewSpecsInput by collection_id
   //
-  var byCollectionId = groupBy$1(viewSpecsInput, function (viewSpec) {
+  var byCollectionId = groupBy(viewSpecsInput, function (viewSpec) {
     return viewSpec.collection_id || NO_COLLECTION;
   });
   var parsedSpecs = Object.entries(byCollectionId).flatMap(function (_a) {
@@ -7342,7 +6095,7 @@ function resolveViewSpecs(viewSpecsInput, context) {
     // or no view spec
     .filter(Boolean);
   });
-  return uniqBy$1(parsedSpecs, function (viewSpec) {
+  return uniqBy(parsedSpecs, function (viewSpec) {
     return viewSpec.id;
   });
 }
@@ -7364,7 +6117,7 @@ function viewConfReducer(state, action) {
           // Insert or update viewConf
           layout: state.layout.map(function (list, listIndex) {
             return __assign(__assign({}, list), {
-              items: listIndex === layoutIndex_1 ? uniqBy$1(__spreadArray$2(__spreadArray$2([], list.items, true), [{
+              items: listIndex === layoutIndex_1 ? uniqBy(__spreadArray(__spreadArray([], list.items, true), [{
                 id: viewConf_1.id
               }], false), function (item) {
                 return item.id;
@@ -7582,7 +6335,7 @@ function _parseGeoFileMetadata() {
         case 2:
           contents = _context2.sent;
           geoJson = JSON.parse(contents);
-          geometryTypes = geoJson.type === 'FeatureCollection' ? uniq$1((geoJson.features || []).map(function (feature) {
+          geometryTypes = geoJson.type === 'FeatureCollection' ? uniq((geoJson.features || []).map(function (feature) {
             var _feature$geometry;
             return (_feature$geometry = feature.geometry) === null || _feature$geometry === void 0 ? void 0 : _feature$geometry.type;
           })).filter(Boolean) : [];
@@ -8265,7 +7018,7 @@ function GeoReDUSInner(_ref) {
               payload: views[0].id
             });
           }
-        }, /*#__PURE__*/React.createElement(Icon$1, {
+        }, /*#__PURE__*/React.createElement(Icon, {
           path: mdiClose,
           size: "20px"
         }))), /*#__PURE__*/React.createElement(EvenSpacedList, {