@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js

@@ -1,28 +1,32 @@
-import { jsx as L } from "react/jsx-runtime";
-import { DEFAULT_RASTER_LAYER_FORMAT as f, ENGINE_TYPE_P2D as c, DEFAULT_TILE_SIZE as m, ENGINE_TYPE_HARP as _ } from "../../../constants.js";
-import R from "./Layer.js";
-import { useMapContext as T } from "../../../MapContext.js";
-import { isVectorBased as y } from "../../../../utils/rendering.js";
-const E = (e, r) => (t, i, o, a) => {
-  const s = t.platform?.getRasterTileService({
-    resource: "blank",
-    format: f,
-    queryParams: {
-      lang: a,
-      // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small
-      ppi: e === c && r > 1 ? 200 : 100,
-      features: "vehicle_restrictions:active_and_inactive"
-    }
-  }), n = new H.service.rasterTile.Provider(s, {
-    engineType: e,
-    tileSize: m
-  }), l = new H.map.layer.TileLayer(n);
-  return console.log("createRoadRestrictionLayer"), l;
-}, b = (e) => {
-  const { enableWebGL: r, baseLayer: t, devicePixelRatio: i } = T(), o = y(r, t) ? _ : c, a = E(o, i);
-  return /* @__PURE__ */ L(R, { ...e, createLayer: a });
+import { ENGINE_TYPE_HARP as e, ENGINE_TYPE_P2D as t } from "../../../constants.js";
+import { useMapContext as n } from "../../../MapContext.js";
+import { isVectorBased as r } from "../../../../utils/rendering.js";
+import i from "./Layer.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx
+var o = (e, n) => (r, i, a, o) => {
+	let s = r.platform?.getRasterTileService({
+		resource: "blank",
+		format: "png",
+		queryParams: {
+			lang: o,
+			ppi: e === t && n > 1 ? 200 : 100,
+			features: "vehicle_restrictions:active_and_inactive"
+		}
+	}), c = new H.service.rasterTile.Provider(s, {
+		engineType: e,
+		tileSize: 512
+	}), l = new H.map.layer.TileLayer(c);
+	return console.log("createRoadRestrictionLayer"), l;
+}, s = (s) => {
+	let { enableWebGL: c, baseLayer: l, devicePixelRatio: u } = n(), d = o(r(c, l) ? e : t, u);
+	return /* @__PURE__ */ a(i, {
+		...s,
+		createLayer: d
+	});
 };
-export {
-  b as default
-};
-//# sourceMappingURL=RoadRestrictionLayer.js.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=RoadRestrictionLayer.js.map

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoadRestrictionLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport { useMapContext } from '../../../MapContext';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { isVectorBased } from '../../../../utils/rendering';\n\n// Layer for rendering truck road signs\nconst createRoadRestrictionLayer =\n    (engineType: H.Map.EngineType | string, devicePixelRatio: number) =>\n    (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileService = api.platform?.getRasterTileService({\n            resource: 'blank',\n            format: DEFAULT_RASTER_LAYER_FORMAT,\n            queryParams: {\n                lang: language,\n                // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small\n                ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,\n                features: 'vehicle_restrictions:active_and_inactive',\n            },\n        });\n\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {\n            engineType,\n            tileSize: DEFAULT_TILE_SIZE,\n        });\n\n        const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);\n\n        console.log('createRoadRestrictionLayer');\n\n        return trafficTileLayer;\n    };\n\nexport type RoadRestrictionLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst RoadRestrictionLayer = (props: RoadRestrictionLayerProps) => {\n    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();\n\n    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n\n    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);\n\n    return <Layer {...props} createLayer={restrictionLayerCreator} />;\n};\n\nexport default RoadRestrictionLayer;\n"],"names":["createRoadRestrictionLayer","engineType","devicePixelRatio","api","_useWebGL","_baseLayerName","language","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","ENGINE_TYPE_P2D","trafficTileProvider1","DEFAULT_TILE_SIZE","trafficTileLayer","RoadRestrictionLayer","props","enableWebGL","baseLayer","useMapContext","isVectorBased","ENGINE_TYPE_HARP","restrictionLayerCreator","jsx","Layer"],"mappings":";;;;;AAUA,MAAMA,IACF,CAACC,GAAuCC,MACxC,CAACC,GAAaC,GAAoBC,GAAwBC,MAAqB;AAE3E,QAAMC,IAAqBJ,EAAI,UAAU,qBAAqB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQK;AAAA,IACR,aAAa;AAAA,MACT,MAAMF;AAAA;AAAA,MAEN,KAAKL,MAAeQ,KAAmBP,IAAmB,IAAI,MAAM;AAAA,MACpE,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAGKQ,IAAuB,IAAI,EAAE,QAAQ,WAAW,SAASH,GAAoB;AAAA,IAC/E,YAAAN;AAAA,IACA,UAAUU;AAAA,EAAA,CACb,GAEKC,IAAmB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAoB;AAEvE,iBAAQ,IAAI,4BAA4B,GAEjCE;AACX,GAIEC,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,kBAAAd,EAAA,IAAqBe,EAAA,GAE/ChB,IAAaiB,EAAcH,GAAaC,CAAS,IAAIG,IAAmBV,GAExEW,IAA0BpB,EAA2BC,GAAYC,CAAgB;AAEvF,SAAO,gBAAAmB,EAACC,GAAA,EAAO,GAAGR,GAAO,aAAaM,GAAyB;AACnE;"}
+{"version":3,"file":"RoadRestrictionLayer.js","names":[],"sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport { useMapContext } from '../../../MapContext';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { isVectorBased } from '../../../../utils/rendering';\n\n// Layer for rendering truck road signs\nconst createRoadRestrictionLayer =\n    (engineType: H.Map.EngineType | string, devicePixelRatio: number) =>\n    (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileService = api.platform?.getRasterTileService({\n            resource: 'blank',\n            format: DEFAULT_RASTER_LAYER_FORMAT,\n            queryParams: {\n                lang: language,\n                // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small\n                ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,\n                features: 'vehicle_restrictions:active_and_inactive',\n            },\n        });\n\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {\n            engineType,\n            tileSize: DEFAULT_TILE_SIZE,\n        });\n\n        const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);\n\n        console.log('createRoadRestrictionLayer');\n\n        return trafficTileLayer;\n    };\n\nexport type RoadRestrictionLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst RoadRestrictionLayer = (props: RoadRestrictionLayerProps) => {\n    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();\n\n    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n\n    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);\n\n    return <Layer {...props} createLayer={restrictionLayerCreator} />;\n};\n\nexport default RoadRestrictionLayer;\n"],"mappings":";;;;;;;AAUA,IAAM,KACD,GAAuC,OACvC,GAAa,GAAoB,GAAwB,MAAqB;CAE3E,IAAM,IAAqB,EAAI,UAAU,qBAAqB;EAC1D,UAAU;EACV,QAAA;EACA,aAAa;GACT,MAAM;GAEN,KAAK,MAAe,KAAmB,IAAmB,IAAI,MAAM;GACpE,UAAU;EACd;CACJ,CAAC,GAGK,IAAuB,IAAI,EAAE,QAAQ,WAAW,SAAS,GAAoB;EAC/E;EACA,UAAA;CACJ,CAAC,GAEK,IAAmB,IAAI,EAAE,IAAI,MAAM,UAAU,CAAoB;CAIvE,OAFA,QAAQ,IAAI,4BAA4B,GAEjC;AACX,GAIE,KAAwB,MAAqC;CAC/D,IAAM,EAAE,gBAAa,cAAW,wBAAqB,EAAc,GAI7D,IAA0B,EAFb,EAAc,GAAa,CAAS,IAAI,IAAmB,GAEP,CAAgB;CAEvF,OAAO,kBAAC,GAAD;EAAO,GAAI;EAAO,aAAa;CAA0B,CAAA;AACpE"}

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js

@@ -1,39 +1,41 @@
-import { jsx as f } from "react/jsx-runtime";
-import { ENGINE_TYPE_HARP as s, DEFAULT_RASTER_LAYER_FORMAT as l, DEFAULT_TILE_SIZE as n, ENGINE_TYPE_P2D as y } from "../../../constants.js";
-import p from "./Layer.js";
-import { useMapContext as T } from "../../../MapContext.js";
-import { isVectorBased as m } from "../../../../utils/rendering.js";
-const L = (e, r, a, t) => {
-  const i = new H.service.Url("https", "traffic.maps.hereapi.com"), o = e.platform?.getRasterTileService({
-    baseUrl: i,
-    format: l,
-    path: "v3",
-    resource: "flow",
-    queryParams: {
-      apikey: e.credentials?.apikey,
-      lang: t,
-      ppi: 400,
-      style: "explore.day"
-    }
-  }), c = new H.service.rasterTile.Provider(o, {
-    engineType: y,
-    tileSize: n
-  });
-  return new H.map.layer.TileLayer(c);
-}, _ = (e, r, a) => {
-  const t = new H.service.trafficVectorTile.Provider(
-    // @ts-expect-error-next-line: it works despite TS throwing an error
-    e.platform?.getTrafficVectorTileService({ layer: "flow" }),
-    // @ts-expect-error-next-line
-    new H.map.render.harp.Style({}),
-    { engineType: s }
-  );
-  return new H.map.layer.TileLayer(t, { min: 2, max: 24 });
-}, P = (e) => {
-  const r = T(), a = m(r.enableWebGL, r.baseLayer) ? _ : L;
-  return /* @__PURE__ */ f(p, { ...e, createLayer: a });
+import { ENGINE_TYPE_HARP as e, ENGINE_TYPE_P2D as t } from "../../../constants.js";
+import { useMapContext as n } from "../../../MapContext.js";
+import { isVectorBased as r } from "../../../../utils/rendering.js";
+import i from "./Layer.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx
+var o = (e, n, r, i) => {
+	let a = new H.service.Url("https", "traffic.maps.hereapi.com"), o = e.platform?.getRasterTileService({
+		baseUrl: a,
+		format: "png",
+		path: "v3",
+		resource: "flow",
+		queryParams: {
+			apikey: e.credentials?.apikey,
+			lang: i,
+			ppi: 400,
+			style: "explore.day"
+		}
+	}), s = new H.service.rasterTile.Provider(o, {
+		engineType: t,
+		tileSize: 512
+	});
+	return new H.map.layer.TileLayer(s);
+}, s = (t, n, r) => {
+	let i = new H.service.trafficVectorTile.Provider(t.platform?.getTrafficVectorTileService({ layer: "flow" }), new H.map.render.harp.Style({}), { engineType: e });
+	return new H.map.layer.TileLayer(i, {
+		min: 2,
+		max: 24
+	});
+}, c = (e) => {
+	let t = n(), c = r(t.enableWebGL, t.baseLayer) ? s : o;
+	return /* @__PURE__ */ a(i, {
+		...e,
+		createLayer: c
+	});
 };
-export {
-  P as default
-};
-//# sourceMappingURL=TrafficLayer.js.map
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=TrafficLayer.js.map

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrafficLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { useMapContext } from '../../../MapContext';\nimport { isVectorBased } from '../../../../utils/rendering';\n\nconst createRasterTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n    // Traffic\n    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');\n\n    // @ts-expect-error-next-line: it works despite TS throwing an error\n    const trafficTileService = api.platform?.getRasterTileService({\n        baseUrl: baseTrafficUrl,\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        path: 'v3',\n        resource: 'flow',\n        queryParams: {\n            apikey: api.credentials?.apikey,\n            lang: language,\n            ppi: 400,\n            style: 'explore.day',\n        },\n    });\n\n    // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {\n        engineType: ENGINE_TYPE_P2D,\n        tileSize: DEFAULT_TILE_SIZE,\n    });\n\n    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);\n\n    return trafficTileLayer;\n};\n\nconst createVectorTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string) => {\n    // @ts-expect-error-next-line\n    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(\n        // @ts-expect-error-next-line: it works despite TS throwing an error\n        api.platform?.getTrafficVectorTileService({ layer: 'flow' }),\n        // @ts-expect-error-next-line\n        new H.map.render.harp.Style({}),\n        { engineType: ENGINE_TYPE_HARP }\n    );\n\n    // @ts-expect-error-next-line:\n    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });\n\n    return trafficFlowLayer;\n};\n\nexport type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst TrafficLayer = (props: TrafficLayerProps) => {\n    const mapContext = useMapContext();\n\n    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)\n        ? createVectorTrafficLayer\n        : createRasterTrafficLayer;\n\n    return <Layer {...props} createLayer={layerCreator} />;\n};\n\nexport default TrafficLayer;\n"],"names":["createRasterTrafficLayer","api","_useWebGL","_baseLayerName","language","baseTrafficUrl","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","trafficTileProvider","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","createVectorTrafficLayer","providerTrafficFlow","ENGINE_TYPE_HARP","TrafficLayer","props","mapContext","useMapContext","layerCreator","isVectorBased","jsx","Layer"],"mappings":";;;;;AASA,MAAMA,IAA2B,CAACC,GAAaC,GAAoBC,GAAwBC,MAAqB;AAE5G,QAAMC,IAAiB,IAAI,EAAE,QAAQ,IAAI,SAAS,0BAA0B,GAGtEC,IAAqBL,EAAI,UAAU,qBAAqB;AAAA,IAC1D,SAASI;AAAA,IACT,QAAQE;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,MACT,QAAQN,EAAI,aAAa;AAAA,MACzB,MAAMG;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX,CACH,GAGKI,IAAsB,IAAI,EAAE,QAAQ,WAAW,SAASF,GAAoB;AAAA,IAC9E,YAAYG;AAAA,IACZ,UAAUC;AAAA,EAAA,CACb;AAID,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAmB;AAG1E,GAEMG,IAA2B,CAACV,GAAaC,GAAoBC,MAA2B;AAE1F,QAAMS,IAAsB,IAAI,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IAExDX,EAAI,UAAU,4BAA4B,EAAE,OAAO,QAAQ;AAAA;AAAA,IAE3D,IAAI,EAAE,IAAI,OAAO,KAAK,MAAM,CAAA,CAAE;AAAA,IAC9B,EAAE,YAAYY,EAAA;AAAA,EAAiB;AAMnC,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUD,GAAqB,EAAE,KAAK,GAAG,KAAK,GAAA,CAAI;AAG/F,GAIME,IAAe,CAACC,MAA6B;AAC/C,QAAMC,IAAaC,EAAA,GAEbC,IAAeC,EAAcH,EAAW,aAAaA,EAAW,SAAS,IACzEL,IACAX;AAEN,SAAO,gBAAAoB,EAACC,GAAA,EAAO,GAAGN,GAAO,aAAaG,GAAc;AACxD;"}
+{"version":3,"file":"TrafficLayer.js","names":[],"sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { useMapContext } from '../../../MapContext';\nimport { isVectorBased } from '../../../../utils/rendering';\n\nconst createRasterTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string, language: string) => {\n    // Traffic\n    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');\n\n    // @ts-expect-error-next-line: it works despite TS throwing an error\n    const trafficTileService = api.platform?.getRasterTileService({\n        baseUrl: baseTrafficUrl,\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        path: 'v3',\n        resource: 'flow',\n        queryParams: {\n            apikey: api.credentials?.apikey,\n            lang: language,\n            ppi: 400,\n            style: 'explore.day',\n        },\n    });\n\n    // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {\n        engineType: ENGINE_TYPE_P2D,\n        tileSize: DEFAULT_TILE_SIZE,\n    });\n\n    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);\n\n    return trafficTileLayer;\n};\n\nconst createVectorTrafficLayer = (api: MapApi, _useWebGL: boolean, _baseLayerName: string) => {\n    // @ts-expect-error-next-line\n    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(\n        // @ts-expect-error-next-line: it works despite TS throwing an error\n        api.platform?.getTrafficVectorTileService({ layer: 'flow' }),\n        // @ts-expect-error-next-line\n        new H.map.render.harp.Style({}),\n        { engineType: ENGINE_TYPE_HARP }\n    );\n\n    // @ts-expect-error-next-line:\n    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });\n\n    return trafficFlowLayer;\n};\n\nexport type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst TrafficLayer = (props: TrafficLayerProps) => {\n    const mapContext = useMapContext();\n\n    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)\n        ? createVectorTrafficLayer\n        : createRasterTrafficLayer;\n\n    return <Layer {...props} createLayer={layerCreator} />;\n};\n\nexport default TrafficLayer;\n"],"mappings":";;;;;;;AASA,IAAM,KAA4B,GAAa,GAAoB,GAAwB,MAAqB;CAE5G,IAAM,IAAiB,IAAI,EAAE,QAAQ,IAAI,SAAS,0BAA0B,GAGtE,IAAqB,EAAI,UAAU,qBAAqB;EAC1D,SAAS;EACT,QAAA;EACA,MAAM;EACN,UAAU;EACV,aAAa;GACT,QAAQ,EAAI,aAAa;GACzB,MAAM;GACN,KAAK;GACL,OAAO;EACX;CACJ,CAAC,GAGK,IAAsB,IAAI,EAAE,QAAQ,WAAW,SAAS,GAAoB;EAC9E,YAAY;EACZ,UAAA;CACJ,CAAC;CAID,OAAO,IAFsB,EAAE,IAAI,MAAM,UAAU,CAE5C;AACX,GAEM,KAA4B,GAAa,GAAoB,MAA2B;CAE1F,IAAM,IAAsB,IAAI,EAAE,QAAQ,kBAAkB,SAExD,EAAI,UAAU,4BAA4B,EAAE,OAAO,OAAO,CAAC,GAE3D,IAAI,EAAE,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,GAC9B,EAAE,YAAY,EAAiB,CACnC;CAKA,OAAO,IAFsB,EAAE,IAAI,MAAM,UAAU,GAAqB;EAAE,KAAK;EAAG,KAAK;CAAG,CAEnF;AACX,GAIM,KAAgB,MAA6B;CAC/C,IAAM,IAAa,EAAc,GAE3B,IAAe,EAAc,EAAW,aAAa,EAAW,SAAS,IACzE,IACA;CAEN,OAAO,kBAAC,GAAD;EAAO,GAAI;EAAO,aAAa;CAAe,CAAA;AACzD"}

package/components/map/components/features/settings/MapSettingsItem.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 export type MapSettingsItemProps = {
-    activeIcon?: JSX.Element;
-    inactiveIcon?: JSX.Element;
+    activeIcon?: React.ReactElement;
+    inactiveIcon?: React.ReactElement;
     isActive?: boolean;
     className?: string;
-    label?: string | JSX.Element;
+    label?: string | React.ReactElement;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
 };
 declare const MapSettingsItem: (props: MapSettingsItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/map/components/features/settings/MapSettingsItem.js

@@ -1,44 +1,23 @@
-import { jsxs as s, Fragment as o, jsx as I } from "react/jsx-runtime";
-import m from "react";
-import { noop as f } from "es-toolkit/function";
-import n from "../../../../../utils/classNames.js";
-const k = (r) => {
-  const { onClick: p = f, activeIcon: a, inactiveIcon: l, isActive: t = !1, label: e, className: d = "" } = r, g = n(
-    "MapSettingsTileIcon",
-    !e && "hover-scale-110",
-    t ? "display-block" : "display-none",
-    a?.props.className || ""
-  ), h = n(
-    "MapSettingsTileIcon",
-    !e && "hover-scale-110",
-    t ? "display-none" : "display-block",
-    l?.props.className || ""
-  ), c = a && m.cloneElement(a, {
-    className: g
-  }), i = l && m.cloneElement(l, {
-    className: h
-  }), N = n(
-    "MapSettingsItem",
-    "display-flex align-items-center gap-10",
-    "text-color-darker",
-    e && "margin--5",
-    d
-  );
-  return /* @__PURE__ */ s("div", { className: N, onClick: p, children: [
-    e && /* @__PURE__ */ s(o, { children: [
-      /* @__PURE__ */ s("div", { className: "margin-left--5", children: [
-        i,
-        c
-      ] }),
-      /* @__PURE__ */ I("div", { className: "flex-1-1 line-height-16 padding-right-5", children: e })
-    ] }),
-    !e && /* @__PURE__ */ s(o, { children: [
-      i,
-      c
-    ] })
-  ] });
+import e from "../../../../../utils/classNames.js";
+import t from "react";
+import { noop as n } from "es-toolkit/function";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/map/components/features/settings/MapSettingsItem.tsx
+var o = (o) => {
+	let { onClick: s = n, activeIcon: c, inactiveIcon: l, isActive: u = !1, label: d, className: f = "" } = o, p = c, m = l, h = e("MapSettingsTileIcon", !d && "hover-scale-110", u ? "display-block" : "display-none", p?.props.className || ""), g = e("MapSettingsTileIcon", !d && "hover-scale-110", u ? "display-none" : "display-block", m?.props.className || ""), _ = p && t.cloneElement(p, { className: h }), v = m && t.cloneElement(m, { className: g });
+	return /* @__PURE__ */ a("div", {
+		className: e("MapSettingsItem", "display-flex align-items-center gap-10", "text-color-darker", d && "margin--5", f),
+		onClick: s,
+		children: [d && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+			className: "margin-left--5",
+			children: [v, _]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex-1-1 line-height-16 padding-right-5",
+			children: d
+		})] }), !d && /* @__PURE__ */ a(r, { children: [v, _] })]
+	});
 };
-export {
-  k as default
-};
-//# sourceMappingURL=MapSettingsItem.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=MapSettingsItem.js.map

package/components/map/components/features/settings/MapSettingsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettingsItem.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsItem.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsItemProps = {\n    activeIcon?: JSX.Element;\n    inactiveIcon?: JSX.Element;\n    isActive?: boolean;\n    className?: string;\n    label?: string | JSX.Element;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MapSettingsItem = (props: MapSettingsItemProps) => {\n    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const defaultIcon =\n        activeIcon &&\n        React.cloneElement(activeIcon, {\n            className: activeIconClassNames,\n        });\n\n    const highlightedIcon =\n        inactiveIcon &&\n        React.cloneElement(inactiveIcon, {\n            className: inactiveIconClassNames,\n        });\n\n    const mapSettingsItemClassNames = classNames(\n        'MapSettingsItem',\n        'display-flex align-items-center gap-10',\n        'text-color-darker',\n        label && 'margin--5',\n        className\n    );\n\n    return (\n        <div className={mapSettingsItemClassNames} onClick={onClick}>\n            {label && (\n                <>\n                    <div className='margin-left--5'>\n                        {highlightedIcon}\n                        {defaultIcon}\n                    </div>\n                    <div className='flex-1-1 line-height-16 padding-right-5'>{label}</div>\n                </>\n            )}\n            {!label && (\n                <>\n                    {highlightedIcon}\n                    {defaultIcon}\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsItem;\n"],"names":["MapSettingsItem","props","onClick","noop","activeIcon","inactiveIcon","isActive","label","className","activeIconClassNames","classNames","inactiveIconClassNames","defaultIcon","React","highlightedIcon","mapSettingsItemClassNames","jsxs","Fragment","jsx"],"mappings":";;;;AAcA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,SAAAC,IAAUC,GAAM,YAAAC,GAAY,cAAAC,GAAc,UAAAC,IAAW,IAAO,OAAAC,GAAO,WAAAC,IAAY,GAAA,IAAOP,GAExFQ,IAAuBC;AAAA,IACzB;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,kBAAkB;AAAA,IAC7BF,GAAY,MAAM,aAAa;AAAA,EAAA,GAG7BO,IAAyBD;AAAA,IAC3B;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,iBAAiB;AAAA,IAC5BD,GAAc,MAAM,aAAa;AAAA,EAAA,GAG/BO,IACFR,KACAS,EAAM,aAAaT,GAAY;AAAA,IAC3B,WAAWK;AAAA,EAAA,CACd,GAECK,IACFT,KACAQ,EAAM,aAAaR,GAAc;AAAA,IAC7B,WAAWM;AAAA,EAAA,CACd,GAECI,IAA4BL;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACAH,KAAS;AAAA,IACTC;AAAA,EAAA;AAGJ,SACI,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAA2B,SAAAb,GACtC,UAAA;AAAA,IAAAK,KACG,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACV,UAAA;AAAA,QAAAF;AAAA,QACAF;AAAA,MAAA,GACL;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAA2C,UAAAX,EAAA,CAAM;AAAA,IAAA,GACpE;AAAA,IAEH,CAACA,KACE,gBAAAS,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAH;AAAA,MACAF;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"MapSettingsItem.js","names":[],"sources":["../../../../../../src/components/map/components/features/settings/MapSettingsItem.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsItemProps = {\n    activeIcon?: React.ReactElement;\n    inactiveIcon?: React.ReactElement;\n    isActive?: boolean;\n    className?: string;\n    label?: string | React.ReactElement;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\ntype MapSettingsIcon = React.ReactElement<{ className?: string }>;\n\nconst MapSettingsItem = (props: MapSettingsItemProps) => {\n    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;\n    const typedActiveIcon = activeIcon as MapSettingsIcon | undefined;\n    const typedInactiveIcon = inactiveIcon as MapSettingsIcon | undefined;\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        typedActiveIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        typedInactiveIcon?.props.className || ''\n    );\n\n    const defaultIcon =\n        typedActiveIcon &&\n        React.cloneElement(typedActiveIcon, {\n            className: activeIconClassNames,\n        });\n\n    const highlightedIcon =\n        typedInactiveIcon &&\n        React.cloneElement(typedInactiveIcon, {\n            className: inactiveIconClassNames,\n        });\n\n    const mapSettingsItemClassNames = classNames(\n        'MapSettingsItem',\n        'display-flex align-items-center gap-10',\n        'text-color-darker',\n        label && 'margin--5',\n        className\n    );\n\n    return (\n        <div className={mapSettingsItemClassNames} onClick={onClick}>\n            {label && (\n                <>\n                    <div className='margin-left--5'>\n                        {highlightedIcon}\n                        {defaultIcon}\n                    </div>\n                    <div className='flex-1-1 line-height-16 padding-right-5'>{label}</div>\n                </>\n            )}\n            {!label && (\n                <>\n                    {highlightedIcon}\n                    {defaultIcon}\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsItem;\n"],"mappings":";;;;;AAgBA,IAAM,KAAmB,MAAgC;CACrD,IAAM,EAAE,aAAU,GAAM,eAAY,iBAAc,cAAW,IAAO,UAAO,eAAY,OAAO,GACxF,IAAkB,GAClB,IAAoB,GAEpB,IAAuB,EACzB,uBACA,CAAC,KAAS,mBACV,IAAW,kBAAkB,gBAC7B,GAAiB,MAAM,aAAa,EACxC,GAEM,IAAyB,EAC3B,uBACA,CAAC,KAAS,mBACV,IAAW,iBAAiB,iBAC5B,GAAmB,MAAM,aAAa,EAC1C,GAEM,IACF,KACA,EAAM,aAAa,GAAiB,EAChC,WAAW,EACf,CAAC,GAEC,IACF,KACA,EAAM,aAAa,GAAmB,EAClC,WAAW,EACf,CAAC;CAUL,OACI,kBAAC,OAAD;EAAK,WATyB,EAC9B,mBACA,0CACA,qBACA,KAAS,aACT,CAIgB;EAAoC;YAApD,CACK,KACG,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,GACA,CACA;MACL,kBAAC,OAAD;GAAK,WAAU;aAA2C;EAAW,CAAA,CACvE,EAAA,CAAA,GAEL,CAAC,KACE,kBAAA,GAAA,EAAA,UAAA,CACK,GACA,CACH,EAAA,CAAA,CAEL;;AAEb"}

package/components/map/components/features/settings/MapSettingsPanel.js

@@ -1,10 +1,14 @@
-import { jsx as n } from "react/jsx-runtime";
-import l from "../../../../../utils/classNames.js";
-const r = (s) => {
-  const { className: a = "", children: e } = s, t = l("MapSettingsPanel", a);
-  return /* @__PURE__ */ n("div", { className: t, children: e });
+import e from "../../../../../utils/classNames.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/map/components/features/settings/MapSettingsPanel.tsx
+var n = (n) => {
+	let { className: r = "", children: i } = n;
+	return /* @__PURE__ */ t("div", {
+		className: e("MapSettingsPanel", r),
+		children: i
+	});
 };
-export {
-  r as default
-};
-//# sourceMappingURL=MapSettingsPanel.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=MapSettingsPanel.js.map

package/components/map/components/features/settings/MapSettingsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettingsPanel.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsPanel.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsPanelProps = {\n    className?: string;\n};\n\nconst MapSettingsPanel = (props: PropsWithChildren<MapSettingsPanelProps>) => {\n    const { className = '', children } = props;\n\n    const panelClassNames = classNames('MapSettingsPanel', className);\n\n    return <div className={panelClassNames}>{children}</div>;\n};\n\nexport default MapSettingsPanel;\n"],"names":["MapSettingsPanel","props","className","children","panelClassNames","classNames","jsx"],"mappings":";;AAQA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,IAAaF,GAE/BG,IAAkBC,EAAW,oBAAoBH,CAAS;AAEhE,SAAO,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAkB,UAAAD,EAAA,CAAS;AACtD;"}
+{"version":3,"file":"MapSettingsPanel.js","names":[],"sources":["../../../../../../src/components/map/components/features/settings/MapSettingsPanel.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../../../../utils/classNames';\n\nexport type MapSettingsPanelProps = {\n    className?: string;\n};\n\nconst MapSettingsPanel = (props: PropsWithChildren<MapSettingsPanelProps>) => {\n    const { className = '', children } = props;\n\n    const panelClassNames = classNames('MapSettingsPanel', className);\n\n    return <div className={panelClassNames}>{children}</div>;\n};\n\nexport default MapSettingsPanel;\n"],"mappings":";;;AAQA,IAAM,KAAoB,MAAoD;CAC1E,IAAM,EAAE,eAAY,IAAI,gBAAa;CAIrC,OAAO,kBAAC,OAAD;EAAK,WAFY,EAAW,oBAAoB,CAEhC;EAAkB;CAAc,CAAA;AAC3D"}

package/components/map/components/features/settings/MapSettingsTile.d.ts

@@ -15,15 +15,15 @@ export type MapSettingsTileProps = {
     /**
      * Dropdown menu items rendered when the settings tile is open.
      */
-    items?: JSX.Element[] | undefined;
+    items?: React.ReactElement[];
     /**
      * Icon shown when the tile is active.
      */
-    activeIcon?: JSX.Element | undefined;
+    activeIcon?: React.ReactElement;
     /**
      * Icon shown when the tile is inactive.
      */
-    inactiveIcon?: JSX.Element | undefined;
+    inactiveIcon?: React.ReactElement;
     /**
      * Controls whether the active or inactive icon is shown.
      */

package/components/map/components/features/settings/MapSettingsTile.js

@@ -1,118 +1,94 @@
-import { jsxs as p, Fragment as L, jsx as i } from "react/jsx-runtime";
-import I, { useState as T } from "react";
-import { AnimatePresence as M, motion as O } from "motion/react";
-import { noop as j } from "es-toolkit/function";
-import { usePopper as U } from "react-popper";
-import s from "../../../../../utils/classNames.js";
-import B from "../../../../overlay/OverlayTrigger.js";
-import S from "../../../../tooltip/Tooltip.js";
-import F, { useClickOutsideWithRef as q } from "../../../../../hooks/useClickOutside.js";
-import z from "../../../../menuItems/MenuItemList.js";
-import G from "../../../../menuItems/MenuItem.js";
-import { isMobileScreen as J } from "../../../../../utils/deviceUtils.js";
-const K = 800, Q = 100, n = {
-  initial: { opacity: 0, y: 10 },
-  animate: { opacity: 1, y: 0 },
-  exit: { opacity: 0, y: 10 },
-  transition: { duration: 0.08, ease: "easeOut" }
-}, b = (m, o) => /* @__PURE__ */ i(
-  B,
-  {
-    placement: S.TOP,
-    delay: { show: K, hide: Q },
-    overlay: /* @__PURE__ */ i(S, { id: "tooltip", width: "auto", children: o }),
-    children: m
-  }
-), re = (m) => {
-  const {
-    onToggle: o = j,
-    activeIcon: d,
-    inactiveIcon: f,
-    isActive: v = !1,
-    panel: u,
-    items: a,
-    className: C,
-    buttonClassName: w,
-    tooltip: l,
-    ...x
-  } = m, [e, h] = T(!1), P = () => {
-    const t = !e;
-    h(t), o(t), g.current.blur();
-  }, g = F(() => {
-    e && u && (h(!1), o(!1), g.current.blur());
-  }), [N, _] = T(null), [y, R] = T(null), { styles: k, attributes: E } = U(N, y, {
-    placement: "top-end",
-    modifiers: e && J() ? [
-      {
-        name: "offset",
-        options: {
-          offset: [-60, -60]
-        }
-      }
-    ] : []
-  });
-  q(y, (t) => {
-    const c = t.target instanceof Node ? t.target : null;
-    c && N?.contains(c) || e && (h(!1), o(!1));
-  });
-  const D = s("MapSettingsTile", C), W = s("MapSettingsButton", e && "active", w), A = s(
-    "MapSettingsTileIcon",
-    "hover-scale-110",
-    v ? "display-block" : "display-none",
-    d?.props.className || ""
-  ), H = s(
-    "MapSettingsTileIcon",
-    "hover-scale-110",
-    v ? "display-none" : "display-block",
-    f?.props.className || ""
-  ), r = /* @__PURE__ */ p("div", { className: W, onClick: P, children: [
-    d && I.cloneElement(d, {
-      className: A
-    }),
-    f && I.cloneElement(f, {
-      className: H
-    })
-  ] });
-  return /* @__PURE__ */ p("div", { className: D, ref: g, ...x, children: [
-    !a && /* @__PURE__ */ p(L, { children: [
-      l && !e ? b(r, l) : r,
-      /* @__PURE__ */ i("div", { className: "overflow-hidden", children: /* @__PURE__ */ i(M, { children: e && u && /* @__PURE__ */ i(
-        O.div,
-        {
-          initial: n.initial,
-          animate: n.animate,
-          exit: n.exit,
-          transition: n.transition,
-          children: u
-        }
-      ) }) })
-    ] }),
-    a && /* @__PURE__ */ p("div", { className: "MapSettingsTile-inner position-relative", ref: _, children: [
-      l && !e ? b(r, l) : r,
-      /* @__PURE__ */ i(M, { children: e && a && /* @__PURE__ */ i(
-        O.div,
-        {
-          className: s("dropdown", e && "open"),
-          initial: n.initial,
-          animate: n.animate,
-          exit: n.exit,
-          transition: n.transition,
-          children: /* @__PURE__ */ i(
-            z,
-            {
-              className: "margin-bottom-5 shadow-smooth border-none",
-              ref: R,
-              style: { ...k.popper, minWidth: "180px" },
-              ...E.popper,
-              children: a?.map((t, c) => t.type.isMapSettingsDropdownHeader ? t : /* @__PURE__ */ i(G, { value: t }, c))
-            }
-          )
-        }
-      ) })
-    ] })
-  ] });
+import e, { useClickOutsideWithRef as t } from "../../../../../hooks/useClickOutside.js";
+import n from "../../../../../utils/classNames.js";
+import { useAnchorName as r, usePopover as i } from "../../../../../hooks/useAnchoredPopover.js";
+import a from "../../../../menuItems/MenuItem.js";
+import o from "../../../../tooltip/Tooltip.js";
+import s from "../../../../overlay/OverlayTrigger.js";
+import c, { useState as l } from "react";
+import { noop as u } from "es-toolkit/function";
+import { AnimatePresence as d, motion as f } from "motion/react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/map/components/features/settings/MapSettingsTile.tsx
+var g = 800, _ = 100, v = {
+	initial: {
+		opacity: 0,
+		y: 10
+	},
+	animate: {
+		opacity: 1,
+		y: 0
+	},
+	exit: {
+		opacity: 0,
+		y: 10
+	},
+	transition: {
+		duration: .08,
+		ease: "easeOut"
+	}
+}, y = (e, t) => /* @__PURE__ */ m(s, {
+	placement: o.TOP,
+	delay: {
+		show: g,
+		hide: _
+	},
+	overlay: /* @__PURE__ */ m(o, {
+		id: "tooltip",
+		width: "auto",
+		children: t
+	}),
+	children: e
+}), b = (o) => {
+	let { onToggle: s = u, activeIcon: g, inactiveIcon: _, isActive: b = !1, panel: x, items: S, className: C, buttonClassName: w, tooltip: T, ...E } = o, D = g, O = _, [k, A] = l(!1), j = () => {
+		let e = !k;
+		A(e), s(e), M.current?.blur();
+	}, M = e(() => {
+		k && x && (A(!1), s(!1), M.current?.blur());
+	}), [N, P] = l(null), F = r("map-settings-tile");
+	i(N, k), t(N, (e) => {
+		let t = e.target instanceof Node ? e.target : null;
+		t && M.current?.contains(t) || k && (A(!1), s(!1));
+	});
+	let I = n("MapSettingsTile", C), L = n("MapSettingsButton", k && "active", w), R = n("dropdown-menu", "margin-bottom-5 shadow-smooth border-none"), z = { anchorName: F }, B = { positionAnchor: F }, V = { popover: "manual" }, H = n("MapSettingsTileIcon", "hover-scale-110", b ? "display-block" : "display-none", D?.props.className || ""), U = n("MapSettingsTileIcon", "hover-scale-110", b ? "display-none" : "display-block", O?.props.className || ""), W = /* @__PURE__ */ h("div", {
+		className: L,
+		onClick: j,
+		children: [D && c.cloneElement(D, { className: H }), O && c.cloneElement(O, { className: U })]
+	});
+	return /* @__PURE__ */ h("div", {
+		className: I,
+		ref: M,
+		...E,
+		children: [!S && /* @__PURE__ */ h(p, { children: [T && !k ? y(W, T) : W, /* @__PURE__ */ m("div", {
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ m(d, { children: k && x && /* @__PURE__ */ m(f.div, {
+				initial: v.initial,
+				animate: v.animate,
+				exit: v.exit,
+				transition: v.transition,
+				children: x
+			}) })
+		})] }), S && /* @__PURE__ */ h("div", {
+			className: "MapSettingsTile-inner position-relative",
+			style: z,
+			children: [T && !k ? y(W, T) : W, /* @__PURE__ */ m(d, { children: k && S && /* @__PURE__ */ m("div", {
+				className: n("dropdown", k && "open"),
+				children: /* @__PURE__ */ m(f.ul, {
+					...V,
+					className: R,
+					role: "menu",
+					ref: P,
+					style: B,
+					initial: v.initial,
+					animate: v.animate,
+					exit: v.exit,
+					transition: v.transition,
+					children: S?.map((e, t) => e.type.isMapSettingsDropdownHeader ? e : /* @__PURE__ */ m(a, { value: e }, t))
+				})
+			}) })]
+		})]
+	});
 };
-export {
-  re as default
-};
-//# sourceMappingURL=MapSettingsTile.js.map
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=MapSettingsTile.js.map