@geowiki/map 0.16.9-dev.3 → 0.16.9-dev.5

package/dist/index.js

@@ -613,13 +613,13 @@ var prepareRGBImage = (array, width, height) => {
   var data = imageData == null ? void 0 : imageData.data;
   let index = 0;
   for (var i = 0; i < array.length; ) {
-    const r = array[i++];
+    const r2 = array[i++];
     const g = array[i++];
     const b = array[i++];
-    data[index++] = r;
+    data[index++] = r2;
     data[index++] = g;
     data[index++] = b;
-    data[index++] = r === 0 && g === 0 && b === 0 ? 0 : 255;
+    data[index++] = r2 === 0 && g === 0 && b === 0 ? 0 : 255;
   }
   ctx == null ? void 0 : ctx.putImageData(imageData, 0, 0);
   return canvas;
@@ -2827,11 +2827,11 @@ var import_react4 = require("react");
 var import_react_leaflet4 = require("react-leaflet");
 var import_leaflet_draw = require("leaflet-draw");
 var import_core = require("@geowiki/core");
-var import_router = require("next/router");
+var import_core2 = require("@geowiki/core");
 var PointSelection = (_props) => {
   var _a, _b, _c, _d, _e, _f;
   const map = (0, import_react_leaflet4.useMap)();
-  const router = (0, import_router.useRouter)();
+  const router = (0, import_core2.useRouter)();
   const evolandStore = useEvolandStore();
   var mapStore = map_default();
   var panelStore = (0, import_core.usePanelStore)();
@@ -2959,7 +2959,7 @@ var SelectedPoint = () => {
 };
 
 // src/Components/LayerStoreList.tsx
-var import_core7 = require("@geowiki/core");
+var import_core10 = require("@geowiki/core");
 
 // src/store/mapLayers.ts
 var import_zustand3 = require("zustand");
@@ -3091,7 +3091,7 @@ var useMapLayerStore = (0, import_zustand3.create)()((set, get) => ({
 var mapLayers_default = useMapLayerStore;
 
 // src/Components/CustomWMS.tsx
-var import_core2 = require("@react-leaflet/core");
+var import_core3 = require("@react-leaflet/core");
 
 // src/utils/BetterWMS.ts
 var import_leaflet4 = __toESM(require("leaflet"));
@@ -3472,19 +3472,19 @@ var BetterWMS = class extends import_leaflet4.default.TileLayer.WMS {
 };
 
 // src/Components/CustomWMS.tsx
-var CustomWMSTileLayer = (0, import_core2.createTileLayerComponent)(
+var CustomWMSTileLayer = (0, import_core3.createTileLayerComponent)(
   function createWMSTileLayer(_a, context) {
     var _b = _a, { params = {}, url } = _b, options = __objRest(_b, ["params", "url"]);
     var instance = new BetterWMS(url, __spreadValues(__spreadProps(__spreadValues({}, params), {
       url
-    }), (0, import_core2.withPane)(options, context)));
+    }), (0, import_core3.withPane)(options, context)));
     return {
       instance,
       context
     };
   },
   function updateWMSTileLayer(layer, props, prevProps) {
-    (0, import_core2.updateGridLayer)(layer, props, prevProps);
+    (0, import_core3.updateGridLayer)(layer, props, prevProps);
     if (props.params != null && props.params !== prevProps.params) {
       layer.setParams(props.params);
     }
@@ -3499,7 +3499,7 @@ var ReactDOMServer = __toESM(require("react-dom/server"));
 var import_ui6 = require("@geowiki/ui");
 
 // src/Components/MarkerClusterGroup.tsx
-var import_core3 = require("@react-leaflet/core");
+var import_core4 = require("@react-leaflet/core");
 var L7 = __toESM(require("leaflet"));
 var import_leaflet5 = require("leaflet.markercluster");
 function getPropsAndEvents(props) {
@@ -3522,20 +3522,20 @@ function createMarkerClusterGroup(props, context) {
     const clusterEvent = `cluster${eventAsProp.substring(2).toLowerCase()}`;
     markerClusterGroup.on(clusterEvent, callback);
   });
-  return (0, import_core3.createElementObject)(
+  return (0, import_core4.createElementObject)(
     markerClusterGroup,
-    (0, import_core3.extendContext)(context, { layerContainer: markerClusterGroup })
+    (0, import_core4.extendContext)(context, { layerContainer: markerClusterGroup })
   );
 }
 var updateMarkerCluster = () => {
 };
-var MarkerClusterGroup2 = (0, import_core3.createPathComponent)(
+var MarkerClusterGroup2 = (0, import_core4.createPathComponent)(
   createMarkerClusterGroup,
   updateMarkerCluster
 );
 
 // src/Components/GeoJsonProperties.tsx
-var import_core4 = require("@geowiki/core");
+var import_core5 = require("@geowiki/core");
 var import_react5 = require("react");
 
 // src/Components/PropsContent.tsx
@@ -3549,7 +3549,7 @@ var PropsContent = ({ content }) => {
 var PropsContent_default = PropsContent;
 
 // src/Components/GeoJsonProperties.tsx
-var import_image = __toESM(require("next/image"));
+var import_core6 = require("@geowiki/core");
 var import_ui2 = require("@geowiki/ui");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var parseProperties = (properties, serverProperties) => {
@@ -3571,7 +3571,7 @@ var GeoJsonPropertiesWidget = ({
   className
 }) => {
   var _a, _b, _c, _d;
-  const fileUrl = (0, import_core4.useFileUrl)();
+  const fileUrl = (0, import_core5.useFileUrl)();
   const serverProperties = (0, import_react5.useMemo)(
     () => {
       var _a2, _b2, _c2, _d2;
@@ -3597,7 +3597,7 @@ var GeoJsonPropertiesWidget = ({
   const isFarmerCluster = properties ? "farmingSystem" in properties : false;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_ui2.cn)("bg-white rounded-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-4", children: [
     canShowImage && imageUri && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "relative h-64 w-full overflow-hidden rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_image.default,
+      import_core6.Image,
       {
         src: imageUri,
         alt: "Property Image",
@@ -3625,11 +3625,11 @@ var GeoJsonPropertiesWidget = ({
 var GeoJsonProperties_default = GeoJsonPropertiesWidget;
 
 // src/Components/Recodo/FarmerClusterPopup.tsx
-var import_core5 = require("@geowiki/core");
+var import_core7 = require("@geowiki/core");
 var import_ui3 = require("@geowiki/ui");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var FarmerClusterPopup = ({ properties }) => {
-  const fileUrl = (0, import_core5.useFileUrl)();
+  const fileUrl = (0, import_core7.useFileUrl)();
   if (!properties)
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "No properties found" });
   const name = properties["name"];
@@ -3682,9 +3682,9 @@ var BiodiversityObservationPopup = ({
 
 // src/Components/Ifbn/IfbnSitePopup.tsx
 var import_react6 = require("react");
-var import_core6 = require("@geowiki/core");
+var import_core8 = require("@geowiki/core");
 var import_ui5 = require("@geowiki/ui");
-var import_image2 = __toESM(require("next/image"));
+var import_core9 = require("@geowiki/core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var SiteInformation = ({ data }) => {
   if (!data)
@@ -3862,7 +3862,7 @@ var IfbnSitePopup = ({ properties }) => {
   const [siteData, setSiteData] = (0, import_react6.useState)(null);
   const [isLoading, setIsLoading] = (0, import_react6.useState)(false);
   const [imageError, setImageError] = (0, import_react6.useState)(false);
-  const { status: sessionStatus, data: session } = (0, import_core6.useSession)();
+  const { status: sessionStatus, data: session } = (0, import_core8.useSession)();
   if (!properties)
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: "No properties found" });
   const plotId = properties["Plot_ID"];
@@ -3936,7 +3936,7 @@ var IfbnSitePopup = ({ properties }) => {
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_image2.default,
+      import_core9.Image,
       {
         alt: "",
         src: imageError ? fallbackUrl : imageUrl,
@@ -5141,7 +5141,7 @@ var GoogleSheetsPopup = ({
       return Object.keys(value).length === 0;
     return false;
   };
-  const isUrl = (value) => {
+  const isUrl2 = (value) => {
     if (typeof value !== "string")
       return false;
     const trimmedValue = value.trim();
@@ -5167,7 +5167,7 @@ var GoogleSheetsPopup = ({
     return key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).replace(/_/g, " ").replace(/\s+/g, " ").trim();
   };
   const formatFieldValue = (value) => {
-    if (isUrl(value)) {
+    if (isUrl2(value)) {
       const url = value.startsWith("http") ? value : `https://${value}`;
       const displayText = value.length > 50 ? `${value.substring(0, 47)}...` : value;
       return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -5185,11 +5185,11 @@ var GoogleSheetsPopup = ({
     return String(value);
   };
   const urlFields = filteredProperties.filter(([_key, value]) => {
-    const isUrlValue = isUrl(value);
+    const isUrlValue = isUrl2(value);
     return isUrlValue;
   });
   const otherFields = filteredProperties.filter(([_key, value]) => {
-    const isUrlValue = isUrl(value);
+    const isUrlValue = isUrl2(value);
     return !isUrlValue;
   });
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-white rounded-lg shadow-lg p-6 w-full max-w-md overflow-hidden", children: [
@@ -6639,7 +6639,7 @@ var import_jsx_runtime21 = require("react/jsx-runtime");
 var LayerStoreList = () => {
   const layerStore = useMapLayerStore();
   const mapStore = map_default();
-  const { data: mapMenuItems, isLoading } = (0, import_core7.useMapMenuItems)();
+  const { data: mapMenuItems, isLoading } = (0, import_core10.useMapMenuItems)();
   const parsedMenuItems = parseMapMenuItems(mapMenuItems);
   const layerItems = parsedMenuItems == null ? void 0 : parsedMenuItems.map((menu) => menu.subMenus);
   (0, import_react12.useEffect)(() => {
@@ -6782,7 +6782,7 @@ var LabelButtonView = ({}) => {
 };
 
 // src/Components/MapSidebar.tsx
-var import_core8 = require("@geowiki/core");
+var import_core11 = require("@geowiki/core");
 
 // src/Components/MiniMapElement.tsx
 var import_react_leaflet11 = require("react-leaflet");
@@ -6850,7 +6850,7 @@ var MiniMapElement_default = (0, import_react14.memo)(MiniMapElement);
 // src/Components/MapSidebar.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var MapSidebar = ({}) => {
-  const { data: wmsLayerNames } = (0, import_core8.useEvolandWmsLayers)();
+  const { data: wmsLayerNames } = (0, import_core11.useEvolandWmsLayers)();
   const layerStore = useMapLayerStore();
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "grid gap-1 p-2 grid-cols-1 overflow-y-scroll 3xl:grid-cols-2 h-[92.5vh] driver-left-panel", children: wmsLayerNames == null ? void 0 : wmsLayerNames.layers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "px-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "w-60 lx:w-80 line-clamp-1", children: layer.layerDescription }),
@@ -6860,17 +6860,17 @@ var MapSidebar = ({}) => {
 
 // src/Components/Evoland/RasterPreview.tsx
 var import_evoland_api_proxy3 = require("@geowiki/evoland-api-proxy");
-var import_navigation = require("next/navigation");
+var import_core12 = require("@geowiki/core");
 var import_react15 = require("react");
-var import_core9 = require("@geowiki/core");
+var import_core13 = require("@geowiki/core");
 var import_ui10 = require("@geowiki/ui");
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var RasterPreview = (_props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
   const evolandStore = useEvolandStore();
-  const router = (0, import_navigation.useRouter)();
-  const searchParams = (0, import_navigation.useSearchParams)();
+  const router = (0, import_core12.useNavigationRouter)();
+  const searchParams = (0, import_core12.useSearchParams)();
   const layerStore = useMapLayerStore();
   const [noNextLocation, setNoNextLocation] = (0, import_react15.useState)(false);
   const [status, setStatus] = (0, import_react15.useState)();
@@ -6880,14 +6880,14 @@ var RasterPreview = (_props) => {
   const [disableSubmit, setDisableSubmit] = (0, import_react15.useState)(false);
   var projectId = searchParams.get("projectId");
   var locationId = searchParams.get("locationId");
-  const { data: tasks } = (0, import_core9.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core13.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: parseInt(projectId),
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core9.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core13.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
@@ -6916,20 +6916,20 @@ var RasterPreview = (_props) => {
     var { data: savedAnnotationBuffer, indexArr: savedAnnotationIndexArr } = evolandStore.savedAnnotations && evolandStore.isAnnualAnnotation ? { data: evolandStore.savedAnnotations.buffer, indexArr: 0 } : evolandStore.savedAnnotations ? flatten(evolandStore.savedAnnotations.buffer) : { data: void 0, indexArr: 0 };
     var { data: annotationBuffer, indexArr: annotationBufferIndexArr } = evolandStore.annotatedRasterAsset && evolandStore.isAnnualAnnotation ? { data: evolandStore.annotatedRasterAsset.buffer, indexArr: 0 } : evolandStore.annotatedRasterAsset ? flatten(evolandStore.annotatedRasterAsset.buffer) : { data: void 0, indexArr: 0 };
     setStatus(taskStatus[0]);
-    bufferData = taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_b2 = (_a2 = evolandStore.annotationUndoRedo) == null ? void 0 : _a2.past) == null ? void 0 : _b2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_d2 = (_c2 = evolandStore.annotationUndoRedo) == null ? void 0 : _c2.past) == null ? void 0 : _d2.length) == 0 && evolandStore.savedAnnotations ? Buffer.from(savedAnnotationBuffer == null ? void 0 : savedAnnotationBuffer.buffer).toString("base64") : Buffer.from(annotationBuffer == null ? void 0 : annotationBuffer.buffer).toString("base64");
-    var annotation_dates = evolandStore.isAnnualAnnotation ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_f2 = (_e2 = evolandStore.annotationUndoRedo) == null ? void 0 : _e2.past) == null ? void 0 : _f2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_h2 = (_g2 = evolandStore.annotationUndoRedo) == null ? void 0 : _g2.past) == null ? void 0 : _h2.length) == 0 && evolandStore.savedAnnotations ? savedAnnotationIndexArr.map(
+    bufferData = taskStatus[1] === import_core13.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_b2 = (_a2 = evolandStore.annotationUndoRedo) == null ? void 0 : _a2.past) == null ? void 0 : _b2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_d2 = (_c2 = evolandStore.annotationUndoRedo) == null ? void 0 : _c2.past) == null ? void 0 : _d2.length) == 0 && evolandStore.savedAnnotations ? Buffer.from(savedAnnotationBuffer == null ? void 0 : savedAnnotationBuffer.buffer).toString("base64") : Buffer.from(annotationBuffer == null ? void 0 : annotationBuffer.buffer).toString("base64");
+    var annotation_dates = evolandStore.isAnnualAnnotation ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_f2 = (_e2 = evolandStore.annotationUndoRedo) == null ? void 0 : _e2.past) == null ? void 0 : _f2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_h2 = (_g2 = evolandStore.annotationUndoRedo) == null ? void 0 : _g2.past) == null ? void 0 : _h2.length) == 0 && evolandStore.savedAnnotations ? savedAnnotationIndexArr.map(
       (item) => evolandStore.reference_dates[item]
     ) : annotationBufferIndexArr.map(
       (item) => evolandStore.reference_dates[item]
     );
-    if (!evolandStore.isAnnualAnnotation && annotation_dates && annotation_dates.length < ((_i2 = evolandStore.projectDetail) == null ? void 0 : _i2.minimum_annotation) && taskStatus[1] === import_core9.AnnotationRequired.REQUIRED) {
+    if (!evolandStore.isAnnualAnnotation && annotation_dates && annotation_dates.length < ((_i2 = evolandStore.projectDetail) == null ? void 0 : _i2.minimum_annotation) && taskStatus[1] === import_core13.AnnotationRequired.REQUIRED) {
       alert(
         "Task should have minimum " + ((_j2 = evolandStore.projectDetail) == null ? void 0 : _j2.minimum_annotation) + " annotations"
       );
       return;
     }
     if (evolandStore.annotatedRasterAsset && evolandStore.currentTask) {
-      if (taskStatus[1] === import_core9.AnnotationRequired.REQUIRED) {
+      if (taskStatus[1] === import_core13.AnnotationRequired.REQUIRED) {
         if (evolandStore.isAnnualAnnotation && isBase64Zeros(bufferData)) {
           alert("Please provide annotation");
           return;
@@ -6941,16 +6941,16 @@ var RasterPreview = (_props) => {
         task_type: ((_k2 = evolandStore.projectDetail) == null ? void 0 : _k2.meta_data.ANNOTATION) ? [import_evoland_api_proxy3.TaskType.ANNOTATION] : [],
         target_status: taskStatus[0],
         base64_array: bufferData,
-        array_height: taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_m2 = (_l2 = evolandStore.annotationUndoRedo) == null ? void 0 : _l2.past) == null ? void 0 : _m2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_o2 = (_n2 = evolandStore.annotationUndoRedo) == null ? void 0 : _n2.past) == null ? void 0 : _o2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.height : evolandStore.annotatedRasterAsset.height,
-        array_width: taskStatus[1] === import_core9.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_q2 = (_p2 = evolandStore.annotationUndoRedo) == null ? void 0 : _p2.past) == null ? void 0 : _q2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_s2 = (_r2 = evolandStore.annotationUndoRedo) == null ? void 0 : _r2.past) == null ? void 0 : _s2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.width : evolandStore.annotatedRasterAsset.width,
-        annotation_time: taskStatus[1] === (import_core9.AnnotationRequired.NOT_REQUIRED || import_core9.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
+        array_height: taskStatus[1] === import_core13.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_m2 = (_l2 = evolandStore.annotationUndoRedo) == null ? void 0 : _l2.past) == null ? void 0 : _m2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_o2 = (_n2 = evolandStore.annotationUndoRedo) == null ? void 0 : _n2.past) == null ? void 0 : _o2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.height : evolandStore.annotatedRasterAsset.height,
+        array_width: taskStatus[1] === import_core13.AnnotationRequired.NOT_REQUIRED ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_q2 = (_p2 = evolandStore.annotationUndoRedo) == null ? void 0 : _p2.past) == null ? void 0 : _q2.length) == 0 && !evolandStore.savedAnnotations ? void 0 : taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_s2 = (_r2 = evolandStore.annotationUndoRedo) == null ? void 0 : _r2.past) == null ? void 0 : _s2.length) == 0 && evolandStore.savedAnnotations ? evolandStore.savedAnnotations.width : evolandStore.annotatedRasterAsset.width,
+        annotation_time: taskStatus[1] === (import_core13.AnnotationRequired.NOT_REQUIRED || import_core13.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
         annotation_dates: !evolandStore.isAnnualAnnotation && (annotation_dates == null ? void 0 : annotation_dates.length) > 0 ? annotation_dates : null,
         comment: evolandStore.comment === "" ? void 0 : evolandStore.comment
       };
       try {
         var response = yield import_evoland_api_proxy3.TaskService.updateTaskUpdatetaskPost(submitReq);
         if (response !== void 0) {
-          response ? taskStatus[1] == import_core9.AnnotationRequired.REQUIRED || taskStatus[1] === import_core9.AnnotationRequired.OPTIONAL && ((_u2 = (_t2 = evolandStore.annotationUndoRedo) == null ? void 0 : _t2.past) == null ? void 0 : _u2.pop()) !== void 0 ? setSubmitNotificationMessage(
+          response ? taskStatus[1] == import_core13.AnnotationRequired.REQUIRED || taskStatus[1] === import_core13.AnnotationRequired.OPTIONAL && ((_u2 = (_t2 = evolandStore.annotationUndoRedo) == null ? void 0 : _t2.past) == null ? void 0 : _u2.pop()) !== void 0 ? setSubmitNotificationMessage(
             "Annotation has been moved to " + taskStatus[0].toUpperCase() + " state successfully with a new annotation. Moving to next location, please wait."
           ) : setSubmitNotificationMessage(
             "Annotation has been moved to " + taskStatus[0].toUpperCase() + " successfully. Moving to next location, please wait."
@@ -7149,7 +7149,7 @@ var RasterPreview = (_props) => {
   if (layerStore.layerOpacity == 0)
     layerStore.setLayerOpacity(0.4);
   if (!goToNextTask && evolandStore.location !== null && evolandStore.location.locationId !== searchParams.get("locationId")) {
-    if (status == import_core9.TaskStatus.ACCEPTED || status == import_core9.TaskStatus.DISCARDED || status == import_core9.TaskStatus.TO_FIX) {
+    if (status == import_core13.TaskStatus.ACCEPTED || status == import_core13.TaskStatus.DISCARDED || status == import_core13.TaskStatus.TO_FIX) {
       setGoToNextTask(true);
       if (_props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
@@ -7215,7 +7215,7 @@ var RasterPreview = (_props) => {
       }
     ) }),
     evolandStore.currentTask !== null && ((_h = (_g = evolandStore.currentTask) == null ? void 0 : _g.transition_states) == null ? void 0 : _h.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-center", children: [
-      ((_i = evolandStore.currentTask) == null ? void 0 : _i.status) !== import_core9.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      ((_i = evolandStore.currentTask) == null ? void 0 : _i.status) !== import_core13.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_ui10.Button,
         {
           className: "mb-2 mt-2 mr-2 text-xs -flex-col",
@@ -7271,13 +7271,13 @@ var RasterPreview = (_props) => {
                 {
                   disabled: disableSubmit,
                   style: {
-                    backgroundColor: import_core9.TaskStatusColor[x[0]]
+                    backgroundColor: import_core13.TaskStatusColor[x[0]]
                   },
                   className: "h-6 text-xs p-1 m-1 text-forground-black -px-4 -py-2 w-full",
                   onClick: () => {
                     onSubmit(x);
                   },
-                  children: import_core9.TaskState[x[0]]
+                  children: import_core13.TaskState[x[0]]
                 }
               ) });
             }
@@ -7406,7 +7406,7 @@ var RasterPreview = (_props) => {
               );
             },
             alt: "annotation",
-            className: (0, import_core9.classNames)(
+            className: (0, import_core13.classNames)(
               "text-xs w-48 border-y border-x border-gray-100 hover:border-gray-400",
               ((_q = evolandStore.selectedRasterAsset) == null ? void 0 : _q.id) === ((_r = evolandStore.annotatedRasterAsset) == null ? void 0 : _r.id) && " border-2 border-red-600 ",
               evolandStore.selectedRasterAsset === null || ((_s = evolandStore.selectedRasterAsset) == null ? void 0 : _s.id) !== ((_t = evolandStore.annotatedRasterAsset) == null ? void 0 : _t.id) && " border-gray-50"
@@ -7469,14 +7469,14 @@ var RasterPreview = (_props) => {
 // src/Components/Evoland/Annotation.tsx
 var import_ui11 = require("@geowiki/ui");
 var import_react16 = require("react");
-var import_link = __toESM(require("next/link"));
-var import_router2 = require("next/router");
+var import_core14 = require("@geowiki/core");
+var import_core15 = require("@geowiki/core");
 var import_evoland_api_proxy4 = require("@geowiki/evoland-api-proxy");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var Annotation = (props) => {
   var _a, _b, _c, _d;
   const evolandStore = evoland_default();
-  const router = (0, import_router2.useRouter)();
+  const router = (0, import_core15.useRouter)();
   var projectId = router.query.projectId;
   var locationId = router.query.locationId;
   const [activeLearningLoading, setActiveLearningLoading] = (0, import_react16.useState)(false);
@@ -7931,7 +7931,7 @@ var Annotation = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "font-semibold text-xs inline-flex flex-row", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: "Currently selected label" }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                import_link.default,
+                import_core14.Link,
                 {
                   className: "w-5",
                   href: "https://wirehaired-enquiry-b72.notion.site/Evoland-Annotation-System-Pilot-Manual-4ab47f880f944efebd2832861669bf1f",
@@ -8083,12 +8083,12 @@ var Annotation = (props) => {
 };
 
 // src/Components/Evoland/EvolandLeftSideBar.tsx
-var import_router3 = require("next/router");
-var import_core14 = require("@geowiki/core");
+var import_core20 = require("@geowiki/core");
+var import_core21 = require("@geowiki/core");
 var import_react20 = require("react");
 var import_ui15 = require("@geowiki/ui");
 var import_react_hotkeys_hook2 = require("react-hotkeys-hook");
-var import_link2 = __toESM(require("next/link"));
+var import_core22 = require("@geowiki/core");
 
 // src/Components/Evoland/GeoWikiTools.tsx
 var turf5 = __toESM(require("@turf/turf"));
@@ -8522,10 +8522,10 @@ var AssetOpacity = (props) => {
 
 // src/Components/ViewAssets.tsx
 var import_react18 = require("react");
-var import_core11 = require("@geowiki/core");
+var import_core17 = require("@geowiki/core");
 
 // src/Components/Evoland/RasterImage.tsx
-var import_core10 = require("@geowiki/core");
+var import_core16 = require("@geowiki/core");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var RasterImageWithColorMap = (props) => {
   var _a, _b, _c, _d, _e;
@@ -8534,7 +8534,7 @@ var RasterImageWithColorMap = (props) => {
     imgUri && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
-        className: (0, import_core10.classNames)(
+        className: (0, import_core16.classNames)(
           "relative text-xs border-y border-x hover:border-gray-600",
           ((_a = props.selectedItem) == null ? void 0 : _a.id) === ((_b = props.rasterAssetItem) == null ? void 0 : _b.id) && " border-blue-600 bg-primary",
           props.selectedItem === null || ((_c = props.selectedItem) == null ? void 0 : _c.id) !== ((_d = props.rasterAssetItem) == null ? void 0 : _d.id) && "border-gray-300"
@@ -8611,13 +8611,13 @@ var ViewAssets = (props) => {
     data: taskAnnotation,
     isLoading: IsTaskAnnotationLoading,
     error
-  } = (0, import_core11.useTaskMultipleAnnotations)(
+  } = (0, import_core17.useTaskMultipleAnnotations)(
     props.taskId !== void 0 && props.taskId !== 0 && submittedAnnotations.length == 0 ? props.taskId : submittedAnnotations.length == 0 && evolandStore.currentTask != null && ((_a = evolandStore.currentTask) == null ? void 0 : _a.task_id) !== void 0 ? evolandStore.currentTask.task_id : null
   );
-  const { data: taskSavedAnnotation } = (0, import_core11.useTaskSavedAnnotations)(
+  const { data: taskSavedAnnotation } = (0, import_core17.useTaskSavedAnnotations)(
     props.taskId !== void 0 && props.taskId !== 0 && savedAnnotations == null ? props.taskId : savedAnnotations == null && evolandStore.currentTask != null && ((_b = evolandStore.currentTask) == null ? void 0 : _b.task_id) !== void 0 && evolandStore.currentTask.saved_annotation !== null ? evolandStore.currentTask.task_id : null
   );
-  const { data: latestTaskOnLocation } = (0, import_core11.useLatestTaskOnLocation)(
+  const { data: latestTaskOnLocation } = (0, import_core17.useLatestTaskOnLocation)(
     props.locationId,
     props.projectId,
     evolandStore.referenceDate
@@ -8764,7 +8764,7 @@ var ViewAssets = (props) => {
           (masks == null ? void 0 : masks.length) > 0 && evolandStore.maskAsset && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core11.classNames)(
+              className: (0, import_core17.classNames)(
                 "border-r border-t border-gray-300",
                 !maskTab && "bg-primary"
               ),
@@ -8781,7 +8781,7 @@ var ViewAssets = (props) => {
           ((_d = evolandStore.changeMaskAsset) == null ? void 0 : _d.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core11.classNames)(
+              className: (0, import_core17.classNames)(
                 "border-r border-t border-gray-300",
                 !changeMaskTab && "bg-primary"
               ),
@@ -8798,7 +8798,7 @@ var ViewAssets = (props) => {
           showAnnotationTab && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core11.classNames)(
+              className: (0, import_core17.classNames)(
                 "border-r border-t border-gray-300 px-1",
                 !annotationTab && "bg-primary"
               ),
@@ -8815,7 +8815,7 @@ var ViewAssets = (props) => {
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "button",
             {
-              className: (0, import_core11.classNames)(
+              className: (0, import_core17.classNames)(
                 "border-r border-t border-gray-300 px-1",
                 !compositesTab && "bg-primary"
               ),
@@ -9117,15 +9117,15 @@ var ViewAssets = (props) => {
 
 // src/Components/Evoland/SearchAnnotation.tsx
 var import_react19 = require("react");
-var import_core12 = require("@geowiki/core");
+var import_core18 = require("@geowiki/core");
 var import_ui14 = require("@geowiki/ui");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var SearchAnnotation = (props) => {
-  const { data: users, isLoading: IsUsersLoading } = (0, import_core12.useProjectUsers)(
+  const { data: users, isLoading: IsUsersLoading } = (0, import_core18.useProjectUsers)(
     props.projectId
   );
-  const { data: taskStatusList, isLoading: IsTaskStatusLoading } = (0, import_core12.useTaskStatusList)();
-  const { data: groups, isLoading: IsGroupsLoading } = (0, import_core12.useGroupsInProject)(
+  const { data: taskStatusList, isLoading: IsTaskStatusLoading } = (0, import_core18.useTaskStatusList)();
+  const { data: groups, isLoading: IsGroupsLoading } = (0, import_core18.useGroupsInProject)(
     props.projectId
   );
   const [searchUser, setSearchUser] = (0, import_react19.useState)(
@@ -9135,7 +9135,7 @@ var SearchAnnotation = (props) => {
     !localStorage.getItem("searchGroup") ? "" : localStorage.getItem("searchGroup")
   );
   const [searchStatus, setSearchStatus] = (0, import_react19.useState)(
-    !localStorage.getItem("searchStatus") ? import_core12.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus")
+    !localStorage.getItem("searchStatus") ? import_core18.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus")
   );
   const [fromDate, setFromDate] = (0, import_react19.useState)(
     localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : ""
@@ -9143,13 +9143,13 @@ var SearchAnnotation = (props) => {
   const [toDate, setToDate] = (0, import_react19.useState)(
     !localStorage.getItem("toDate") ? "" : localStorage.getItem("toDate")
   );
-  const { data: tasks } = (0, import_core12.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core18.useRandomTasksPerLocation)({
     taskForReview: props.taskForReview,
     pageIdx: 0,
     pageSize: searchUser == void 0 && searchGroup == void 0 ? 1 : 10,
     locationProjectId: props.projectId,
     groupName: searchGroup || null,
-    statusIn: searchUser == void 0 && searchStatus == void 0 ? import_core12.TaskStatus.SUBMITTED : searchStatus,
+    statusIn: searchUser == void 0 && searchStatus == void 0 ? import_core18.TaskStatus.SUBMITTED : searchStatus,
     dateGte: fromDate,
     dateLte: toDate,
     userUserAlias: searchUser || null
@@ -9250,7 +9250,7 @@ var SearchAnnotation = (props) => {
               "option",
               {
                 value: x,
-                selected: searchStatus === void 0 ? x === import_core12.TaskStatus.SUBMITTED : searchStatus == x,
+                selected: searchStatus === void 0 ? x === import_core18.TaskStatus.SUBMITTED : searchStatus == x,
                 children: x
               },
               index
@@ -9338,12 +9338,12 @@ var SearchAnnotation = (props) => {
         onClick: () => {
           setSearchUser("");
           setsearchGroup("");
-          setSearchStatus(import_core12.TaskStatus.SUBMITTED);
+          setSearchStatus(import_core18.TaskStatus.SUBMITTED);
           setFromDate("");
           setToDate("");
           localStorage.removeItem("searchUser");
           localStorage.removeItem("searchGroup");
-          localStorage.setItem("searchStatus", import_core12.TaskStatus.SUBMITTED);
+          localStorage.setItem("searchStatus", import_core18.TaskStatus.SUBMITTED);
           localStorage.removeItem("fromDate");
           localStorage.removeItem("toDate");
         },
@@ -9364,7 +9364,7 @@ var SearchAnnotation = (props) => {
 };
 
 // src/Components/Evoland/TaskEventLog.tsx
-var import_core13 = require("@geowiki/core");
+var import_core19 = require("@geowiki/core");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TaskEventLog = (props) => {
   return Object.entries(props.taskEventsGrouped).map(
@@ -9372,12 +9372,12 @@ var TaskEventLog = (props) => {
       var _a, _b, _c, _d;
       let tempAnnotationId = "";
       let tempComment = "";
-      if (x[1][0].event_type == import_core13.TaskEventType.NEW_ANNOTATION)
+      if (x[1][0].event_type == import_core19.TaskEventType.NEW_ANNOTATION)
         tempAnnotationId = x[1][0].content;
-      if (x[1][0].event_type == import_core13.TaskEventType.COMMENT)
+      if (x[1][0].event_type == import_core19.TaskEventType.COMMENT)
         tempComment = x[1][0].content;
       return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
-        x[1].length == 1 && (x[1][0].event_type == import_core13.TaskEventType.CREATED ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+        x[1].length == 1 && (x[1][0].event_type == import_core19.TaskEventType.CREATED ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5", children: [
             "System - ",
             (_a = x[1][0]) == null ? void 0 : _a.event_time
@@ -9388,13 +9388,13 @@ var TaskEventLog = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("i", { children: (_b = x[1][0]) == null ? void 0 : _b.actor_alias })
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-white", children: [
-          x[1][0].event_type !== import_core13.TaskEventType.NEW_ANNOTATION && x[1][0].event_type !== import_core13.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
+          x[1][0].event_type !== import_core19.TaskEventType.NEW_ANNOTATION && x[1][0].event_type !== import_core19.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
             (_c = x[1][0]) == null ? void 0 : _c.actor_alias,
             " - ",
             (_d = x[1][0]) == null ? void 0 : _d.event_time
           ] }),
-          x[1][0].event_type == import_core13.TaskEventType.REVIEW && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-black text-xs leading-5", children: x[1][0].content }),
-          (x[1][0].event_type == import_core13.TaskEventType.STATUS_UPDATED || x[1][0].event_type == import_core13.TaskEventType.COMMENT) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
+          x[1][0].event_type == import_core19.TaskEventType.REVIEW && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-black text-xs leading-5", children: x[1][0].content }),
+          (x[1][0].event_type == import_core19.TaskEventType.STATUS_UPDATED || x[1][0].event_type == import_core19.TaskEventType.COMMENT) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
             tempAnnotationId !== "" && tempComment == "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
               " ",
               "Status changed to : ",
@@ -9432,17 +9432,17 @@ var TaskEventLog = (props) => {
           ] })
         ] }, index)),
         x[1].length > 1 && x[1].map((y, yIndex) => {
-          if (y.event_type == import_core13.TaskEventType.NEW_ANNOTATION)
+          if (y.event_type == import_core19.TaskEventType.NEW_ANNOTATION)
             tempAnnotationId = y.content;
-          if (y.event_type == import_core13.TaskEventType.COMMENT)
+          if (y.event_type == import_core19.TaskEventType.COMMENT)
             tempComment = y.content;
           return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-white", children: [
-            y.event_type !== import_core13.TaskEventType.NEW_ANNOTATION && y.event_type !== import_core13.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
+            y.event_type !== import_core19.TaskEventType.NEW_ANNOTATION && y.event_type !== import_core19.TaskEventType.COMMENT && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-primary leading-5 mt-2", children: [
               y == null ? void 0 : y.actor_alias,
               " - ",
               y == null ? void 0 : y.event_time
             ] }),
-            (y.event_type == import_core13.TaskEventType.STATUS_UPDATED || y.event_type == import_core13.TaskEventType.COMMENT || y.event_type == import_core13.TaskEventType.QUESTIONNAIRE || y.event_type == import_core13.TaskEventType.REVIEW) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
+            (y.event_type == import_core19.TaskEventType.STATUS_UPDATED || y.event_type == import_core19.TaskEventType.COMMENT || y.event_type == import_core19.TaskEventType.QUESTIONNAIRE || y.event_type == import_core19.TaskEventType.REVIEW) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "text-black text-xs leading-5", children: [
               tempAnnotationId !== "" && tempComment == "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
                 " ",
                 "Status changed to : ",
@@ -9450,12 +9450,12 @@ var TaskEventLog = (props) => {
                 " with new Annotation :",
                 tempAnnotationId
               ] }),
-              tempAnnotationId == "" && tempComment == "" && y.event_type !== import_core13.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+              tempAnnotationId == "" && tempComment == "" && y.event_type !== import_core19.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
                 " ",
                 "Status changed to : ",
                 /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("i", { children: y.content })
               ] }),
-              tempAnnotationId == "" && tempComment == "" && y.event_type == import_core13.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: "Questionnaire filled" }),
+              tempAnnotationId == "" && tempComment == "" && y.event_type == import_core19.TaskEventType.QUESTIONNAIRE && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: "Questionnaire filled" }),
               tempComment !== "" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "svg",
@@ -9490,7 +9490,7 @@ var TaskEventLog = (props) => {
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var EvolandLeftSideBar = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
-  const router = (0, import_router3.useRouter)();
+  const router = (0, import_core20.useRouter)();
   var locationId = router.query.locationId;
   const projectId = parseInt(router.query.projectId);
   const review = router.query.review;
@@ -9507,7 +9507,7 @@ var EvolandLeftSideBar = (props) => {
   const [annotations, setAnnotations] = (0, import_react20.useState)([]);
   const [fetchMasks, setFetchMasks] = (0, import_react20.useState)(false);
   const [fetchChangeMasks, setFetchChangeMasks] = (0, import_react20.useState)(false);
-  const { data: latestTaskOnLocation } = (0, import_core14.useLatestTaskOnLocation)(
+  const { data: latestTaskOnLocation } = (0, import_core21.useLatestTaskOnLocation)(
     locationId,
     projectId,
     evolandStore.referenceDate
@@ -9520,22 +9520,22 @@ var EvolandLeftSideBar = (props) => {
   const [adminTasks, setAdminTasks] = (0, import_react20.useState)();
   const [deleteTask, setDeleteTask] = (0, import_react20.useState)(false);
   var taskId = router.query.taskId == void 0 ? (_a = evolandStore.currentTask) == null ? void 0 : _a.task_id : router.query.taskId;
-  const { data: taskSavedAnnotation } = (0, import_core14.useTaskSavedAnnotations)(
+  const { data: taskSavedAnnotation } = (0, import_core21.useTaskSavedAnnotations)(
     taskId !== void 0 && parseInt(taskId) !== 0 && savedAnnotations == null ? parseInt(taskId) : savedAnnotations == null && evolandStore.currentTask != null && ((_b = evolandStore.currentTask) == null ? void 0 : _b.task_id) !== void 0 && evolandStore.currentTask.saved_annotation !== null ? evolandStore.currentTask.task_id : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? latestTaskOnLocation.task_id : null
   );
-  const { data: TaskDeleted, isLoading: IsTaskDeletedLoading } = (0, import_core14.useTaskDelete)(
+  const { data: TaskDeleted, isLoading: IsTaskDeletedLoading } = (0, import_core21.useTaskDelete)(
     taskId !== void 0 && parseInt(taskId) !== 0 ? parseInt(taskId) : (_c = evolandStore.currentTask) == null ? void 0 : _c.task_id,
     projectId,
     deleteTask
   );
-  const { data: tasks } = (0, import_core14.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core21.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: projectId,
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core14.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core21.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
@@ -9682,10 +9682,10 @@ var EvolandLeftSideBar = (props) => {
             "div",
             {
               style: {
-                backgroundColor: ((_p = evolandStore.currentTask) == null ? void 0 : _p.status) !== null && ((_q = evolandStore.currentTask) == null ? void 0 : _q.status) !== void 0 ? import_core14.TaskStatusColor[(_r = evolandStore.currentTask) == null ? void 0 : _r.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core14.TaskStatusColor[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "white"
+                backgroundColor: ((_p = evolandStore.currentTask) == null ? void 0 : _p.status) !== null && ((_q = evolandStore.currentTask) == null ? void 0 : _q.status) !== void 0 ? import_core21.TaskStatusColor[(_r = evolandStore.currentTask) == null ? void 0 : _r.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core21.TaskStatusColor[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "white"
               },
-              className: "pl-2 pr-2 flex rounded-lg text-center " + (((_s = evolandStore.currentTask) == null ? void 0 : _s.status) !== null && ((_t = evolandStore.currentTask) == null ? void 0 : _t.status) !== void 0 ? "bg-" + import_core14.TaskStatusColor[(_u = evolandStore.currentTask) == null ? void 0 : _u.status] + "-500" : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? "bg-" + import_core14.TaskStatusColor[latestTaskOnLocation.task_status] + "-500" : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "bg-white-500"),
-              children: ((_v = evolandStore.currentTask) == null ? void 0 : _v.status) !== null && ((_w = evolandStore.currentTask) == null ? void 0 : _w.status) !== void 0 ? import_core14.TaskStatus[(_x = evolandStore.currentTask) == null ? void 0 : _x.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core14.TaskStatus[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.task_id) ? "Not started" : ""
+              className: "pl-2 pr-2 flex rounded-lg text-center " + (((_s = evolandStore.currentTask) == null ? void 0 : _s.status) !== null && ((_t = evolandStore.currentTask) == null ? void 0 : _t.status) !== void 0 ? "bg-" + import_core21.TaskStatusColor[(_u = evolandStore.currentTask) == null ? void 0 : _u.status] + "-500" : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? "bg-" + import_core21.TaskStatusColor[latestTaskOnLocation.task_status] + "-500" : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.exists) ? "bg-primary text-primary-foreground" : "bg-white-500"),
+              children: ((_v = evolandStore.currentTask) == null ? void 0 : _v.status) !== null && ((_w = evolandStore.currentTask) == null ? void 0 : _w.status) !== void 0 ? import_core21.TaskStatus[(_x = evolandStore.currentTask) == null ? void 0 : _x.status] : !evolandStore.currentTask && latestTaskOnLocation && latestTaskOnLocation.exists ? import_core21.TaskStatus[latestTaskOnLocation.task_status] : !evolandStore.currentTask && !(latestTaskOnLocation == null ? void 0 : latestTaskOnLocation.task_id) ? "Not started" : ""
             }
           ) }),
           locationId && projectId && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_ui15.Popover, { children: [
@@ -9728,7 +9728,7 @@ var EvolandLeftSideBar = (props) => {
             !taskEventsGrouped && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_ui15.PopoverContent, { className: "bg-white text-xs flex", children: "No history yet" })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-            import_link2.default,
+            import_core22.Link,
             {
               href: "/evoland/tasks?projectId=" + projectId,
               target: "_blank",
@@ -9757,7 +9757,7 @@ var EvolandLeftSideBar = (props) => {
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-            import_link2.default,
+            import_core22.Link,
             {
               href: "/evoland/projects?projectId=" + projectId,
               target: "_blank",
@@ -9856,10 +9856,10 @@ var EvolandLeftSideBar = (props) => {
                     "div",
                     {
                       style: {
-                        backgroundColor: import_core14.TaskStatusColor[x.status]
+                        backgroundColor: import_core21.TaskStatusColor[x.status]
                       },
                       className: "pl-2 pr-2 flex rounded-lg text-center",
-                      children: import_core14.TaskStatus[x.status]
+                      children: import_core21.TaskStatus[x.status]
                     }
                   )
                 ] }, index)) })
@@ -9933,22 +9933,22 @@ var EvolandLeftSideBar = (props) => {
 
 // src/Components/Evoland/Questions.tsx
 var import_ui16 = require("@geowiki/ui");
-var import_router4 = require("next/router");
-var import_core15 = require("@geowiki/core");
+var import_core23 = require("@geowiki/core");
+var import_core24 = require("@geowiki/core");
 var import_react21 = require("react");
 var import_evoland_api_proxy5 = require("@geowiki/evoland-api-proxy");
-var import_navigation2 = require("next/navigation");
+var import_core25 = require("@geowiki/core");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var Questions = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const evolandStore = evoland_default();
-  const router = (0, import_router4.useRouter)();
-  const searchParams = (0, import_navigation2.useSearchParams)();
+  const router = (0, import_core23.useRouter)();
+  const searchParams = (0, import_core25.useSearchParams)();
   const projectId = searchParams.get("projectId");
   const taskId = searchParams.get("taskId");
-  const { data: labels } = (0, import_core15.useEvolandLabels)(parseInt(projectId));
+  const { data: labels } = (0, import_core24.useEvolandLabels)(parseInt(projectId));
   const [taskChangeDetail, setTaskChangeDetail] = (0, import_react21.useState)(null);
-  var { data: questionnaire, isLoading: IsQuestionnaireLoading } = (0, import_core15.useQuestionnaire)(parseInt(projectId));
+  var { data: questionnaire, isLoading: IsQuestionnaireLoading } = (0, import_core24.useQuestionnaire)(parseInt(projectId));
   const [context, setContext] = (0, import_react21.useState)();
   const [singleChoice, setSingleChoice] = (0, import_react21.useState)();
   const [status, setStatus] = (0, import_react21.useState)();
@@ -9959,7 +9959,7 @@ var Questions = (props) => {
   const [disableSubmit, setDisableSubmit] = (0, import_react21.useState)(false);
   const [userAnswers, setUserAnswers] = (0, import_react21.useState)([]);
   let requiredUserAnswers = 0;
-  const { data: taskAnswers, isLoading: IsTaskAnswerLoading } = (0, import_core15.useTaskAnswers)(
+  const { data: taskAnswers, isLoading: IsTaskAnswerLoading } = (0, import_core24.useTaskAnswers)(
     taskId ? parseInt(taskId) : ((_a = evolandStore.currentTask) == null ? void 0 : _a.task_id) ? (_b = evolandStore.currentTask) == null ? void 0 : _b.task_id : 0
   );
   (0, import_react21.useEffect)(() => {
@@ -10013,14 +10013,14 @@ var Questions = (props) => {
       });
     }
   };
-  const { data: tasks } = (0, import_core15.useRandomTasksPerLocation)({
+  const { data: tasks } = (0, import_core24.useRandomTasksPerLocation)({
     taskForReview: evolandStore.task_for_review,
     pageIdx: 0,
     pageSize: 1,
     locationProjectId: parseInt(projectId),
     groupName: !localStorage.getItem("searchGroup") ? null : localStorage.getItem("searchGroup"),
     search: null,
-    statusIn: !localStorage.getItem("searchStatus") ? import_core15.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
+    statusIn: !localStorage.getItem("searchStatus") ? import_core24.TaskStatus.SUBMITTED : localStorage.getItem("searchStatus"),
     dateGte: localStorage.getItem("fromDate") !== null ? localStorage.getItem("fromDate") : void 0,
     dateLte: !localStorage.getItem("toDate") ? void 0 : localStorage.getItem("toDate"),
     userUserAlias: !localStorage.getItem("searchUser") ? null : localStorage.getItem("searchUser"),
@@ -10038,7 +10038,7 @@ var Questions = (props) => {
         project_id: parseInt(projectId),
         target_status: taskStatus[0],
         task_type: ((_a2 = evolandStore.projectDetail) == null ? void 0 : _a2.meta_data.QUESTIONNAIRE) ? [import_evoland_api_proxy5.TaskType.QUESTIONNAIRE] : [],
-        annotation_time: taskStatus[1] === (import_core15.AnnotationRequired.NOT_REQUIRED || import_core15.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
+        annotation_time: taskStatus[1] === (import_core24.AnnotationRequired.NOT_REQUIRED || import_core24.AnnotationRequired.OPTIONAL) ? void 0 : evolandStore.annotationTime,
         questionnaire: userAnswers.map((item) => [
           item.question_id,
           item.answer_text
@@ -10048,7 +10048,7 @@ var Questions = (props) => {
       try {
         var response = yield import_evoland_api_proxy5.TaskService.updateTaskUpdatetaskPost(submitReq);
         if (response !== void 0) {
-          response ? taskStatus[1] == import_core15.AnnotationRequired.REQUIRED || taskStatus[1] === import_core15.AnnotationRequired.OPTIONAL && ((_c2 = (_b2 = evolandStore.annotationUndoRedo) == null ? void 0 : _b2.past) == null ? void 0 : _c2.pop()) !== void 0 ? setSubmitNotificationMessage(
+          response ? taskStatus[1] == import_core24.AnnotationRequired.REQUIRED || taskStatus[1] === import_core24.AnnotationRequired.OPTIONAL && ((_c2 = (_b2 = evolandStore.annotationUndoRedo) == null ? void 0 : _b2.past) == null ? void 0 : _c2.pop()) !== void 0 ? setSubmitNotificationMessage(
             "Task has been moved to " + taskStatus[0].toUpperCase() + " state successfully with selected answers. Moving to next location, please wait."
           ) : setSubmitNotificationMessage(
             "Task has been moved to " + taskStatus[0].toUpperCase() + " successfully. Moving to next location, please wait."
@@ -10120,11 +10120,11 @@ var Questions = (props) => {
   });
   if (questionnaire && !context)
     setContext(
-      questionnaire.filter((x) => x.type == import_core15.QuestionnaireType.CONTEXT).sort((x, y) => x.order_id - y.order_id)
+      questionnaire.filter((x) => x.type == import_core24.QuestionnaireType.CONTEXT).sort((x, y) => x.order_id - y.order_id)
     );
   if (questionnaire && !singleChoice)
     setSingleChoice(
-      questionnaire.filter((x) => x.type == import_core15.QuestionnaireType.SINGLE_CHOICE).sort((x, y) => x.order_id - y.order_id)
+      questionnaire.filter((x) => x.type == import_core24.QuestionnaireType.SINGLE_CHOICE).sort((x, y) => x.order_id - y.order_id)
     );
   if (context && taskChangeDetail) {
     context.filter((x) => x.has_dynamic_answers).map((y) => {
@@ -10160,8 +10160,8 @@ var Questions = (props) => {
       if (Array.isArray(y.answers)) {
         y.answers = y.answers.filter((answer) => {
           const value = answer.text;
-          const isInteger = parseInt(value);
-          if (isInteger)
+          const isInteger2 = parseInt(value);
+          if (isInteger2)
             return Object.values(taskChangeDetail).includes(Number(value));
           return true;
         });
@@ -10180,7 +10180,7 @@ var Questions = (props) => {
     });
   }
   if (!goToNextTask && evolandStore.location !== null && evolandStore.location.locationId !== searchParams.get("locationId")) {
-    if (status == import_core15.TaskStatus.ACCEPTED || status == import_core15.TaskStatus.DISCARDED || status == import_core15.TaskStatus.TO_FIX) {
+    if (status == import_core24.TaskStatus.ACCEPTED || status == import_core24.TaskStatus.DISCARDED || status == import_core24.TaskStatus.TO_FIX) {
       setGoToNextTask(true);
       if (props.userRole === "admin")
         if (tasks == null ? void 0 : tasks.task)
@@ -10273,7 +10273,7 @@ var Questions = (props) => {
       }
     ),
     evolandStore.currentTask !== null && ((_k = (_j = evolandStore.currentTask) == null ? void 0 : _j.transition_states) == null ? void 0 : _k.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-center", children: [
-      ((_l = evolandStore.currentTask) == null ? void 0 : _l.status) !== import_core15.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      ((_l = evolandStore.currentTask) == null ? void 0 : _l.status) !== import_core24.TaskStatus.SUBMITTED && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         import_ui16.Button,
         {
           className: "mb-2 mt-2 mr-2 text-xs -flex-col",
@@ -10329,16 +10329,16 @@ var Questions = (props) => {
                 {
                   disabled: disableSubmit,
                   style: {
-                    backgroundColor: import_core15.TaskStatusColor[x[0]]
+                    backgroundColor: import_core24.TaskStatusColor[x[0]]
                   },
                   className: "h-6 text-xs p-1 m-1 text-forground-black -px-4 -py-2 w-full",
                   onClick: () => {
-                    if (import_core15.TaskState[x[0]] !== import_core15.TaskState.SKIPPED && import_core15.TaskState[x[0]] !== import_core15.TaskState.DISCARDED && import_core15.TaskState[x[0]] !== import_core15.TaskState.USER_DISCARDED && userAnswers.length !== requiredUserAnswers)
+                    if (import_core24.TaskState[x[0]] !== import_core24.TaskState.SKIPPED && import_core24.TaskState[x[0]] !== import_core24.TaskState.DISCARDED && import_core24.TaskState[x[0]] !== import_core24.TaskState.USER_DISCARDED && userAnswers.length !== requiredUserAnswers)
                       alert("Please provide all answers");
                     else
                       onSubmit(x);
                   },
-                  children: import_core15.TaskState[x[0]]
+                  children: import_core24.TaskState[x[0]]
                 }
               ) });
             }
@@ -10616,12 +10616,12 @@ var TimeSeries = () => {
 };
 
 // src/Components/OverlayLayer.tsx
-var import_core16 = require("@geowiki/core");
+var import_core26 = require("@geowiki/core");
 var import_react23 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var OverlayLayer = () => {
   const layerStore = useMapLayerStore();
-  const { data: wmsLayerNames } = (0, import_core16.useEvolandWmsLayers)();
+  const { data: wmsLayerNames } = (0, import_core26.useEvolandWmsLayers)();
   const [showLayerOpacity, setShowLayerOpacity] = (0, import_react23.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full items-center mt-2 justify-center text-xs", children: [
     showLayerOpacity && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mt-2", children: [
@@ -10682,7 +10682,7 @@ var OverlayLayer = () => {
 var import_leaflet10 = require("leaflet/dist/leaflet.css");
 var import_react36 = require("react");
 var import_react_leaflet15 = require("react-leaflet");
-var import_core22 = require("@geowiki/core");
+var import_core33 = require("@geowiki/core");
 
 // src/Components/Map/LayerList.tsx
 var import_react24 = require("react");
@@ -10698,7 +10698,7 @@ var useBaseLayerStore = (0, import_zustand5.create)((set) => ({
 var import_react_leaflet12 = require("react-leaflet");
 
 // src/utils/BingLayer.ts
-var import_core17 = require("@react-leaflet/core");
+var import_core27 = require("@react-leaflet/core");
 
 // src/utils/LeafletBing.ts
 var L13 = __toESM(require("leaflet"));
@@ -10760,12 +10760,12 @@ var BingLayer = class extends L13.TileLayer {
     (_a = document.getElementsByTagName("head")[0]) == null ? void 0 : _a.appendChild(script);
   }
   initMetadata(meta) {
-    const r = meta.resourceSets[0].resources[0];
-    this.options.subdomains = r.imageUrlSubdomains;
-    this._url = r.imageUrl;
-    if (r.imageryProviders) {
-      for (let i = 0; i < r.imageryProviders.length; i++) {
-        const p = r.imageryProviders[i];
+    const r2 = meta.resourceSets[0].resources[0];
+    this.options.subdomains = r2.imageUrlSubdomains;
+    this._url = r2.imageUrl;
+    if (r2.imageryProviders) {
+      for (let i = 0; i < r2.imageryProviders.length; i++) {
+        const p = r2.imageryProviders[i];
         for (let j = 0; j < p.coverageAreas.length; j++) {
           const c = p.coverageAreas[j];
           const bounds = new L13.LatLngBounds(
@@ -10825,7 +10825,7 @@ var BingLayer = class extends L13.TileLayer {
 };
 
 // src/utils/BingLayer.ts
-var BingLeafletLayer = (0, import_core17.createLayerComponent)(function createBingLayer(_a, context) {
+var BingLeafletLayer = (0, import_core27.createLayerComponent)(function createBingLayer(_a, context) {
   var _b = _a, { apiKey } = _b, options = __objRest(_b, ["apiKey"]);
   const instance = new BingLayer(apiKey, options);
   return {
@@ -11316,7 +11316,7 @@ var CustomLegend = ({ layer }) => {
 };
 
 // src/Components/Controls/Legend.tsx
-var import_core18 = require("@dnd-kit/core");
+var import_core28 = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
@@ -11531,12 +11531,12 @@ var Legend = () => {
   const { layers, reorderLayers } = mapLayers_default();
   const [isLoading, setIsLoading] = (0, import_react25.useState)(true);
   const [isOneLegend, setIsOneLegend] = (0, import_react25.useState)(false);
-  const sensors = (0, import_core18.useSensors)(
-    (0, import_core18.useSensor)(import_core18.PointerSensor),
-    (0, import_core18.useSensor)(import_core18.KeyboardSensor, {
+  const sensors = (0, import_core28.useSensors)(
+    (0, import_core28.useSensor)(import_core28.PointerSensor),
+    (0, import_core28.useSensor)(import_core28.KeyboardSensor, {
       coordinateGetter: import_sortable2.sortableKeyboardCoordinates
     }),
-    (0, import_core18.useSensor)(import_core18.TouchSensor, {
+    (0, import_core28.useSensor)(import_core28.TouchSensor, {
       activationConstraint: {
         delay: 250,
         tolerance: 10
@@ -11577,10 +11577,10 @@ var Legend = () => {
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: " text-base font-medium leading-[120%] max-w-[280px]", children: "There are currently no active layers." });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "max-h-[60vh] overflow-y-auto space-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_core18.DndContext,
+    import_core28.DndContext,
     {
       sensors,
-      collisionDetection: import_core18.closestCenter,
+      collisionDetection: import_core28.closestCenter,
       onDragEnd: isOneLegend ? void 0 : handleDragEnd,
       children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         import_sortable2.SortableContext,
@@ -11604,8 +11604,8 @@ var Legend = () => {
 
 // src/Components/Controls/CustomBaseLayerControl.tsx
 var import_react26 = require("react");
-var import_image3 = __toESM(require("next/image"));
-var import_core19 = require("@geowiki/core");
+var import_core29 = require("@geowiki/core");
+var import_core30 = require("@geowiki/core");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var BASE_LAYERS = [
   {
@@ -11644,7 +11644,7 @@ var LayerButton = ({
     onClick,
     children: [
       svg ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative", children: svg }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        import_image3.default,
+        import_core29.Image,
         {
           alt: "Base Layer",
           src: link,
@@ -11663,7 +11663,7 @@ var CustomBaseLayerControl = () => {
   const visibleLayers = showAll ? BASE_LAYERS : BASE_LAYERS.slice(0, 3);
   const handleLayerChange = (layerName) => {
     setSelectedLayer(layerName);
-    import_core19.trackMapEvent.baseLayerChange(layerName);
+    import_core30.trackMapEvent.baseLayerChange(layerName);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "hidden lg:grid lg:grid-cols-4 lg:gap-x-1 lg:gap-y-2", children: [
@@ -11722,7 +11722,7 @@ var CustomBaseLayerControl = () => {
 
 // src/Components/Controls/LayerSwitcher.tsx
 var import_react27 = require("react");
-var import_core20 = require("@geowiki/core");
+var import_core31 = require("@geowiki/core");
 var import_ui21 = require("@geowiki/ui");
 var import_react28 = require("@headlessui/react");
 var import_react29 = require("react");
@@ -11917,7 +11917,7 @@ var LayerItem = (0, import_react27.memo)(
 );
 LayerItem.displayName = "LayerItem";
 var LayerSwitcher = (0, import_react27.memo)(() => {
-  const { data: mapMenuItems, error, isLoading } = (0, import_core20.useMapMenuItems)();
+  const { data: mapMenuItems, error, isLoading } = (0, import_core31.useMapMenuItems)();
   const store = mapLayers_default();
   const { customLayers } = useCustomLayerStore();
   console.log("customLayers from layerSwitcher", customLayers);
@@ -12100,7 +12100,7 @@ var Popover5 = __toESM(require("@radix-ui/react-popover"));
 // src/Components/Controls/ControlComponents.tsx
 var import_react32 = __toESM(require("react"));
 var Popover4 = __toESM(require("@radix-ui/react-popover"));
-var import_core21 = require("@geowiki/core");
+var import_core32 = require("@geowiki/core");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var ControlPanel = ({
   title,
@@ -12132,7 +12132,7 @@ var SimpleControlButton = import_react32.default.forwardRef(
     buttonName = "unknown_simple_button"
   }, ref) => {
     const handleClick = (event) => {
-      import_core21.trackUserEvent.mapControlClick(
+      import_core32.trackUserEvent.mapControlClick(
         buttonName,
         isActive ? "active" : "inactive"
       );
@@ -12308,7 +12308,7 @@ var ControlItem = (0, import_react35.memo)(({ control, position }) => {
     ] });
   }
   const positionClass = POSITION_CLASSES2[position];
-  const getDefaultDirection = () => {
+  const getDefaultDirection2 = () => {
     switch (position) {
       case "topleft":
       case "bottomleft":
@@ -12320,7 +12320,7 @@ var ControlItem = (0, import_react35.memo)(({ control, position }) => {
         return "right";
     }
   };
-  const popoverDirection = control.popoverDirection || getDefaultDirection();
+  const popoverDirection = control.popoverDirection || getDefaultDirection2();
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Popover5.Root, { open: control.isOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_ui24.Tooltip, { delayDuration: 100, children: [
@@ -12435,7 +12435,7 @@ var BasicMap = () => {
     ((_d = (_c = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _c.Latitude) == null ? void 0 : _d.Text) || 48.2082,
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Longitude) == null ? void 0 : _f.Text) || 16.3738
   ];
-  (0, import_core22.useRenderInfo)("BasicMap");
+  (0, import_core33.useRenderInfo)("BasicMap");
   if (isSettingsLoading)
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_ui25.LoaderFull, {});
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
@@ -12473,20 +12473,20 @@ var import_useMapSettings2 = __toESM(require("@geowiki/core/src/hooks/useMapSett
 var import_ui33 = require("@geowiki/ui");
 
 // src/Components/Basf/BasfLayerList.tsx
-var import_core24 = require("@geowiki/core");
+var import_core35 = require("@geowiki/core");
 
 // src/utils/WmsWithFilter.ts
-var import_core23 = require("@react-leaflet/core");
-var WMSWithFilterTileLayer = (0, import_core23.createTileLayerComponent)(
+var import_core34 = require("@react-leaflet/core");
+var WMSWithFilterTileLayer = (0, import_core34.createTileLayerComponent)(
   function createWMSTileLayer2(_a, context) {
     var _b = _a, { eventHandlers: _eh, params = {}, url } = _b, props = __objRest(_b, ["eventHandlers", "params", "url"]);
     const layer = new BetterWMS(url, __spreadValues(__spreadProps(__spreadValues({}, params), {
       url
     }), props));
-    return (0, import_core23.createElementObject)(layer, context);
+    return (0, import_core34.createElementObject)(layer, context);
   },
   function updateWMSTileLayer2(layer, props, prevProps) {
-    (0, import_core23.updateGridLayer)(layer, props, prevProps);
+    (0, import_core34.updateGridLayer)(layer, props, prevProps);
     if (props.params && props.params !== prevProps.params) {
       layer.setParams(props.params);
     }
@@ -12581,7 +12581,7 @@ var BasfMapLayer = (layerInfo) => {
 // src/Components/Basf/BasfLayerList.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var BasfLayerList = () => {
-  const basfStore = (0, import_core24.useBasfStore)();
+  const basfStore = (0, import_core35.useBasfStore)();
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: basfStore.selectedItems.map((mapItem) => {
     return mapItem.enabled ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BasfMapLayer, __spreadValues({}, mapItem), mapItem.id) : null;
   }) });
@@ -12626,7 +12626,7 @@ var import_lucide_react4 = require("lucide-react");
 var import_react45 = require("react");
 
 // src/Components/Basf/BasfLegend.tsx
-var import_core25 = require("@geowiki/core");
+var import_core36 = require("@geowiki/core");
 
 // src/Components/Basf/BasfItemCard.tsx
 var import_ui26 = require("@geowiki/ui");
@@ -12787,10 +12787,10 @@ var formatDisplayValue = (value) => value.replace(/[_-]/g, " ").replace(
   (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
 );
 var BasfLegend = () => {
-  const removeItem = (0, import_core25.useBasfStore)((state) => state.removeItem);
-  const updateItemOpacity = (0, import_core25.useBasfStore)((state) => state.updateItemOpacity);
-  const updateItemEnabled = (0, import_core25.useBasfStore)((state) => state.updateItemEnabled);
-  const selectedItems = (0, import_core25.useBasfStore)((state) => state.selectedItems);
+  const removeItem = (0, import_core36.useBasfStore)((state) => state.removeItem);
+  const updateItemOpacity = (0, import_core36.useBasfStore)((state) => state.updateItemOpacity);
+  const updateItemEnabled = (0, import_core36.useBasfStore)((state) => state.updateItemEnabled);
+  const selectedItems = (0, import_core36.useBasfStore)((state) => state.selectedItems);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
@@ -12819,7 +12819,7 @@ var import_react_hook_form3 = require("react-hook-form");
 var z = __toESM(require("zod"));
 var import_uuid3 = require("uuid");
 var import_zod = require("@hookform/resolvers/zod");
-var import_core26 = require("@geowiki/core");
+var import_core37 = require("@geowiki/core");
 
 // src/Components/Basf/basf-form.tsx
 var import_react42 = require("react");
@@ -13122,8 +13122,8 @@ var BasfSelect = () => {
   const [isSubmitting, setIsSubmitting] = (0, import_react43.useState)(false);
   const { clearData } = useSelectedPixelStore();
   const [isReset, setIsReset] = (0, import_react43.useState)(false);
-  const addItem = (0, import_core26.useBasfStore)((0, import_react43.useCallback)((state) => state.addItem, []));
-  const selectedItems = (0, import_core26.useBasfStore)(
+  const addItem = (0, import_core37.useBasfStore)((0, import_react43.useCallback)((state) => state.addItem, []));
+  const selectedItems = (0, import_core37.useBasfStore)(
     (0, import_react43.useCallback)((state) => state.selectedItems, [])
   );
   const {
@@ -13269,7 +13269,7 @@ var import_react_leaflet17 = require("react-leaflet");
 var import_leaflet12 = __toESM(require("leaflet"));
 var import_leaflet13 = require("leaflet.polylinemeasure");
 var import_ui31 = require("@geowiki/ui");
-var import_core27 = require("@geowiki/core");
+var import_core38 = require("@geowiki/core");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function PolylineMeasureControl() {
   const map = (0, import_react_leaflet17.useMap)();
@@ -13307,18 +13307,18 @@ function PolylineMeasureControl() {
     if (active) {
       controlRef.current._toggleMeasure();
       setActive(false);
-      import_core27.trackMapEvent.measurementTool("stop");
+      import_core38.trackMapEvent.measurementTool("stop");
     } else {
       controlRef.current._toggleMeasure();
       setActive(true);
-      import_core27.trackMapEvent.measurementTool("start");
+      import_core38.trackMapEvent.measurementTool("start");
     }
   };
   const clearMeasurements = () => {
     if (!controlRef.current)
       return;
     controlRef.current._clearAllMeasurements();
-    import_core27.trackMapEvent.measurementTool("clear");
+    import_core38.trackMapEvent.measurementTool("clear");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_ui31.Button, { onClick: togglePolylineMeasure, children: active ? "Stop" : "Start" }),
@@ -13463,15 +13463,15 @@ var import_react49 = require("react");
 // src/Components/Controls/GeoTreesDownloadContent.tsx
 var import_react47 = require("react");
 var import_react_hook_form4 = require("react-hook-form");
-var import_core28 = require("@geowiki/core");
-var import_core29 = require("@geowiki/core");
+var import_core39 = require("@geowiki/core");
+var import_core40 = require("@geowiki/core");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var GeoTreesDownloadContent = () => {
   var _a, _b;
   const [countries, setCountries] = (0, import_react47.useState)([]);
   const [versions, setVersions] = (0, import_react47.useState)([]);
   const baseUrl = process.env.NEXT_PUBLIC_GEO_TREE_API_URL;
-  const { data: session } = (0, import_core28.useSession)();
+  const { data: session } = (0, import_core39.useSession)();
   const {
     register,
     handleSubmit,
@@ -13553,7 +13553,7 @@ var GeoTreesDownloadContent = () => {
   }, [baseUrl, session == null ? void 0 : session.accessToken]);
   const onSubmit = (data) => {
     const { format, purpose, email, name, country, version } = data;
-    import_core29.trackDownloadEvent.attempt(
+    import_core40.trackDownloadEvent.attempt(
       format,
       country,
       version,
@@ -13598,10 +13598,10 @@ var GeoTreesDownloadContent = () => {
       link.click();
       document.body.removeChild(link);
       window.URL.revokeObjectURL(url);
-      import_core29.trackDownloadEvent.success(filename, purpose, session || void 0);
+      import_core40.trackDownloadEvent.success(filename, purpose, session || void 0);
     }).catch((error) => {
       console.error("Error downloading file:", error);
-      import_core29.trackDownloadEvent.failure(
+      import_core40.trackDownloadEvent.failure(
         error.message,
         purpose,
         session || void 0
@@ -13615,8 +13615,8 @@ var GeoTreesDownloadContent = () => {
       "button",
       {
         onClick: () => {
-          import_core29.trackDownloadEvent.loginAttempt(session || void 0);
-          (0, import_core28.signIn)();
+          import_core40.trackDownloadEvent.loginAttempt(session || void 0);
+          (0, import_core39.signIn)();
         },
         className: "w-full py-2 px-4 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors",
         children: "Login"
@@ -14559,7 +14559,7 @@ var GeoTreesMap = () => {
 var import_leaflet21 = require("leaflet/dist/leaflet.css");
 var import_react58 = require("react");
 var import_react_leaflet27 = require("react-leaflet");
-var import_core30 = require("@geowiki/core");
+var import_core41 = require("@geowiki/core");
 var import_useMapSettings4 = __toESM(require("@geowiki/core/src/hooks/useMapSettings"));
 var import_ui41 = require("@geowiki/ui");
 
@@ -15819,7 +15819,7 @@ var CanopyMap = () => {
     ((_d = (_c = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _c.Latitude) == null ? void 0 : _d.Text) || 48.2082,
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Longitude) == null ? void 0 : _f.Text) || 16.3738
   ];
-  (0, import_core30.useRenderInfo)("BasicMap");
+  (0, import_core41.useRenderInfo)("BasicMap");
   if (isSettingsLoading)
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_ui41.LoaderFull, { showInCenter: false });
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
@@ -15856,7 +15856,7 @@ var import_react_hook_form6 = require("react-hook-form");
 var z3 = __toESM(require("zod"));
 var import_uuid4 = require("uuid");
 var import_zod2 = require("@hookform/resolvers/zod");
-var import_core31 = require("@geowiki/core");
+var import_core42 = require("@geowiki/core");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var formSchema2 = z3.object({
   formType: z3.enum(["Biomass", "CropProduction"], {
@@ -15913,14 +15913,14 @@ ForwardedSelect3.displayName = "ForwardedSelect";
 var BasfLeftPanel = () => {
   const [isSubmitting, setIsSubmitting] = (0, import_react59.useState)(false);
   const { clearData } = useSelectedPixelStore();
-  const isLeftOverlayOpen = (0, import_core31.useBasfStore)(
+  const isLeftOverlayOpen = (0, import_core42.useBasfStore)(
     (0, import_react59.useCallback)((state) => state.leftPanelOpen, [])
   );
-  const setIsLeftOverlayOpen = (0, import_core31.useBasfStore)(
+  const setIsLeftOverlayOpen = (0, import_core42.useBasfStore)(
     (0, import_react59.useCallback)((state) => state.updateLeftPanelOpen, [])
   );
-  const addItem = (0, import_core31.useBasfStore)((0, import_react59.useCallback)((state) => state.addItem, []));
-  const selectedItems = (0, import_core31.useBasfStore)(
+  const addItem = (0, import_core42.useBasfStore)((0, import_react59.useCallback)((state) => state.addItem, []));
+  const selectedItems = (0, import_core42.useBasfStore)(
     (0, import_react59.useCallback)((state) => state.selectedItems, [])
   );
   const {
@@ -16023,7 +16023,7 @@ var BasfLeftPanel = () => {
 var basf_left_panel_default = (0, import_react59.memo)(BasfLeftPanel);
 
 // src/Components/Basf/basf-right-panel.tsx
-var import_core32 = require("@geowiki/core");
+var import_core43 = require("@geowiki/core");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/Components/Map/GeoWikiMap.tsx
@@ -16031,11 +16031,11 @@ var import_react60 = require("react");
 var import_react_leaflet28 = require("react-leaflet");
 var import_leaflet23 = require("leaflet/dist/leaflet.css");
 var import_dist = require("@bopen/leaflet-area-selection/dist/index.css");
-var import_core34 = require("@geowiki/core");
+var import_core45 = require("@geowiki/core");
 var import_ui43 = require("@geowiki/ui");
 
 // ../../apps/geowiki/components/Map/CustomWMS.tsx
-var import_core33 = require("@react-leaflet/core");
+var import_core44 = require("@react-leaflet/core");
 
 // ../../apps/geowiki/lib/utils/BetterWMS.ts
 var import_leaflet22 = __toESM(require("leaflet"));
@@ -16164,19 +16164,19 @@ var BetterWMS2 = class extends import_leaflet22.default.TileLayer.WMS {
 };
 
 // ../../apps/geowiki/components/Map/CustomWMS.tsx
-var CustomWMSTileLayer2 = (0, import_core33.createTileLayerComponent)(
+var CustomWMSTileLayer2 = (0, import_core44.createTileLayerComponent)(
   function createWMSTileLayer3(_a, context) {
     var _b = _a, { params = {}, url } = _b, options = __objRest(_b, ["params", "url"]);
     var instance = new BetterWMS2(url, __spreadValues(__spreadProps(__spreadValues({}, params), {
       url
-    }), (0, import_core33.withPane)(options, context)));
+    }), (0, import_core44.withPane)(options, context)));
     return {
       instance,
       context
     };
   },
   function updateWMSTileLayer3(layer, props, prevProps) {
-    (0, import_core33.updateGridLayer)(layer, props, prevProps);
+    (0, import_core44.updateGridLayer)(layer, props, prevProps);
     if (props.params != null && props.params !== prevProps.params) {
       layer.setParams(props.params);
     }
@@ -16184,26 +16184,26 @@ var CustomWMSTileLayer2 = (0, import_core33.createTileLayerComponent)(
 );
 
 // src/Components/Map/GeoWikiMap.tsx
-var import_router5 = require("next/router");
+var import_core46 = require("@geowiki/core");
 var import_react_hotkeys_hook3 = require("react-hotkeys-hook");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var GeoWikiMapComponent = ({ mapSettings, session }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const mapRef = (0, import_react60.useRef)();
-  const router = (0, import_router5.useRouter)();
+  const router = (0, import_core46.useRouter)();
   var projectId = router.query.projectId;
   var locationId = router.query.locationId;
   var taskId = router.query.taskId !== void 0 ? parseInt(router.query.taskId) : 0;
   const layerStore = useMapLayerStore();
   const mapStore = useMapStore();
   const evolandStore = useEvolandStore();
-  const panelStore = (0, import_core34.usePanelStore)();
-  const evolandFeature = (0, import_core34.useFeature)("GeoWiki.EvoLand");
-  var userRole = (0, import_core34.tokenData)((_a = session.data) == null ? void 0 : _a.accessToken, "role");
-  var userId = (0, import_core34.tokenData)((_b = session.data) == null ? void 0 : _b.accessToken, "sub");
-  const { data: wmsLayerNames } = (0, import_core34.useEvolandWmsLayers)();
-  const { data: geoWikiSettings } = (0, import_core34.useGeoWikiSettings)();
-  const { data: introTourSteps } = (0, import_core34.useIntroTourSettings)();
+  const panelStore = (0, import_core45.usePanelStore)();
+  const evolandFeature = (0, import_core45.useFeature)("GeoWiki.EvoLand");
+  var userRole = (0, import_core45.tokenData)((_a = session.data) == null ? void 0 : _a.accessToken, "role");
+  var userId = (0, import_core45.tokenData)((_b = session.data) == null ? void 0 : _b.accessToken, "sub");
+  const { data: wmsLayerNames } = (0, import_core45.useEvolandWmsLayers)();
+  const { data: geoWikiSettings } = (0, import_core45.useGeoWikiSettings)();
+  const { data: introTourSteps } = (0, import_core45.useIntroTourSettings)();
   const [showAsset, setShowAsset] = (0, import_react60.useState)(false);
   const [fetchLocationMetaData, setFetchLocationMetaData] = (0, import_react60.useState)(false);
   const [defaultActivityView, setDefaultActivityView] = (0, import_react60.useState)("");
@@ -16213,7 +16213,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
     ((_f = (_e = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _e.Latitude) == null ? void 0 : _f.Text) || 48.2082,
     ((_h = (_g = mapSettings == null ? void 0 : mapSettings.LocationPart) == null ? void 0 : _g.Longitude) == null ? void 0 : _h.Text) || 16.3738
   ];
-  (0, import_core34.useRenderInfo)("GeoWikiMap");
+  (0, import_core45.useRenderInfo)("GeoWikiMap");
   if (!fetchLocationMetaData && (evolandStore.referenceDate || evolandStore.reference_dates)) {
     evolandStore.getLocationMetaData(locationId, parseInt(projectId), taskId);
     setFetchLocationMetaData(true);
@@ -16269,7 +16269,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
   };
   (0, import_react60.useEffect)(() => {
     var _a2;
-    if ((0, import_core34.IsTokenExpired)((_a2 = session.data) == null ? void 0 : _a2.expires)) {
+    if ((0, import_core45.IsTokenExpired)((_a2 = session.data) == null ? void 0 : _a2.expires)) {
       evolandStore.setSessionTimeOut(true);
     }
   }, [evolandStore.sessionTimeOut, (_l = session.data) == null ? void 0 : _l.expires]);
@@ -16292,7 +16292,7 @@ var GeoWikiMapComponent = ({ mapSettings, session }) => {
               {
                 variant: "outline",
                 className: "flex ml-20",
-                onClick: () => (0, import_core34.showIntroTour)(selectIntroTourSteps()),
+                onClick: () => (0, import_core45.showIntroTour)(selectIntroTourSteps()),
                 children: "Guide"
               }
             ) }),
@@ -16576,15 +16576,15 @@ var GeoWikiMap = (0, import_react60.memo)(GeoWikiMapComponent);
 // src/Components/Map/WaybackTimelineMap.tsx
 var import_react61 = require("react");
 var import_react_leaflet29 = require("react-leaflet");
-var import_core35 = require("@geowiki/core");
-var import_navigation3 = require("next/navigation");
+var import_core47 = require("@geowiki/core");
+var import_core48 = require("@geowiki/core");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var WaybackTimelineMap = (props) => {
   var _a;
   const mapRef = (0, import_react61.useRef)(null);
-  const searchParams = (0, import_navigation3.useSearchParams)();
+  const searchParams = (0, import_core48.useSearchParams)();
   var center4 = [48.2082, 16.3738];
-  (0, import_core35.useRenderInfo)("WaybackTimelineMap");
+  (0, import_core47.useRenderInfo)("WaybackTimelineMap");
   const [WAYBACK_SNAPSHOTS, setWAYBACK_SNAPSHOTS] = (0, import_react61.useState)(null);
   function MapZoomEvents() {
     const mapEvents = (0, import_react_leaflet29.useMapEvents)({
@@ -16676,166 +16676,3330 @@ var WaybackTimelineMap = (props) => {
 };
 
 // src/Components/Map/MapLibre.tsx
-var import_react62 = require("react");
-var import_react63 = require("react");
+var import_react66 = require("react");
+var import_react67 = require("react");
 var import_maplibre_gl = __toESM(require("maplibre-gl"));
 var import_MapPinIcon4 = __toESM(require("@heroicons/react/24/solid/MapPinIcon"));
 var import_server8 = require("react-dom/server");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var MapLibre = (0, import_react63.forwardRef)(({ baseLayers, customLayers, mapControls, sourceData }, ref) => {
-  const mapContainer = ref;
-  const mapRef = (0, import_react62.useRef)(null);
-  console.log(customLayers);
-  const changeMapProjection = () => {
+
+// src/Components/Generic/Map/LayerSwitcher.tsx
+var import_react62 = require("react");
+var import_ui44 = require("@geowiki/ui");
+
+// src/Components/Generic/Map/store/mapLayers.ts
+var import_zustand9 = require("zustand");
+var import_sortable3 = require("@dnd-kit/sortable");
+var useMapLayerStore2 = (0, import_zustand9.create)()((set, get) => ({
+  layers: [],
+  add: (layer) => {
     var _a;
-    if (!mapRef.current)
-      return;
-    const map = mapRef.current;
-    const currentProjection = (_a = map.getProjection()) == null ? void 0 : _a.type;
-    const newProjection = currentProjection === "mercator" ? "globe" : "mercator";
-    map.setProjection({
-      type: newProjection
-    });
-  };
-  (0, import_react62.useEffect)(() => {
-    if (typeof mapContainer === "function")
-      return;
-    if (!(mapContainer == null ? void 0 : mapContainer.current))
-      return;
-    if (!sourceData)
-      return;
-    const map = new import_maplibre_gl.default.Map({
-      container: mapContainer == null ? void 0 : mapContainer.current,
-      style: {
-        version: 8,
-        sources: {
-          osm: {
-            type: "raster",
-            tiles: ["https://a.tile.openstreetmap.org/{z}/{x}/{y}.png"],
-            tileSize: 256,
-            attribution: "&copy; OpenStreetMap Contributors",
-            maxzoom: 19
-          }
-        },
-        layers: [
-          {
-            id: "osm",
-            type: "raster",
-            source: "osm"
-          }
-        ],
-        sky: {}
-      },
-      center: [16.3713, 48.2081],
-      zoom: 3,
-      minZoom: 1.5,
-      renderWorldCopies: false,
-      canvasContextAttributes: { antialias: true }
-    });
-    mapRef.current = map;
-    map.scrollZoom.disable();
-    mapRef.current.getContainer().addEventListener("mouseenter", () => map.scrollZoom.enable());
-    mapRef.current.getContainer().addEventListener("mouseleave", () => map.scrollZoom.disable());
-    function loadSvgImage() {
-      return __async(this, null, function* () {
-        let svgText = (0, import_server8.renderToStaticMarkup)(
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_MapPinIcon4.default, { className: "w-6 h-6" })
+    if (layer.id === "geotrees-external-layer" || layer.title === "GEO-TREES Sites" || ((_a = layer.layerInfo) == null ? void 0 : _a.source) === "GeoTrees External API") {
+      const existingGeoTreesLayer = get().layers.find(
+        (existingLayer) => {
+          var _a2;
+          return existingLayer.id === "geotrees-external-layer" || existingLayer.title === "GEO-TREES Sites" || ((_a2 = existingLayer.layerInfo) == null ? void 0 : _a2.source) === "GeoTrees External API";
+        }
+      );
+      if (existingGeoTreesLayer) {
+        console.warn(
+          "GeoTrees External layer already exists in map store, preventing duplicate addition"
         );
-        svgText = svgText.replace('fill="currentColor"', 'fill="#06b6d4"');
-        const img = new Image();
-        img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(svgText);
-        img.width = 35;
-        img.height = 35;
-        yield img.decode();
-        return img;
-      });
+        return;
+      }
     }
-    map.on("load", () => __async(void 0, null, function* () {
-      changeMapProjection();
-      baseLayers == null ? void 0 : baseLayers.forEach((layer) => {
-        map.addSource(layer.name, {
-          type: layer.type,
-          url: layer.url,
-          tileSize: layer.tileSize
+    set((state) => {
+      const layersWithName = state.layers.filter((l) => l == null ? void 0 : l.layerName);
+      const layersWithoutName = state.layers.filter((l) => !(l == null ? void 0 : l.layerName));
+      if (layer.layerName) {
+        const insertIndex = layersWithName.findIndex(
+          (l) => {
+            var _a2, _b, _c, _d;
+            return ((_b = (_a2 = l.order) != null ? _a2 : l.index) != null ? _b : 0) > ((_d = (_c = layer.order) != null ? _c : layer.index) != null ? _d : 0);
+          }
+        );
+        const updatedLayersWithName = insertIndex === -1 ? [...layersWithName, layer] : [
+          ...layersWithName.slice(0, insertIndex),
+          layer,
+          ...layersWithName.slice(insertIndex)
+        ];
+        updatedLayersWithName.forEach((l, idx) => {
+          l.index = updatedLayersWithName.length + layersWithoutName.length - idx;
         });
-        if (layer.layer_type == "terrainSource")
-          map.setTerrain({
-            source: "terrainSource",
-            exaggeration: 1
-          });
-        if (layer.layer_type == "hillshade")
-          map.addLayer({
-            id: layer.name,
-            type: layer.layer_type,
-            source: layer.name,
-            paint: { "hillshade-shadow-color": "#473B24" },
-            layout: { visibility: "visible" }
-          });
-      });
-      sourceData == null ? void 0 : sourceData.forEach((source) => __async(void 0, null, function* () {
-        if (source.is_cluster) {
-          map.addSource(source.name, {
-            type: source.type,
-            data: source.data,
-            cluster: true,
-            clusterMaxZoom: 10,
-            clusterRadius: 50
-          });
-        }
-        if (source.show_cluster_count) {
-          map.addLayer({
-            id: `${source.name}-cluster-circles`,
-            type: "circle",
-            source: source.name,
-            filter: ["has", "point_count"],
-            paint: {
-              "circle-color": source.style.cluster_color,
-              "circle-opacity": 1,
-              "circle-radius": 20,
-              "circle-stroke-width": 4,
-              "circle-stroke-color": source.style.cluster_stroke_color
-            }
-          });
-          map.addLayer({
-            id: `${source.name}-cluster-count`,
-            type: "symbol",
-            source: source.name,
-            filter: ["has", "point_count"],
-            layout: {
-              "text-field": "{point_count_abbreviated}",
-              "text-font": ["Open Sans Bold"],
-              "text-size": 14
-            },
-            paint: {
-              "text-color": "#f7f2f2"
-            }
-          });
-          if (!map.hasImage("pin")) {
-            const img = yield loadSvgImage();
-            map.addImage("pin", img);
+        layersWithoutName.forEach((l, idx) => {
+          l.index = layersWithoutName.length - idx;
+        });
+        const newState = {
+          layers: [...updatedLayersWithName, ...layersWithoutName]
+        };
+        return newState;
+      } else {
+        const insertIndex = layersWithoutName.findIndex(
+          (l) => {
+            var _a2, _b, _c, _d;
+            return ((_b = (_a2 = l.order) != null ? _a2 : l.index) != null ? _b : 0) > ((_d = (_c = layer.order) != null ? _c : layer.index) != null ? _d : 0);
           }
-          map.addLayer({
-            id: source.name + "-count",
-            type: "symbol",
-            source: source.name,
-            filter: ["!", ["has", "point_count"]],
-            layout: {
-              "icon-image": "pin",
-              "icon-size": 1,
-              "icon-allow-overlap": true,
-              "icon-anchor": "bottom"
-            }
-          });
-        }
-      }));
-    }));
-    return () => {
-      map.remove();
-    };
-  }, [sourceData, mapControls]);
-  if (!sourceData)
-    return;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative", style: { width: "100%", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { ref: mapContainer, className: "w-full h-full" }) });
+        );
+        const updatedLayersWithoutName = insertIndex === -1 ? [...layersWithoutName, layer] : [
+          ...layersWithoutName.slice(0, insertIndex),
+          layer,
+          ...layersWithoutName.slice(insertIndex)
+        ];
+        updatedLayersWithoutName.forEach((l, idx) => {
+          l.index = updatedLayersWithoutName.length - idx;
+        });
+        layersWithName.forEach((l, idx) => {
+          l.index = layersWithName.length + updatedLayersWithoutName.length - idx;
+        });
+        const newState = {
+          layers: [...layersWithName, ...updatedLayersWithoutName]
+        };
+        console.log(
+          "MapLayerStore: New state with unnamed layer:",
+          newState.layers.length
+        );
+        return newState;
+      }
+    });
+  },
+  remove: (layer) => set((state) => {
+    return { layers: state.layers.filter((l) => l.id !== layer.id) };
+  }),
+  updateOpacity: (id, opacity) => set((state) => {
+    var index = state.layers.findIndex((l) => l.id === id);
+    if (index > -1) {
+      state.layers[index].opacity = opacity;
+    }
+    return { layers: state.layers };
+  }),
+  updateLayer: (id, updates) => set((state) => {
+    var index = state.layers.findIndex((l) => l.id === id);
+    if (index > -1) {
+      state.layers[index] = __spreadValues(__spreadValues({}, state.layers[index]), updates);
+    }
+    return { layers: state.layers };
+  }),
+  reorderLayers: (oldIndex, newIndex) => set((state) => {
+    const newLayers = [...state.layers];
+    const layersWithoutName = newLayers.filter((layer) => !(layer == null ? void 0 : layer.layerName));
+    const layersToReorder = newLayers.filter((layer) => layer == null ? void 0 : layer.layerName);
+    const reorderedLayers = (0, import_sortable3.arrayMove)(layersToReorder, oldIndex, newIndex);
+    reorderedLayers.forEach((layer, idx) => {
+      layer.index = reorderedLayers.length + layersWithoutName.length - idx;
+    });
+    layersWithoutName.forEach((layer, idx) => {
+      layer.index = layersWithoutName.length - idx;
+    });
+    const resultLayers = [...reorderedLayers, ...layersWithoutName];
+    return { layers: resultLayers };
+  }),
+  refresh: () => set((state) => {
+    return { layers: state.layers };
+  }),
+  selectedLayer: "",
+  setSelectedLayer: (selectedLayer) => set({ selectedLayer }),
+  layerOpacity: 0,
+  setLayerOpacity: (layerOpacity) => set({ layerOpacity })
+}));
+
+// src/Components/Generic/Map/LayerSwitcher.tsx
+var import_react63 = require("@headlessui/react");
+var import_react64 = require("react");
+var import_outline2 = require("@heroicons/react/24/outline");
+var import_react65 = require("@headlessui/react");
+var import_lucide_react9 = require("lucide-react");
+var import_uuid5 = require("uuid");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var LayerInfoIcon2 = (0, import_react62.memo)(({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "fill-tag-light-purple cursor-pointer",
+    onClick,
+    role: "button",
+    "aria-label": "Show layer information",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "10", cy: "10", r: "10", fill: "text-tag-light-purple" }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        "path",
+        {
+          d: "M9.24963 14V7.592H10.7496V14H9.24963ZM10.0056 6.536C9.72563 6.536 9.49363 6.448 9.30963 6.272C9.13363 6.096 9.04563 5.884 9.04563 5.636C9.04563 5.38 9.13363 5.168 9.30963 5C9.49363 4.824 9.72563 4.736 10.0056 4.736C10.2856 4.736 10.5136 4.82 10.6896 4.988C10.8736 5.148 10.9656 5.352 10.9656 5.6C10.9656 5.864 10.8776 6.088 10.7016 6.272C10.5256 6.448 10.2936 6.536 10.0056 6.536Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+));
+LayerInfoIcon2.displayName = "LayerInfoIcon";
+var LayerItemInfo2 = (0, import_react62.memo)(({ layer, open, setOpen }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const isCustomLayer = "isCustom" in layer && layer.isCustom;
+  const mapDetails = [
+    {
+      label: "Source",
+      value: ((_b = (_a = layer.layerInfo) == null ? void 0 : _a.sourceLink) == null ? void 0 : _b.href) ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_ui44.SimpleLink,
+        {
+          link: {
+            title: (_c = layer.layerInfo.sourceLink.name) != null ? _c : "",
+            href: (_d = layer.layerInfo.sourceLink.href) != null ? _d : "#",
+            isNewTab: !((_e = layer.layerInfo.sourceLink.href) == null ? void 0 : _e.startsWith("/"))
+          }
+        }
+      ) : ((_f = layer.layerInfo) == null ? void 0 : _f.source) || (isCustomLayer ? "Custom Layer" : void 0)
+    },
+    {
+      label: "Geographic Coverage",
+      value: (_g = layer.layerInfo) == null ? void 0 : _g.geographicCoverage
+    },
+    {
+      label: "Citation",
+      value: ((_i = (_h = layer.layerInfo) == null ? void 0 : _h.citationLink) == null ? void 0 : _i.href) ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_ui44.SimpleLink,
+        {
+          link: {
+            title: (_j = layer.layerInfo.citationLink.name) != null ? _j : "",
+            href: (_k = layer.layerInfo.citationLink.href) != null ? _k : "#",
+            isNewTab: !((_l = layer.layerInfo.citationLink.href) == null ? void 0 : _l.startsWith("/"))
+          }
+        }
+      ) : (_m = layer.layerInfo) == null ? void 0 : _m.citation
+    },
+    ...isCustomLayer ? [
+      { label: "Layer Type", value: layer.type },
+      { label: "Custom Layer", value: "Yes" }
+    ] : []
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react63.Transition.Root, { show: open, as: import_react64.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react63.Dialog, { as: "div", className: "relative z-20", onClose: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      import_react63.Transition.Child,
+      {
+        as: import_react64.Fragment,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0",
+        enterTo: "opacity-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100",
+        leaveTo: "opacity-0",
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full text-center lg:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      import_react63.Transition.Child,
+      {
+        as: import_react64.Fragment,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+        enterTo: "opacity-100 translate-y-0 sm:scale-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
+        leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react63.Dialog.Panel, { className: "w-screen relative bg-white rounded-t-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all lg:rounded-lg sm:my-8 sm:w-[740px] sm:p-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute top-0 right-0 pt-3 pr-3 lg:pt-10 lg:pr-10", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2",
+              onClick: () => setOpen(false),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "sr-only", children: "Close" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_outline2.XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-start justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-lg font-semibold lg:text-[2rem] lg:font-light leading-[120%]", children: layer.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "w-full pt-6 space-y-4 text-grey leading-[130%]", children: [
+              ((_n = layer.layerInfo) == null ? void 0 : _n.overview) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "uppercase text-sm", children: "Overview" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-sm lg:text-base font-normal", children: (_o = layer.layerInfo) == null ? void 0 : _o.overview })
+              ] }),
+              mapDetails.map(
+                (detail) => detail.value && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  import_ui44.KeyInfoItem,
+                  {
+                    label: detail.label,
+                    value: detail.value
+                  },
+                  (0, import_uuid5.v4)()
+                )
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ) }) })
+  ] }) });
+});
+LayerItemInfo2.displayName = "LayerItemInfo";
+var LayerItem2 = (0, import_react62.memo)(
+  ({
+    layer,
+    isActive,
+    onToggle,
+    openHoverCardId,
+    onInfoClick
+  }) => {
+    var _a;
+    const [open, setOpen] = (0, import_react62.useState)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("li", { className: "bg-white rounded-xl p-4 lg:w-[310px] lg:p-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-row justify-start items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            import_ui44.Switch,
+            {
+              checked: isActive,
+              onCheckedChange: onToggle,
+              "aria-label": `Toggle ${layer.title} layer`
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: " text-base font-medium leading-[120%] break-words max-w-[210px] lg:max-w-none md:max-w-none", children: layer.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "block lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LayerInfoIcon2, { onClick: () => setOpen(true) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "block lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          import_ui44.Switch,
+          {
+            checked: isActive,
+            onCheckedChange: onToggle,
+            "aria-label": `Toggle ${layer.title} layer`
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+          import_ui44.HoverCard,
+          {
+            open: openHoverCardId === layer.id,
+            onOpenChange: () => onInfoClick(layer.id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_ui44.HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                "div",
+                {
+                  onClick: () => onInfoClick(layer.id),
+                  className: "cursor-pointer",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LayerInfoIcon2, { onClick: () => setOpen(true) })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_ui44.HoverCardContent, { className: "w-80 rounded-2xl ", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h4", { className: "text-sm font-semibold", children: layer.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-sm text-grey", children: ((_a = layer.layerInfo) == null ? void 0 : _a.hoverCardText) || "" })
+              ] }) })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LayerItemInfo2, { layer, open, setOpen })
+    ] });
+  }
+);
+LayerItem2.displayName = "LayerItem";
+var LayerSwitcher2 = (0, import_react62.memo)(({ mapMenuItems, customLayers }) => {
+  const store = useMapLayerStore2();
+  const [openHoverCardId, setOpenHoverCardId] = (0, import_react62.useState)(null);
+  (0, import_react62.useEffect)(() => {
+    if (store.layers.length == 0 && customLayers.length > 0)
+      customLayers.map((layer) => store.add(layer));
+  }, []);
+  const handleToggle = (0, import_react62.useCallback)(
+    (layer) => {
+      store.layers.findIndex((l) => l.id === layer.id) !== -1 ? store.remove(layer) : store.add(layer);
+    },
+    [store]
+  );
+  const handleInfoClick = (0, import_react62.useCallback)(
+    (id) => {
+      setOpenHoverCardId(openHoverCardId === id ? null : id);
+    },
+    [openHoverCardId]
+  );
+  const hasRegularLayers = (mapMenuItems == null ? void 0 : mapMenuItems.length) > 0;
+  const hasCustomLayers = customLayers.length > 0;
+  if (!hasRegularLayers && !hasCustomLayers) {
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: "No map layers available" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "lg:max-h-[calc(100dvh-15rem)] overflow-y-auto pr-1", children: mapMenuItems == null ? void 0 : mapMenuItems.map((menu, index) => {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "hidden lg:block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          import_react65.Disclosure,
+          {
+            "data-component": menu.title,
+            defaultOpen: mapMenuItems.length === 1,
+            children: ({ open }) => {
+              var _a2;
+              return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react65.Disclosure.Button, { className: "w-[310px] flex-row flex justify-between items-center gap-2 border-zinc-300 ", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                    import_lucide_react9.ChevronDown,
+                    {
+                      className: ` ${open ? "rotate-180 transform" : ""} h-7 w-7 `,
+                      stroke: "grey"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react65.Disclosure.Panel, { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("ul", { className: "pt-2 space-y-2", children: [
+                  index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                    LayerItem2,
+                    {
+                      layer,
+                      isActive: store.layers.findIndex(
+                        (l) => l.id === layer.id
+                      ) !== -1,
+                      onToggle: () => {
+                        handleToggle(layer);
+                        if (layer.ontoggle)
+                          layer.ontoggle();
+                      },
+                      openHoverCardId,
+                      onInfoClick: handleInfoClick
+                    },
+                    layer.id
+                  )),
+                  (_a2 = menu.subMenus) == null ? void 0 : _a2.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                    LayerItem2,
+                    {
+                      layer,
+                      isActive: store.layers.findIndex(
+                        (l) => l.id === layer.id
+                      ) !== -1,
+                      onToggle: () => handleToggle(layer),
+                      openHoverCardId,
+                      onInfoClick: handleInfoClick
+                    },
+                    layer.id
+                  ))
+                ] }) }) })
+              ] });
+            }
+          }
+        ),
+        index !== mapMenuItems.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "my-4 h-px bg-grey-light" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "block lg:hidden px-5 pt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("ul", { className: "pt-2 space-y-2", children: [
+          index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            LayerItem2,
+            {
+              layer,
+              isActive: store.layers.findIndex((l) => l.id === layer.id) !== -1,
+              onToggle: () => handleToggle(layer),
+              openHoverCardId,
+              onInfoClick: handleInfoClick
+            },
+            layer.id
+          )),
+          (_a = menu.subMenus) == null ? void 0 : _a.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            LayerItem2,
+            {
+              layer,
+              isActive: store.layers.findIndex((l) => l.id === layer.id) !== -1,
+              onToggle: () => handleToggle(layer),
+              openHoverCardId,
+              onInfoClick: handleInfoClick
+            },
+            layer.id
+          ))
+        ] }) })
+      ] })
+    ] }, menu.id);
+  }) });
+});
+LayerSwitcher2.displayName = "LayerSwitcher";
+
+// src/Components/Generic/Map/MapControlToolbar.tsx
+var Popover7 = __toESM(require("@radix-ui/react-popover"));
+var import_ui45 = require("@geowiki/ui");
+
+// ../../node_modules/clsx/dist/clsx.m.js
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e)
+    n += e;
+  else if ("object" == typeof e)
+    if (Array.isArray(e))
+      for (t = 0; t < e.length; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    else
+      for (t in e)
+        e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length; )
+    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/tw-join.mjs
+function twJoin() {
+  var index = 0;
+  var argument;
+  var resolvedValue;
+  var string4 = "";
+  while (index < arguments.length) {
+    if (argument = arguments[index++]) {
+      if (resolvedValue = toValue(argument)) {
+        string4 && (string4 += " ");
+        string4 += resolvedValue;
+      }
+    }
+  }
+  return string4;
+}
+function toValue(mix) {
+  if (typeof mix === "string") {
+    return mix;
+  }
+  var resolvedValue;
+  var string4 = "";
+  for (var k = 0; k < mix.length; k++) {
+    if (mix[k]) {
+      if (resolvedValue = toValue(mix[k])) {
+        string4 && (string4 += " ");
+        string4 += resolvedValue;
+      }
+    }
+  }
+  return string4;
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/class-utils.mjs
+var CLASS_PART_SEPARATOR = "-";
+function createClassUtils(config) {
+  var classMap = createClassMap(config);
+  var conflictingClassGroups = config.conflictingClassGroups, _config$conflictingCl = config.conflictingClassGroupModifiers, conflictingClassGroupModifiers = _config$conflictingCl === void 0 ? {} : _config$conflictingCl;
+  function getClassGroupId(className) {
+    var classParts = className.split(CLASS_PART_SEPARATOR);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
+  }
+  function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
+    var conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [].concat(conflicts, conflictingClassGroupModifiers[classGroupId]);
+    }
+    return conflicts;
+  }
+  return {
+    getClassGroupId,
+    getConflictingClassGroupIds
+  };
+}
+function getGroupRecursive(classParts, classPartObject) {
+  var _a;
+  if (classParts.length === 0) {
+    return classPartObject.classGroupId;
+  }
+  var currentClassPart = classParts[0];
+  var nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  var classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
+  }
+  if (classPartObject.validators.length === 0) {
+    return void 0;
+  }
+  var classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return (_a = classPartObject.validators.find(function(_ref) {
+    var validator = _ref.validator;
+    return validator(classRest);
+  })) == null ? void 0 : _a.classGroupId;
+}
+var arbitraryPropertyRegex = /^\[(.+)\]$/;
+function getGroupIdForArbitraryProperty(className) {
+  if (arbitraryPropertyRegex.test(className)) {
+    var arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    var property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
+    }
+  }
+}
+function createClassMap(config) {
+  var theme = config.theme, prefix = config.prefix;
+  var classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  var prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
+  prefixedClassGroupEntries.forEach(function(_ref2) {
+    var classGroupId = _ref2[0], classGroup = _ref2[1];
+    processClassesRecursively(classGroup, classMap, classGroupId, theme);
+  });
+  return classMap;
+}
+function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
+  classGroup.forEach(function(classDefinition) {
+    if (typeof classDefinition === "string") {
+      var classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(function(_ref3) {
+      var key = _ref3[0], classGroup2 = _ref3[1];
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
+    });
+  });
+}
+function getPart(classPartObject, path) {
+  var currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach(function(pathPart) {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
+    }
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
+}
+function isThemeGetter(func) {
+  return func.isThemeGetter;
+}
+function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
+  if (!prefix) {
+    return classGroupEntries;
+  }
+  return classGroupEntries.map(function(_ref4) {
+    var classGroupId = _ref4[0], classGroup = _ref4[1];
+    var prefixedClassGroup = classGroup.map(function(classDefinition) {
+      if (typeof classDefinition === "string") {
+        return prefix + classDefinition;
+      }
+      if (typeof classDefinition === "object") {
+        return Object.fromEntries(Object.entries(classDefinition).map(function(_ref5) {
+          var key = _ref5[0], value = _ref5[1];
+          return [prefix + key, value];
+        }));
+      }
+      return classDefinition;
+    });
+    return [classGroupId, prefixedClassGroup];
+  });
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/lru-cache.mjs
+function createLruCache(maxCacheSize) {
+  if (maxCacheSize < 1) {
+    return {
+      get: function get() {
+        return void 0;
+      },
+      set: function set() {
+      }
+    };
+  }
+  var cacheSize = 0;
+  var cache = /* @__PURE__ */ new Map();
+  var previousCache = /* @__PURE__ */ new Map();
+  function update(key, value) {
+    cache.set(key, value);
+    cacheSize++;
+    if (cacheSize > maxCacheSize) {
+      cacheSize = 0;
+      previousCache = cache;
+      cache = /* @__PURE__ */ new Map();
+    }
+  }
+  return {
+    get: function get(key) {
+      var value = cache.get(key);
+      if (value !== void 0) {
+        return value;
+      }
+      if ((value = previousCache.get(key)) !== void 0) {
+        update(key, value);
+        return value;
+      }
+    },
+    set: function set(key, value) {
+      if (cache.has(key)) {
+        cache.set(key, value);
+      } else {
+        update(key, value);
+      }
+    }
+  };
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/modifier-utils.mjs
+var IMPORTANT_MODIFIER = "!";
+function createSplitModifiers(config) {
+  var separator = config.separator || ":";
+  var isSeparatorSingleCharacter = separator.length === 1;
+  var firstSeparatorCharacter = separator[0];
+  var separatorLength = separator.length;
+  return function splitModifiers(className) {
+    var modifiers = [];
+    var bracketDepth = 0;
+    var modifierStart = 0;
+    var postfixModifierPosition;
+    for (var index = 0; index < className.length; index++) {
+      var currentCharacter = className[index];
+      if (bracketDepth === 0) {
+        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
+          modifiers.push(className.slice(modifierStart, index));
+          modifierStart = index + separatorLength;
+          continue;
+        }
+        if (currentCharacter === "/") {
+          postfixModifierPosition = index;
+          continue;
+        }
+      }
+      if (currentCharacter === "[") {
+        bracketDepth++;
+      } else if (currentCharacter === "]") {
+        bracketDepth--;
+      }
+    }
+    var baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    var hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
+    var baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
+    var maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
+  };
+}
+function sortModifiers(modifiers) {
+  if (modifiers.length <= 1) {
+    return modifiers;
+  }
+  var sortedModifiers = [];
+  var unsortedModifiers = [];
+  modifiers.forEach(function(modifier) {
+    var isArbitraryVariant = modifier[0] === "[";
+    if (isArbitraryVariant) {
+      sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort().concat([modifier]));
+      unsortedModifiers = [];
+    } else {
+      unsortedModifiers.push(modifier);
+    }
+  });
+  sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort());
+  return sortedModifiers;
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/config-utils.mjs
+function createConfigUtils(config) {
+  return __spreadValues({
+    cache: createLruCache(config.cacheSize),
+    splitModifiers: createSplitModifiers(config)
+  }, createClassUtils(config));
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/merge-classlist.mjs
+var SPLIT_CLASSES_REGEX = /\s+/;
+function mergeClassList(classList, configUtils) {
+  var splitModifiers = configUtils.splitModifiers, getClassGroupId = configUtils.getClassGroupId, getConflictingClassGroupIds = configUtils.getConflictingClassGroupIds;
+  var classGroupsInConflict = /* @__PURE__ */ new Set();
+  return classList.trim().split(SPLIT_CLASSES_REGEX).map(function(originalClassName) {
+    var _splitModifiers = splitModifiers(originalClassName), modifiers = _splitModifiers.modifiers, hasImportantModifier = _splitModifiers.hasImportantModifier, baseClassName = _splitModifiers.baseClassName, maybePostfixModifierPosition = _splitModifiers.maybePostfixModifierPosition;
+    var classGroupId = getClassGroupId(maybePostfixModifierPosition ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+    var hasPostfixModifier = Boolean(maybePostfixModifierPosition);
+    if (!classGroupId) {
+      if (!maybePostfixModifierPosition) {
+        return {
+          isTailwindClass: false,
+          originalClassName
+        };
+      }
+      classGroupId = getClassGroupId(baseClassName);
+      if (!classGroupId) {
+        return {
+          isTailwindClass: false,
+          originalClassName
+        };
+      }
+      hasPostfixModifier = false;
+    }
+    var variantModifier = sortModifiers(modifiers).join(":");
+    var modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+    return {
+      isTailwindClass: true,
+      modifierId,
+      classGroupId,
+      originalClassName,
+      hasPostfixModifier
+    };
+  }).reverse().filter(function(parsed) {
+    if (!parsed.isTailwindClass) {
+      return true;
+    }
+    var modifierId = parsed.modifierId, classGroupId = parsed.classGroupId, hasPostfixModifier = parsed.hasPostfixModifier;
+    var classId = modifierId + classGroupId;
+    if (classGroupsInConflict.has(classId)) {
+      return false;
+    }
+    classGroupsInConflict.add(classId);
+    getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(function(group) {
+      return classGroupsInConflict.add(modifierId + group);
+    });
+    return true;
+  }).reverse().map(function(parsed) {
+    return parsed.originalClassName;
+  }).join(" ");
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/create-tailwind-merge.mjs
+function createTailwindMerge() {
+  for (var _len = arguments.length, createConfig = new Array(_len), _key = 0; _key < _len; _key++) {
+    createConfig[_key] = arguments[_key];
+  }
+  var configUtils;
+  var cacheGet;
+  var cacheSet;
+  var functionToCall = initTailwindMerge;
+  function initTailwindMerge(classList) {
+    var firstCreateConfig = createConfig[0], restCreateConfig = createConfig.slice(1);
+    var config = restCreateConfig.reduce(function(previousConfig, createConfigCurrent) {
+      return createConfigCurrent(previousConfig);
+    }, firstCreateConfig());
+    configUtils = createConfigUtils(config);
+    cacheGet = configUtils.cache.get;
+    cacheSet = configUtils.cache.set;
+    functionToCall = tailwindMerge;
+    return tailwindMerge(classList);
+  }
+  function tailwindMerge(classList) {
+    var cachedResult = cacheGet(classList);
+    if (cachedResult) {
+      return cachedResult;
+    }
+    var result = mergeClassList(classList, configUtils);
+    cacheSet(classList, result);
+    return result;
+  }
+  return function callTailwindMerge() {
+    return functionToCall(twJoin.apply(null, arguments));
+  };
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/from-theme.mjs
+function fromTheme(key) {
+  var themeGetter = function themeGetter2(theme) {
+    return theme[key] || [];
+  };
+  themeGetter.isThemeGetter = true;
+  return themeGetter;
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/validators.mjs
+var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
+var fractionRegex = /^\d+\/\d+$/;
+var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
+var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))/;
+var shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+function isLength(value) {
+  return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value) || isArbitraryLength(value);
+}
+function isArbitraryLength(value) {
+  return getIsArbitraryValue(value, "length", isLengthOnly);
+}
+function isArbitrarySize(value) {
+  return getIsArbitraryValue(value, "size", isNever);
+}
+function isArbitraryPosition(value) {
+  return getIsArbitraryValue(value, "position", isNever);
+}
+function isArbitraryUrl(value) {
+  return getIsArbitraryValue(value, "url", isUrl);
+}
+function isArbitraryNumber(value) {
+  return getIsArbitraryValue(value, "number", isNumber);
+}
+function isNumber(value) {
+  return !Number.isNaN(Number(value));
+}
+function isPercent(value) {
+  return value.endsWith("%") && isNumber(value.slice(0, -1));
+}
+function isInteger(value) {
+  return isIntegerOnly(value) || getIsArbitraryValue(value, "number", isIntegerOnly);
+}
+function isArbitraryValue(value) {
+  return arbitraryValueRegex.test(value);
+}
+function isAny() {
+  return true;
+}
+function isTshirtSize(value) {
+  return tshirtUnitRegex.test(value);
+}
+function isArbitraryShadow(value) {
+  return getIsArbitraryValue(value, "", isShadow);
+}
+function getIsArbitraryValue(value, label, testValue) {
+  var result = arbitraryValueRegex.exec(value);
+  if (result) {
+    if (result[1]) {
+      return result[1] === label;
+    }
+    return testValue(result[2]);
+  }
+  return false;
+}
+function isLengthOnly(value) {
+  return lengthUnitRegex.test(value);
+}
+function isNever() {
+  return false;
+}
+function isUrl(value) {
+  return value.startsWith("url(");
+}
+function isIntegerOnly(value) {
+  return Number.isInteger(Number(value));
+}
+function isShadow(value) {
+  return shadowRegex.test(value);
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/default-config.mjs
+function getDefaultConfig() {
+  var colors = fromTheme("colors");
+  var spacing = fromTheme("spacing");
+  var blur = fromTheme("blur");
+  var brightness = fromTheme("brightness");
+  var borderColor = fromTheme("borderColor");
+  var borderRadius = fromTheme("borderRadius");
+  var borderSpacing = fromTheme("borderSpacing");
+  var borderWidth = fromTheme("borderWidth");
+  var contrast = fromTheme("contrast");
+  var grayscale = fromTheme("grayscale");
+  var hueRotate = fromTheme("hueRotate");
+  var invert = fromTheme("invert");
+  var gap = fromTheme("gap");
+  var gradientColorStops = fromTheme("gradientColorStops");
+  var gradientColorStopPositions = fromTheme("gradientColorStopPositions");
+  var inset = fromTheme("inset");
+  var margin = fromTheme("margin");
+  var opacity = fromTheme("opacity");
+  var padding = fromTheme("padding");
+  var saturate = fromTheme("saturate");
+  var scale = fromTheme("scale");
+  var sepia = fromTheme("sepia");
+  var skew = fromTheme("skew");
+  var space = fromTheme("space");
+  var translate = fromTheme("translate");
+  var getOverscroll = function getOverscroll2() {
+    return ["auto", "contain", "none"];
+  };
+  var getOverflow = function getOverflow2() {
+    return ["auto", "hidden", "clip", "visible", "scroll"];
+  };
+  var getSpacingWithAuto = function getSpacingWithAuto2() {
+    return ["auto", spacing];
+  };
+  var getLengthWithEmpty = function getLengthWithEmpty2() {
+    return ["", isLength];
+  };
+  var getNumberWithAutoAndArbitrary = function getNumberWithAutoAndArbitrary2() {
+    return ["auto", isNumber, isArbitraryValue];
+  };
+  var getPositions = function getPositions2() {
+    return ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"];
+  };
+  var getLineStyles = function getLineStyles2() {
+    return ["solid", "dashed", "dotted", "double", "none"];
+  };
+  var getBlendModes = function getBlendModes2() {
+    return ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"];
+  };
+  var getAlign = function getAlign2() {
+    return ["start", "end", "center", "between", "around", "evenly", "stretch"];
+  };
+  var getZeroAndEmpty = function getZeroAndEmpty2() {
+    return ["", "0", isArbitraryValue];
+  };
+  var getBreaks = function getBreaks2() {
+    return ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
+  };
+  var getNumber = function getNumber2() {
+    return [isNumber, isArbitraryNumber];
+  };
+  var getNumberAndArbitrary = function getNumberAndArbitrary2() {
+    return [isNumber, isArbitraryValue];
+  };
+  return {
+    cacheSize: 500,
+    theme: {
+      colors: [isAny],
+      spacing: [isLength],
+      blur: ["none", "", isTshirtSize, isArbitraryLength],
+      brightness: getNumber(),
+      borderColor: [colors],
+      borderRadius: ["none", "", "full", isTshirtSize, isArbitraryLength],
+      borderSpacing: [spacing],
+      borderWidth: getLengthWithEmpty(),
+      contrast: getNumber(),
+      grayscale: getZeroAndEmpty(),
+      hueRotate: getNumberAndArbitrary(),
+      invert: getZeroAndEmpty(),
+      gap: [spacing],
+      gradientColorStops: [colors],
+      gradientColorStopPositions: [isPercent, isArbitraryLength],
+      inset: getSpacingWithAuto(),
+      margin: getSpacingWithAuto(),
+      opacity: getNumber(),
+      padding: [spacing],
+      saturate: getNumber(),
+      scale: getNumber(),
+      sepia: getZeroAndEmpty(),
+      skew: getNumberAndArbitrary(),
+      space: [spacing],
+      translate: [spacing]
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", isArbitraryValue]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [isTshirtSize]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": getBreaks()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": getBreaks()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      "float": [{
+        "float": ["right", "left", "none"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: [].concat(getPositions(), [isArbitraryValue])
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: getOverflow()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": getOverflow()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": getOverflow()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: getOverscroll()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": getOverscroll()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": getOverscroll()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: [inset]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [inset]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [inset]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [inset]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [inset]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [inset]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [inset]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [inset]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [inset]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", isInteger]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [spacing]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["wrap", "wrap-reverse", "nowrap"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: ["1", "auto", "initial", "none", isArbitraryValue]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: getZeroAndEmpty()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: getZeroAndEmpty()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", isInteger]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [isAny]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: [isInteger]
+        }, isArbitraryValue]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": getNumberWithAutoAndArbitrary()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": getNumberWithAutoAndArbitrary()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [isAny]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [isInteger]
+        }, isArbitraryValue]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": getNumberWithAutoAndArbitrary()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": getNumberWithAutoAndArbitrary()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [gap]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [gap]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [gap]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal"].concat(getAlign())
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": ["start", "end", "center", "stretch"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal"].concat(getAlign(), ["baseline"])
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", "start", "end", "center", "stretch", "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": [].concat(getAlign(), ["baseline"])
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: [padding]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [padding]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [padding]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [padding]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [padding]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [padding]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [padding]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [padding]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [padding]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [margin]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [margin]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [margin]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [margin]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [margin]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [margin]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [margin]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [margin]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [margin]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [space]
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y": [{
+        "space-y": [space]
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // Sizing
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: ["auto", "min", "max", "fit", spacing]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": ["min", "max", "fit", isLength]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": ["0", "none", "full", "min", "max", "fit", "prose", {
+          screen: [isTshirtSize]
+        }, isTshirtSize, isArbitraryLength]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [spacing, "auto", "min", "max", "fit"]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["min", "max", "fit", isLength]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [spacing, "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", isTshirtSize, isArbitraryLength]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", isArbitraryNumber]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [isAny]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractons"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", isArbitraryLength]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", isNumber, isArbitraryNumber]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", isLength]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", isArbitraryValue]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", isArbitraryValue]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: [colors]
+      }],
+      /**
+       * Placeholder Opacity
+       * @see https://tailwindcss.com/docs/placeholder-opacity
+       */
+      "placeholder-opacity": [{
+        "placeholder-opacity": [opacity]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: [colors]
+      }],
+      /**
+       * Text Opacity
+       * @see https://tailwindcss.com/docs/text-opacity
+       */
+      "text-opacity": [{
+        "text-opacity": [opacity]
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [].concat(getLineStyles(), ["wavy"])
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", isLength]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", isLength]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: [colors]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: [spacing]
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryLength]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      "break": [{
+        "break": ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", isArbitraryValue]
+      }],
+      // Backgrounds
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Opacity
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/background-opacity
+       */
+      "bg-opacity": [{
+        "bg-opacity": [opacity]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: [].concat(getPositions(), [isArbitraryPosition])
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "round", "space"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", isArbitrarySize]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, isArbitraryUrl]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: [colors]
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: [gradientColorStopPositions]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [gradientColorStopPositions]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [gradientColorStopPositions]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [gradientColorStops]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [gradientColorStops]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [gradientColorStops]
+      }],
+      // Borders
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: [borderRadius]
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": [borderRadius]
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": [borderRadius]
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": [borderRadius]
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": [borderRadius]
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": [borderRadius]
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": [borderRadius]
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": [borderRadius]
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": [borderRadius]
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": [borderRadius]
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": [borderRadius]
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": [borderRadius]
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": [borderRadius]
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": [borderRadius]
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": [borderRadius]
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: [borderWidth]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [borderWidth]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [borderWidth]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [borderWidth]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [borderWidth]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [borderWidth]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [borderWidth]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [borderWidth]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [borderWidth]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [opacity]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [].concat(getLineStyles(), ["hidden"])
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [borderWidth]
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y": [{
+        "divide-y": [borderWidth]
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Divide Opacity
+       * @see https://tailwindcss.com/docs/divide-opacity
+       */
+      "divide-opacity": [{
+        "divide-opacity": [opacity]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: getLineStyles()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [borderColor]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [borderColor]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [borderColor]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [borderColor]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [borderColor]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [borderColor]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [borderColor]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [borderColor]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [""].concat(getLineStyles())
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [isLength]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [isLength]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [colors]
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w": [{
+        ring: getLengthWithEmpty()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/ring-color
+       */
+      "ring-color": [{
+        ring: [colors]
+      }],
+      /**
+       * Ring Opacity
+       * @see https://tailwindcss.com/docs/ring-opacity
+       */
+      "ring-opacity": [{
+        "ring-opacity": [opacity]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [isLength]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://tailwindcss.com/docs/ring-offset-color
+       */
+      "ring-offset-color": [{
+        "ring-offset": [colors]
+      }],
+      // Effects
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [isAny]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [opacity]
+      }],
+      /**
+       * Mix Beldn Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": getBlendModes()
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": getBlendModes()
+      }],
+      // Filters
+      /**
+       * Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: ["", "none"]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: [blur]
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [brightness]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [contrast]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", isTshirtSize, isArbitraryValue]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [grayscale]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [hueRotate]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [invert]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [saturate]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [sepia]
+      }],
+      /**
+       * Backdrop Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": ["", "none"]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": [blur]
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [brightness]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [contrast]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [grayscale]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [hueRotate]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [invert]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [opacity]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [saturate]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [sepia]
+      }],
+      // Tables
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": [borderSpacing]
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": [borderSpacing]
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": [borderSpacing]
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // Transitions and Animation
+      /**
+       * Tranisition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", isArbitraryValue]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: getNumberAndArbitrary()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", isArbitraryValue]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: getNumberAndArbitrary()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", isArbitraryValue]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [scale]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [scale]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [scale]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [isInteger, isArbitraryValue]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [translate]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [translate]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [skew]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [skew]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", isArbitraryValue]
+      }],
+      // Interactivity
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: ["auto", colors]
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: ["appearance-none"],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryValue]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: [colors]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["none", "auto"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "y", "x", ""]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": [spacing]
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": [spacing]
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": [spacing]
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": [spacing]
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": [spacing]
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": [spacing]
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": [spacing]
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": [spacing]
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": [spacing]
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": [spacing]
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": [spacing]
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": [spacing]
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": [spacing]
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": [spacing]
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": [spacing]
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": [spacing]
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": [spacing]
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": [spacing]
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "pinch-zoom", "manipulation", {
+          pan: ["x", "left", "right", "y", "up", "down"]
+        }]
+      }],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", isArbitraryValue]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [colors, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [isLength, isArbitraryNumber]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: [colors, "none"]
+      }],
+      // Accessibility
+      /**
+       * Screen Readers
+       * @see https://tailwindcss.com/docs/screen-readers
+       */
+      sr: ["sr-only", "not-sr-only"]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    }
+  };
+}
+
+// ../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs
+var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
+
+// src/Components/Generic/Map/MapControlToolbar.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime");
+function cn2(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var POSITION_CLASSES3 = {
+  topleft: "absolute top-4 left-4",
+  topright: "absolute top-4 right-4",
+  bottomleft: "absolute bottom-4 left-4",
+  bottomright: "absolute bottom-4 right-4"
+};
+var getDefaultDirection = (position) => {
+  switch (position) {
+    case "topleft":
+    case "bottomleft":
+      return "right";
+    case "topright":
+    case "bottomright":
+      return "left";
+    default:
+      return "right";
+  }
+};
+var MapControlToolbar = ({
+  controls,
+  onToggleControl
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_ui45.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "pointer-events-none", children: Object.entries(controls.reduce((acc, control) => {
+    var _a, _b;
+    const position = (_a = control.position) != null ? _a : "topright";
+    acc[position] = (_b = acc[position]) != null ? _b : [];
+    acc[position].push(control);
+    return acc;
+  }, {})).map(([position, items]) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn2(POSITION_CLASSES3[position], "pointer-events-auto"), children: items.map((control) => {
+    var _a;
+    const Icon3 = control.icon;
+    const popoverDirection = control.popoverDirection || getDefaultDirection((_a = control.position) != null ? _a : "topright");
+    if (control.isDisplayOnly) {
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        "div",
+        {
+          className: "pointer-events-auto",
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon3, { className: "w-6 h-6" })
+        },
+        control.id
+      );
+    }
+    if (control.onClick && !control.panel) {
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        "div",
+        {
+          className: "pointer-events-auto",
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_ui45.Tooltip, { delayDuration: 100, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_ui45.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              "button",
+              {
+                onClick: control.onClick,
+                className: "p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors bg-white hover:bg-gray-50 text-gray-700",
+                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon3, { className: "w-6 h-6" })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              import_ui45.TooltipContent,
+              {
+                side: "right",
+                className: "bg-secondary font-semibold text-foreground",
+                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { children: control.title })
+              }
+            )
+          ] })
+        },
+        control.id
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      "div",
+      {
+        className: "pointer-events-auto",
+        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Popover7.Root, { open: control.isOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_ui45.Tooltip, { delayDuration: 100, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Popover7.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_ui45.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              "button",
+              {
+                onClick: () => onToggleControl(control.id),
+                className: cn2(
+                  "p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors",
+                  control.isOpen ? "bg-primary text-white" : "bg-white hover:bg-gray-50 text-gray-700"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon3, { className: "w-6 h-6" })
+              }
+            ) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              import_ui45.TooltipContent,
+              {
+                side: "right",
+                className: "bg-secondary font-semibold text-foreground",
+                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { children: control.title })
+              }
+            )
+          ] }),
+          control.panel ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Popover7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+            Popover7.Content,
+            {
+              className: "bg-white p-4 rounded-lg shadow-lg min-w-[250px] z-[10] max-w-[380px] hidden lg:block",
+              side: popoverDirection,
+              align: control.position === "bottomright" ? "end" : "start",
+              sideOffset: 5,
+              children: [
+                control.panel,
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Popover7.Arrow, { className: "fill-white" })
+              ]
+            }
+          ) }) : null
+        ] })
+      },
+      control.id
+    );
+  }) }, position)) }) });
+};
+MapControlToolbar.displayName = "MapControlToolbar";
+
+// src/Components/Map/MapLibre.tsx
+var import_ui46 = require("@geowiki/ui");
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var MapLibre = (0, import_react67.forwardRef)(({ baseLayers, customLayers, mapControls, sourceData }, ref) => {
+  const mapContainer = ref;
+  const mapRef = (0, import_react66.useRef)(null);
+  const changeMapProjection = () => {
+    var _a;
+    if (!mapRef.current)
+      return;
+    const map = mapRef.current;
+    const currentProjection = (_a = map.getProjection()) == null ? void 0 : _a.type;
+    const newProjection = currentProjection === "mercator" ? "globe" : "mercator";
+    map.setProjection({
+      type: newProjection
+    });
+  };
+  const zoomIn = () => {
+    if (!mapRef.current)
+      return;
+    const map = mapRef.current;
+    map.zoomIn();
+  };
+  const zoomOut = () => {
+    if (!mapRef.current)
+      return;
+    const map = mapRef.current;
+    map.zoomOut();
+  };
+  function getLayersByPattern(map, pattern) {
+    return map.getStyle().layers.filter((layer) => pattern.test(layer.id)).map((layer) => layer.id);
+  }
+  const handleToggle = (layerId) => {
+    if (!mapRef.current)
+      return;
+    const map = mapRef.current;
+    const layers = getLayersByPattern(map, new RegExp(layerId));
+    layers.forEach((id) => {
+      const visibility = map.getLayoutProperty(id, "visibility");
+      const newVisibility = visibility === "none" ? "visible" : "none";
+      map.setLayoutProperty(id, "visibility", newVisibility);
+    });
+  };
+  const buildControls = (controls) => {
+    return controls.map((c) => {
+      switch (c.type) {
+        case "projection":
+          return {
+            id: "projection",
+            title: "Change Projection",
+            icon: import_ui46.GlobeIcon,
+            onClick: changeMapProjection,
+            position: "topright",
+            isOpen: true,
+            isDisplayOnly: false,
+            popoverDirection: "right",
+            isMobileFilter: true
+          };
+        case "zoom":
+          return [
+            {
+              id: "zoomIn",
+              icon: import_ui46.PlusIcon,
+              onClick: zoomIn,
+              position: "topright",
+              isOpen: true,
+              isDisplayOnly: false,
+              popoverDirection: "right",
+              isMobileFilter: true
+            },
+            {
+              id: "zoomOut",
+              icon: import_ui46.MinusIcon,
+              onClick: zoomOut,
+              position: "topright",
+              isOpen: true,
+              isDisplayOnly: false,
+              popoverDirection: "right",
+              isMobileFilter: true
+            }
+          ];
+        case "toggle_layers":
+          let custom_layers = customLayers == null ? void 0 : customLayers.map((l) => __spreadProps(__spreadValues({}, l), {
+            ontoggle: () => handleToggle(l.id)
+          }));
+          return {
+            id: "overlay",
+            icon: import_ui46.LayerGroupIcon,
+            panel: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              LayerSwitcher2,
+              {
+                mapMenuItems: [
+                  {
+                    MapMenuItem: {},
+                    Layers: [],
+                    Title: ""
+                  }
+                ],
+                customLayers: custom_layers
+              }
+            ),
+            position: "topleft",
+            isOpen: false,
+            isDisplayOnly: false,
+            popoverDirection: "right",
+            isMobileFilter: true
+          };
+        default:
+          return null;
+      }
+    }).flat();
+  };
+  const [mapControl, setMapControl] = (0, import_react66.useState)(() => buildControls(mapControls));
+  console.log(mapControl);
+  const toggleControl = (id) => {
+    setMapControl((prevControls) => prevControls.map((control) => {
+      if (control.id === id) {
+        return __spreadProps(__spreadValues({}, control), { isOpen: !control.isOpen });
+      }
+      return control;
+    }));
+  };
+  (0, import_react66.useEffect)(() => {
+    if (typeof mapContainer === "function")
+      return;
+    if (!(mapContainer == null ? void 0 : mapContainer.current))
+      return;
+    if (!sourceData)
+      return;
+    const map = new import_maplibre_gl.default.Map({
+      container: mapContainer == null ? void 0 : mapContainer.current,
+      style: {
+        version: 8,
+        sources: {
+          osm: {
+            type: "raster",
+            tiles: ["https://a.tile.openstreetmap.org/{z}/{x}/{y}.png"],
+            tileSize: 256,
+            attribution: "&copy; OpenStreetMap Contributors",
+            maxzoom: 19
+          }
+        },
+        layers: [
+          {
+            id: "osm",
+            type: "raster",
+            source: "osm"
+          }
+        ],
+        sky: {}
+      },
+      center: [16.3713, 48.2081],
+      zoom: 3,
+      minZoom: 1.5,
+      renderWorldCopies: false,
+      canvasContextAttributes: { antialias: true }
+    });
+    mapRef.current = map;
+    map.scrollZoom.disable();
+    mapRef.current.getContainer().addEventListener("mouseenter", () => map.scrollZoom.enable());
+    mapRef.current.getContainer().addEventListener("mouseleave", () => map.scrollZoom.disable());
+    function loadSvgImage() {
+      return __async(this, null, function* () {
+        let svgText = (0, import_server8.renderToStaticMarkup)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_MapPinIcon4.default, { className: "w-6 h-6" })
+        );
+        svgText = svgText.replace('fill="currentColor"', 'fill="#06b6d4"');
+        const img = new Image();
+        img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(svgText);
+        img.width = 35;
+        img.height = 35;
+        yield img.decode();
+        return img;
+      });
+    }
+    map.on("load", () => __async(void 0, null, function* () {
+      changeMapProjection();
+      baseLayers == null ? void 0 : baseLayers.forEach((layer) => {
+        map.addSource(layer.name, {
+          type: layer.type,
+          url: layer.url,
+          tileSize: layer.tileSize
+        });
+        if (layer.layer_type == "terrainSource")
+          map.setTerrain({
+            source: "terrainSource",
+            exaggeration: 1
+          });
+        if (layer.layer_type == "hillshade")
+          map.addLayer({
+            id: layer.name,
+            type: layer.layer_type,
+            source: layer.name,
+            paint: { "hillshade-shadow-color": "#473B24" },
+            layout: { visibility: "visible" }
+          });
+      });
+      sourceData == null ? void 0 : sourceData.forEach((source) => __async(void 0, null, function* () {
+        if (source.is_cluster) {
+          map.addSource(source.name, {
+            type: source.type,
+            data: source.data,
+            cluster: true,
+            clusterMaxZoom: 10,
+            clusterRadius: 50
+          });
+        }
+        if (source.show_cluster_count) {
+          map.addLayer({
+            id: `${source.name}-cluster-circles`,
+            type: "circle",
+            source: source.name,
+            filter: ["has", "point_count"],
+            paint: {
+              "circle-color": source.style.cluster_color,
+              "circle-opacity": 1,
+              "circle-radius": 20,
+              "circle-stroke-width": 4,
+              "circle-stroke-color": source.style.cluster_stroke_color
+            }
+          });
+          map.addLayer({
+            id: `${source.name}-cluster-count`,
+            type: "symbol",
+            source: source.name,
+            filter: ["has", "point_count"],
+            layout: {
+              "text-field": "{point_count_abbreviated}",
+              "text-font": ["Open Sans Bold"],
+              "text-size": 14
+            },
+            paint: {
+              "text-color": "#f7f2f2"
+            }
+          });
+          if (!map.hasImage("pin")) {
+            const img = yield loadSvgImage();
+            map.addImage("pin", img);
+          }
+          map.addLayer({
+            id: source.name + "-count",
+            type: "symbol",
+            source: source.name,
+            filter: ["!", ["has", "point_count"]],
+            layout: {
+              "icon-image": "pin",
+              "icon-size": 1,
+              "icon-allow-overlap": true,
+              "icon-anchor": "bottom"
+            }
+          });
+        }
+      }));
+    }));
+    return () => {
+      map.remove();
+    };
+  }, [sourceData, mapControls]);
+  if (!sourceData)
+    return;
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "relative", style: { width: "100%", height: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { ref: mapContainer, className: "w-full h-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(MapControlToolbar, { controls: mapControl, onToggleControl: (id) => toggleControl(id) })
+  ] });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {