@mapless/react 0.0.1

package/dist/index.css

@@ -0,0 +1,622 @@
+.map-popup-_D5VrV .mapboxgl-popup-anchor-left > .mapboxgl-popup-tip {
+  border-right-color: var(--theme-bg-base);
+}
+
+.map-popup-_D5VrV .mapboxgl-popup-anchor-right > .mapboxgl-popup-tip {
+  border-left-color: var(--theme-bg-base);
+}
+
+:is(.map-popup-_D5VrV .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip, .map-popup-_D5VrV .mapboxgl-popup-anchor-top-right > .mapboxgl-popup-tip, .map-popup-_D5VrV .mapboxgl-popup-anchor-top-left > .mapboxgl-popup-tip) {
+  border-bottom-color: var(--theme-bg-base);
+}
+
+:is(.map-popup-_D5VrV .mapboxgl-popup-anchor-bottom > .mapboxgl-popup-tip, .map-popup-_D5VrV .mapboxgl-popup-anchor-bottom-right > .mapboxgl-popup-tip, .map-popup-_D5VrV .mapboxgl-popup-anchor-bottom-left > .mapboxgl-popup-tip) {
+  border-top-color: var(--theme-bg-base);
+}
+
+.map-popup-_D5VrV .mapboxgl-popup-content {
+  background-color: var(--theme-bg-base);
+  padding: 10px;
+}
+
+.map-popup-_D5VrV .mapboxgl-popup-close-button {
+  padding: 5px 8px;
+}
+
+.map-popup-_D5VrV .mapboxgl-popup-close-button > span {
+  color: var(--theme-color-base);
+  font-size: 16px;
+}
+
+.map-popup-_D5VrV .mapboxgl-popup-close-button > span:hover {
+  color: #ff4500;
+  font-size: 16px;
+}
+
+.MapView-Xb444g {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.map-yhSRxV {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.map-yhSRxV .mapboxgl-control-container .mapboxgl-ctrl .mapboxgl-ctrl-zoom-out {
+  border-radius: 0;
+}
+
+.map-yhSRxV .mapboxgl-control-container .mapboxgl-ctrl .mapbox-gl-draw_polygon {
+  border-radius: 0;
+}
+
+.map-yhSRxV .mapboxgl-control-container .mapboxgl-ctrl .mapbox-gl-draw_point {
+  border-radius: 0;
+}
+
+.map-yhSRxV .mapboxgl-control-container .mapboxgl-ctrl:has( > .mapboxgl-ctrl-logo) {
+  display: none !important;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-group {
+  box-shadow: none;
+  background-color: #0000;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-group button :not(:disabled):hover {
+  background-color: #dddddda0;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-in {
+  background-color: #fdfdfd60;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-out {
+  background-color: #fdfdfd60;
+  border-top: 1px solid #97979760;
+  border-radius: 0 0 4px 4px !important;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-group .mapboxgl-ctrl-compass {
+  background-color: #fdfdfd60;
+  border: none;
+  width: 45px;
+  height: 45px;
+  margin-top: 4px;
+  border-radius: 50% !important;
+}
+
+.map-yhSRxV .mapboxgl-ctrl-scale {
+  color: #ffffffa9;
+  background-color: #fdfdfd21;
+}
+
+.map-yhSRxV canvas:focus-visible {
+  box-shadow: none;
+  border: none;
+  outline: none;
+}
+
+.unit-mzGhpy {
+  background-color: var(--theme-bg-base);
+  border: 1px solid var(--theme-border-base);
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  border-radius: 3px;
+  width: 24px;
+  height: 24px;
+  margin-right: 5px;
+  font-size: 12px;
+  line-height: 24px;
+}
+
+.unit-Un4QdU {
+  background-color: var(--theme-bg-base);
+  border: 1px solid var(--theme-border-base);
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  border-radius: 3px;
+  width: 24px;
+  height: 24px;
+  margin-right: 5px;
+  font-size: 12px;
+  line-height: 24px;
+}
+
+.switch-bZwK8Q {
+  background-color: var(--theme-bg-base);
+  border: 1px solid var(--theme-border-base);
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  border-radius: 3px;
+  width: 36px;
+  height: 24px;
+  padding-left: 5px;
+  padding-right: 5px;
+  font-size: 12px;
+  line-height: 24px;
+}
+
+.root-XBwuFZ, .container-bZBWZn {
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.hide-BZ1cCE {
+  opacity: 0;
+  pointer-events: none;
+  width: 0;
+  overflow: hidden;
+}
+
+.info-FBqJ2N {
+  opacity: .75;
+  flex: 1;
+  height: 22px;
+  padding: 4px 11px;
+  font-size: 12px;
+}
+
+.container-IqB0iy {
+  background-color: var(--theme-bg-second);
+  width: 100%;
+  min-width: 320px;
+  padding: 8px;
+}
+
+.react-marker-crXza6 {
+  background: none;
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.react-popup-DC9gvk {
+  border-radius: 12px;
+  max-width: none !important;
+  padding: 0 !important;
+}
+
+.react-popup-DC9gvk.mapboxgl-popup-anchor-left > .mapboxgl-popup-tip {
+  border-right-color: var(--theme-bg-base);
+}
+
+.react-popup-DC9gvk.mapboxgl-popup-anchor-right > .mapboxgl-popup-tip {
+  border-left-color: var(--theme-bg-base);
+}
+
+:is(.react-popup-DC9gvk.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip, .react-popup-DC9gvk.mapboxgl-popup-anchor-top-right > .mapboxgl-popup-tip, .react-popup-DC9gvk.mapboxgl-popup-anchor-top-left > .mapboxgl-popup-tip) {
+  border-bottom-color: var(--theme-bg-base);
+}
+
+:is(.react-popup-DC9gvk.mapboxgl-popup-anchor-bottom > .mapboxgl-popup-tip, .react-popup-DC9gvk.mapboxgl-popup-anchor-bottom-right > .mapboxgl-popup-tip, .react-popup-DC9gvk.mapboxgl-popup-anchor-bottom-left > .mapboxgl-popup-tip) {
+  border-top-color: var(--theme-bg-base);
+}
+
+.react-popup-DC9gvk > .mapboxgl-popup-content {
+  background-color: var(--theme-bg-base);
+  padding: 10px;
+}
+
+.react-popup-DC9gvk .mapboxgl-popup-close-button {
+  padding: 5px 8px;
+}
+
+.react-popup-DC9gvk .mapboxgl-popup-close-button > span {
+  color: var(--theme-color-base);
+  font-size: 16px;
+}
+
+.react-popup-DC9gvk .mapboxgl-popup-close-button > span:hover {
+  color: #ff4500;
+  font-size: 16px;
+}
+
+.content-lMdbtX {
+  user-select: text;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100px;
+  margin-top: 10px;
+  font-size: 10px;
+  display: flex;
+}
+
+.icon-R2hd2X {
+  font-size: 32px;
+}
+
+.icon-R2hd2X svg {
+  filter: drop-shadow(0px 0px 2px var(--theme-color-base));
+  fill: var(--theme-color-primary);
+}
+
+.tooltip-xHAtcl {
+  pointer-events: none;
+}
+
+.root-ChMEHr {
+  z-index: 9999999;
+  border: 1px solid var(--theme-border-base);
+  background-color: var(--theme-bg-base);
+  box-shadow: var(--theme-color-second) 0px 0px 10px;
+  border-radius: 8px;
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  overflow: hidden;
+}
+
+.root-ChMEHr.dragging-cy5jRW {
+  cursor: grabbing;
+}
+
+.root-ChMEHr:not(.dragging-cy5jRW) {
+  cursor: grab;
+}
+
+.title-Ikuh0j {
+  cursor: move;
+  height: 32px;
+  padding: 4px 8px;
+  position: relative;
+}
+
+.close-og7mQm {
+  position: absolute;
+  right: 4px;
+}
+
+.react-marker-DS7aRO {
+  background-color: var(--theme-bg-base);
+  border-radius: 8px;
+  padding: 10px;
+}
+
+.transparent-nNmBnZ {
+  background-color: #0000 !important;
+}
+
+.react-popup-FKu5Aa {
+  border-radius: 12px;
+  max-width: none !important;
+  padding: 0 !important;
+}
+
+.react-popup-FKu5Aa.mapboxgl-popup-anchor-left > .mapboxgl-popup-tip {
+  border-right-color: var(--theme-bg-base);
+}
+
+.react-popup-FKu5Aa.mapboxgl-popup-anchor-right > .mapboxgl-popup-tip {
+  border-left-color: var(--theme-bg-base);
+}
+
+:is(.react-popup-FKu5Aa.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip, .react-popup-FKu5Aa.mapboxgl-popup-anchor-top-right > .mapboxgl-popup-tip, .react-popup-FKu5Aa.mapboxgl-popup-anchor-top-left > .mapboxgl-popup-tip) {
+  border-bottom-color: var(--theme-bg-base);
+}
+
+:is(.react-popup-FKu5Aa.mapboxgl-popup-anchor-bottom > .mapboxgl-popup-tip, .react-popup-FKu5Aa.mapboxgl-popup-anchor-bottom-right > .mapboxgl-popup-tip, .react-popup-FKu5Aa.mapboxgl-popup-anchor-bottom-left > .mapboxgl-popup-tip) {
+  border-top-color: var(--theme-bg-base);
+}
+
+.react-popup-FKu5Aa > .mapboxgl-popup-content {
+  background-color: var(--theme-bg-base);
+  padding: 10px;
+}
+
+.react-popup-FKu5Aa .mapboxgl-popup-close-button {
+  padding: 5px 8px;
+}
+
+.react-popup-FKu5Aa .mapboxgl-popup-close-button > span {
+  color: var(--theme-color-base);
+  font-size: 16px;
+}
+
+.react-popup-FKu5Aa .mapboxgl-popup-close-button > span:hover {
+  color: #ff4500;
+  font-size: 16px;
+}
+
+.container-FjpS8D {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.circle-rRbCX5 {
+  border: 2px dashed var(--theme-color-primary);
+  background-color: var(--theme-bg-base);
+  opacity: .88;
+  border-radius: 50%;
+  width: 0%;
+  height: 0%;
+  transition: all .3s;
+  position: relative;
+  mask: radial-gradient(circle, #0000 50px, #000 50px);
+}
+
+.circle-rRbCX5.animate-Xpso91 {
+  width: 50%;
+  height: 50%;
+}
+
+.circle-rRbCX5:after {
+  content: "";
+  border: 1px solid var(--theme-border-base);
+  border-radius: 50%;
+  width: 101px;
+  height: 101px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.closeBtn-gjsiUj {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.stationItem-pt1U4a {
+  z-index: 10;
+  transform-origin: center;
+  border: 1px solid var(--theme-border-base);
+  background-color: var(--theme-bg-base);
+  border-radius: 50%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 8px;
+  transition: all .3s;
+  display: flex;
+  position: absolute;
+}
+
+.stationItem-pt1U4a:hover {
+  border-width: 2px;
+  padding: 10px;
+  font-size: 16px;
+}
+
+.stationItem-pt1U4a:hover > :first-child {
+  transform: scale(1.15) !important;
+}
+
+.stationItem-pt1U4a:hover .name-p9MbMw {
+  font-weight: bold;
+}
+
+.stationItem-pt1U4a.selected-YeSjnT {
+  border-color: var(--theme-color-primary);
+}
+
+.name-p9MbMw {
+  color: var(--theme-text-base);
+  text-align: center;
+  width: 60px;
+  text-shadow: 0 0 3px var(--theme-bg-base), 0 0 6px var(--theme-bg-base), 0 0 9px var(--theme-bg-base), 0 0 12px var(--theme-bg-base), 0 0 15px var(--theme-bg-base);
+  font-size: 12px;
+  position: absolute;
+  top: 100%;
+}
+
+.ctrls-JUFhf6 {
+  flex-direction: column-reverse;
+  gap: 8px;
+  display: flex;
+  position: absolute;
+  bottom: 45px;
+  left: 10px;
+}
+
+.xdbtn-pE97xT, .drawtool-oIv9Zk, .theme-uSxkSZ {
+  z-index: 1;
+  position: initial !important;
+}
+
+.marker-r9vyNI {
+  box-shadow: var(--theme-box-shadow-base);
+  background-color: var(--theme-bg-base) !important;
+}
+
+.mousepos-LIOQDX {
+  background-color: var(--theme-bg-base);
+  box-shadow: var(--theme-box-shadow-base);
+  color: var(--theme-color-base);
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 3px 5px;
+  font-size: 10px;
+  display: flex;
+  position: absolute;
+  bottom: 2px;
+  right: 72px;
+}
+
+.zoomOptions-Hiqqah {
+  background-color: var(--theme-bg-base);
+  box-shadow: var(--theme-box-shadow-base);
+  z-index: 1000;
+  border-radius: 6px;
+  grid-template-rows: repeat(2, 1fr);
+  grid-template-columns: repeat(4, 1fr);
+  gap: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+  display: grid;
+  position: absolute;
+  bottom: 100%;
+  right: 0;
+}
+
+.zoomOption-SguTCl {
+  background-color: var(--theme-bg-component);
+  cursor: pointer;
+  border-radius: 4px;
+  justify-content: center;
+  align-items: center;
+  min-width: 25px;
+  height: 25px;
+  font-size: 12px;
+  transition: all .2s;
+  display: flex;
+}
+
+.zoomOption-SguTCl:hover {
+  background-color: var(--theme-bg-component-hover);
+  transform: scale(1.1);
+}
+
+.selectDisabled-EkpHWn {
+  pointer-events: none;
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.tooltip-kRfBGw {
+  pointer-events: none;
+}
+
+.MapView-fi1Gvm {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.map-pTJfGL {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.map-pTJfGL .mapboxgl-control-container .mapboxgl-ctrl .mapboxgl-ctrl-zoom-out {
+  border-radius: 0;
+}
+
+.map-pTJfGL .mapboxgl-control-container .mapboxgl-ctrl .mapbox-gl-draw_polygon {
+  border-radius: 0;
+}
+
+.map-pTJfGL .mapboxgl-control-container .mapboxgl-ctrl .mapbox-gl-draw_point {
+  border-radius: 0;
+}
+
+.map-pTJfGL .mapboxgl-control-container .mapboxgl-ctrl:has( > .mapboxgl-ctrl-logo) {
+  display: none !important;
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group {
+  color: var(--theme-color-base);
+  background-color: #0000;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  box-shadow: none !important;
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group button:not(:disabled):hover {
+  background-color: var(--theme-bg-second) !important;
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group button > span {
+  mix-blend-mode: difference;
+  filter: invert(75%);
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-in {
+  background-color: var(--theme-bg-base);
+  box-shadow: var(--theme-box-shadow-base);
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-out {
+  background-color: var(--theme-bg-base);
+  border-top: 1px solid var(--theme-border-base);
+  box-shadow: var(--theme-box-shadow-base);
+  border-radius: 0 0 4px 4px !important;
+}
+
+.map-pTJfGL .mapboxgl-ctrl-group .mapboxgl-ctrl-compass {
+  background-color: var(--theme-bg-base);
+  border: 1px solid var(--theme-border-base);
+  width: 45px;
+  height: 45px;
+  box-shadow: var(--theme-box-shadow-base);
+  margin-top: 4px;
+  border-radius: 50% !important;
+}
+
+.map-pTJfGL .mapboxgl-ctrl-scale {
+  background-color: var(--theme-bg-base);
+  color: var(--theme-color-base);
+  border: 2px solid var(--theme-border-base);
+  box-shadow: var(--theme-box-shadow-base);
+  border-top: none;
+}
+
+.map-pTJfGL canvas:focus-visible {
+  box-shadow: none;
+  border: none;
+  outline: none;
+}
+
+.react-popup-OsHQU0 {
+  border-radius: 12px;
+  padding: 0 !important;
+}
+
+.react-popup-OsHQU0.mapboxgl-popup-anchor-left > .mapboxgl-popup-tip {
+  border-right-color: #001f3d;
+}
+
+.react-popup-OsHQU0.mapboxgl-popup-anchor-right > .mapboxgl-popup-tip {
+  border-left-color: #001f3d;
+}
+
+:is(.react-popup-OsHQU0.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip, .react-popup-OsHQU0.mapboxgl-popup-anchor-top-right > .mapboxgl-popup-tip, .react-popup-OsHQU0.mapboxgl-popup-anchor-top-left > .mapboxgl-popup-tip) {
+  border-bottom-color: #001f3d;
+}
+
+:is(.react-popup-OsHQU0.mapboxgl-popup-anchor-bottom > .mapboxgl-popup-tip, .react-popup-OsHQU0.mapboxgl-popup-anchor-bottom-right > .mapboxgl-popup-tip, .react-popup-OsHQU0.mapboxgl-popup-anchor-bottom-left > .mapboxgl-popup-tip) {
+  border-top-color: #001f3d;
+}
+
+.react-popup-OsHQU0 > .mapboxgl-popup-content {
+  background-color: #001f3d;
+  padding: 10px;
+}
+
+.react-popup-OsHQU0 .mapboxgl-popup-close-button {
+  padding: 5px 8px;
+}
+
+.react-popup-OsHQU0 .mapboxgl-popup-close-button > span {
+  font-size: 16px;
+}
+
+.react-popup-OsHQU0 .mapboxgl-popup-close-button > span:hover {
+  color: #ff4500;
+  font-size: 16px;
+}
+