@geowiki/ui 0.16.9-dev.2 → 0.16.9-dev.20

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
   __require,
   __spreadProps,
   __spreadValues
-} from "./chunk-2KORXHVU.mjs";
+} from "./chunk-IIIL7C6U.mjs";
 
 // src/index.tsx
 export * from "@geowiki/design-system";
@@ -13,7 +13,7 @@ export * from "@geowiki/design-system";
 import { useCmsUrl } from "@geowiki/core";
 
 // src/components/Elements/NextImage.tsx
-import Image from "next/image";
+import { Image } from "@geowiki/core";
 import { jsx } from "react/jsx-runtime";
 var NextImage = ({
   src,
@@ -38,8 +38,7 @@ var NextImage = ({
 import classNames from "classnames";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var HtmlLinkList = ({ links }) => {
-  if (!links)
-    return null;
+  if (!links) return null;
   return /* @__PURE__ */ jsx2("div", { children: links == null ? void 0 : links.map((link) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     return /* @__PURE__ */ jsx2(
@@ -229,8 +228,7 @@ function parseTitle(title, type) {
   return parsedTitle.join("");
 }
 var isAdmin = (token) => {
-  if (!token)
-    return false;
+  if (!token) return false;
   try {
     const decodedToken = jwtDecode(token);
     return decodedToken.role.includes(USER_ROLE.ADMIN) || decodedToken.role.includes(USER_ROLE.FARMER_CLUSTER_ADMIN);
@@ -492,7 +490,7 @@ function IconThree() {
 
 // src/components/Navbar/TopNav4.tsx
 import * as React from "react";
-import Link from "next/link";
+import { Link } from "@geowiki/core";
 import {
   cn as cn2,
   NavigationMenu,
@@ -703,7 +701,7 @@ var ProfileSettings = ({ data }) => {
   const { handleSubmit, register } = useForm();
   const { toast: toast2 } = useToast();
   const queryClient = useQueryClient();
-  const onSubmit = (data2) => __async(void 0, null, function* () {
+  const onSubmit = (data2) => __async(null, null, function* () {
     try {
       yield ProfileService.profileUpdate(data2);
       toast2({
@@ -787,7 +785,7 @@ var ChangePassword = () => {
     newPassword: "",
     confirmNewPassword: ""
   });
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     if (shouldDisabled()) {
       toast2({
         title: "Password Incorrect",
@@ -904,7 +902,7 @@ var AccountEdit = ({ data, open, setOpen }) => {
   const handleInputChange = () => {
     setShowSaving(false);
   };
-  const onSubmit = (data2) => __async(void 0, null, function* () {
+  const onSubmit = (data2) => __async(null, null, function* () {
     try {
       yield ProfileService3.profileUpdate(data2);
       toast2({
@@ -1160,7 +1158,7 @@ var PasswordEdit = ({ open, setOpen }) => {
       setIsSaving(false);
     }
   }, [formValues, hasInteracted]);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     try {
       setIsSaving(true);
       const requestBody = data;
@@ -1456,7 +1454,7 @@ var TestEmail = ({ onDismiss }) => {
   useEffect2(() => {
     setOpen(true);
   }, []);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     try {
       const payload = data;
       yield EmailSettingsService.emailSettingsSendTestEmail(payload);
@@ -1545,7 +1543,7 @@ var Emailing = () => {
     },
     [emailSettingDto]
   );
-  const onSubmitEvent = () => __async(void 0, null, function* () {
+  const onSubmitEvent = () => __async(null, null, function* () {
     try {
       yield EmailSettingsService2.emailSettingsUpdate(__spreadValues({}, emailSettingDto));
       toast2({
@@ -1789,7 +1787,7 @@ var AddTenant = () => {
   const { toast: toast2 } = useToast6();
   const { handleSubmit, register } = useForm7();
   const queryClient = useQueryClient5();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newTenant = data;
     try {
       yield TenantService.tenantCreate(newTenant);
@@ -1904,7 +1902,7 @@ var TenantEdit = ({
       setEnableHost(true);
     }
   }, [tenantDto, (_a = tenantDto == null ? void 0 : tenantDto.extraProperties) == null ? void 0 : _a.Host]);
-  const onSubmit = (dto) => __async(void 0, null, function* () {
+  const onSubmit = (dto) => __async(null, null, function* () {
     const tenant = dto;
     try {
       yield TenantService2.tenantUpdate(tenantId, tenant);
@@ -2061,7 +2059,7 @@ var FeatureList = ({ onDismiss, tenantId }) => {
       setEnableEmailSetting(value);
     }
   };
-  const onSubmit = () => __async(void 0, null, function* () {
+  const onSubmit = () => __async(null, null, function* () {
     try {
       const featureUpdateDto = {};
       featureUpdateDto.features = [
@@ -2095,7 +2093,7 @@ var FeatureList = ({ onDismiss, tenantId }) => {
       }
     }
   });
-  const onResetToDefaultEvent = () => __async(void 0, null, function* () {
+  const onResetToDefaultEvent = () => __async(null, null, function* () {
     try {
       yield FeaturesService.featuresDelete(PermissionProvider.T, tenantId);
       toast2({
@@ -2194,8 +2192,7 @@ import {
 import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var PermissionActions = ({ actions }) => {
   const renderElement = (action) => {
-    if (!action.showButton || action.visible)
-      return false;
+    if (!action.showButton || action.visible) return false;
     return /* @__PURE__ */ jsx23(DropdownMenuItem, { children: /* @__PURE__ */ jsxs20(Button12, { variant: "secondary", onClick: action.callback, size: "sm", children: [
       action.icon === "permission" && /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-1", children: [
         /* @__PURE__ */ jsx23(
@@ -2284,7 +2281,7 @@ var DeleteTenant = ({
 }) => {
   const { toast: toast2 } = useToast9();
   const [open, setOpen] = useState13(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield TenantService3.tenantDelete(tenantId);
       toast2({
@@ -2485,7 +2482,7 @@ var AddUser = ({ showButtonAdd }) => {
   const { toast: toast2 } = useToast10();
   const queryClient = useQueryClient9();
   const { handleSubmit, register } = useForm10();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const user = data;
     user.isActive = isActive;
     user.lockoutEnabled = lockoutEnabled;
@@ -2616,7 +2613,7 @@ var DeleteUser = ({
 }) => {
   const { toast: toast2 } = useToast11();
   const [open, setOpen] = useState16(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield UserService2.userDelete(userId);
       toast2({
@@ -2654,7 +2651,7 @@ var DeleteUser = ({
 };
 
 // src/components/User/UserDropDown.tsx
-import Link2 from "next/link";
+import { Link as Link2 } from "@geowiki/core";
 import { useSession as useSession2 } from "@geowiki/core";
 import {
   Avatar,
@@ -2786,7 +2783,7 @@ import {
 } from "@geowiki/design-system";
 import { UserRank } from "@geowiki/evoland-api-proxy";
 import DataTable from "react-data-table-component";
-import { useTheme } from "next-themes";
+import { useTheme } from "@geowiki/core";
 import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var TABS_NAME = {
   USERS_EDIT: "user_edit",
@@ -2797,8 +2794,7 @@ function formatUserAlias(userName) {
   var _a, _b;
   const parts = userName.split("_");
   const first = ((_b = (_a = parts[0].at(0)) == null ? void 0 : _a.toUpperCase()) != null ? _b : "") + parts[0].substring(1);
-  if (!parts[1])
-    return first;
+  if (!parts[1]) return first;
   return first + "(" + parts[1].toUpperCase() + ")";
 }
 var UserEdit = ({ userDto, userId, onDismiss }) => {
@@ -2862,20 +2858,16 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
     setRefreshData(false);
   };
   if ((updateUserRoleProjectResult == null ? void 0 : updateUserRoleProjectResult.success) == true) {
-    if (userAlias != "")
-      setUserAlias("");
-    if (userProjectRole.length != 0)
-      setUserProjectRole([]);
+    if (userAlias != "") setUserAlias("");
+    if (userProjectRole.length != 0) setUserProjectRole([]);
   }
   if (setUserDetail && setUserDetail.success == true) {
-    if (contractStartDate != "")
-      setContractStartDate("");
-    if (contractEndDate != "")
-      setContractEndDate("");
+    if (contractStartDate != "") setContractStartDate("");
+    if (contractEndDate != "") setContractEndDate("");
     setUpdateUserDetail(false);
     setRefreshData(false);
   }
-  const updateUserRoleProject = () => __async(void 0, null, function* () {
+  const updateUserRoleProject = () => __async(null, null, function* () {
     setUserAlias(formatUserAlias(userDto.userName));
     setUpdateUserProject(true);
   });
@@ -2925,17 +2917,14 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
   const paginationComponentOptions = {
     noRowsPerPage: true
   };
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const user = data;
     try {
       if (evolandFeature) {
-        if (!updateUserProject)
-          yield updateUserRoleProject();
+        if (!updateUserProject) yield updateUserRoleProject();
         if (userCurrentProject && (userCurrentProject[0].contract_start_date != contractStartDate || userCurrentProject[0].contract_end_date != contractEndDate)) {
-          if (contractStartDate == "")
-            setContractStartDate(null);
-          if (contractEndDate == "")
-            setContractEndDate(null);
+          if (contractStartDate == "") setContractStartDate(null);
+          if (contractEndDate == "") setContractEndDate(null);
           if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractEndDate)) {
             alert("Please provide correct date");
             return;
@@ -2963,14 +2952,10 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
   });
   const onCloseEvent = () => {
     setOpen(false);
-    if (userAlias != "")
-      setUserAlias("");
-    if (userProjectRole.length != 0)
-      setUserProjectRole([]);
-    if (contractStartDate != "")
-      setContractStartDate("");
-    if (contractEndDate != "")
-      setContractEndDate("");
+    if (userAlias != "") setUserAlias("");
+    if (userProjectRole.length != 0) setUserProjectRole([]);
+    if (contractStartDate != "") setContractStartDate("");
+    if (contractEndDate != "") setContractEndDate("");
     onDismiss();
   };
   useEffect9(() => {
@@ -3002,7 +2987,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
     },
     [roles]
   );
-  const onRoleAssignedSaveEvent = (e) => __async(void 0, null, function* () {
+  const onRoleAssignedSaveEvent = (e) => __async(null, null, function* () {
     var _a2;
     e.preventDefault();
     const updateUserDto = __spreadProps(__spreadValues({}, userDto), {
@@ -3087,8 +3072,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
                 onChange: (e) => {
                   if ((contractStartDate == "" || !contractStartDate) && e.target.value !== "" || new Date(contractStartDate) > new Date(e.target.value))
                     alert("Please provide correct start date");
-                  else
-                    setContractEndDate(e.target.value);
+                  else setContractEndDate(e.target.value);
                 }
               })
             )
@@ -3435,8 +3419,7 @@ var UserPermission = ({
         var _a;
         return (_a = g.permissions) == null ? void 0 : _a.every((p) => p.isGranted);
       }).every((e) => e);
-      if (hasAllPermissionGranted)
-        setHasAllGranted(hasAllPermissionGranted);
+      if (hasAllPermissionGranted) setHasAllGranted(hasAllPermissionGranted);
     }
   }, [permissionGroups]);
   useEffect11(() => {
@@ -3500,7 +3483,7 @@ var UserPermission = ({
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = useCallback5(
-    (e) => __async(void 0, null, function* () {
+    (e) => __async(null, null, function* () {
       e.preventDefault();
       const payload = permissionGroups == null ? void 0 : permissionGroups.map(
         (p) => p.permissions.map((grant) => ({
@@ -3856,7 +3839,7 @@ var DeleteRole = ({
 }) => {
   const { toast: toast2 } = useToast14();
   const [open, setOpen] = useState21(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield RoleService.roleDelete(roleId);
       toast2({
@@ -3917,7 +3900,7 @@ var RoleEdit = ({ roleDto, roleId, onDismiss }) => {
   const { handleSubmit, register } = useForm12();
   const [isDefault, setIsDefault] = useState22(roleDto.isDefault);
   const [isPublic, setIsPublic] = useState22(roleDto.isPublic);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const role = data;
     role.isDefault = isDefault;
     role.isPublic = isPublic;
@@ -4080,8 +4063,7 @@ var RolePermission = ({ roleDto, onDismiss }) => {
         var _a;
         return (_a = g.permissions) == null ? void 0 : _a.every((p) => p.isGranted);
       }).every((e) => e);
-      if (hasAllPermissionGranted)
-        setHasAllGranted(hasAllPermissionGranted);
+      if (hasAllPermissionGranted) setHasAllGranted(hasAllPermissionGranted);
     }
   }, [permissionGroups]);
   useEffect14(() => {
@@ -4145,7 +4127,7 @@ var RolePermission = ({ roleDto, onDismiss }) => {
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = useCallback6(
-    (e) => __async(void 0, null, function* () {
+    (e) => __async(null, null, function* () {
       e.preventDefault();
       const payload = permissionGroups == null ? void 0 : permissionGroups.map(
         (p) => p.permissions.map((grant) => ({
@@ -4463,7 +4445,7 @@ var AddRole = ({ showButtonAdd }) => {
   const { toast: toast2 } = useToast17();
   const { handleSubmit, register } = useForm13();
   const queryClient = useQueryClient14();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newRole = data;
     newRole.isDefault = isDefault;
     newRole.isPublic = isPublic;
@@ -4663,7 +4645,7 @@ import { useState as useState27 } from "react";
 // src/components/Admin/Sidebar.tsx
 import React2 from "react";
 import classNames10 from "classnames";
-import Link3 from "next/link";
+import { Link as Link3 } from "@geowiki/core";
 import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 import { v4 as v47 } from "uuid";
 import {
@@ -4678,7 +4660,7 @@ import {
   FarmerClustersIcon,
   ResourcesIcon
 } from "@geowiki/design-system";
-import { useRouter } from "next/router";
+import { useRouter } from "@geowiki/core";
 import { useCallback as useCallback7 } from "react";
 
 // src/components/Admin/RequireRole.tsx
@@ -4686,13 +4668,11 @@ import { useCurrentUser as useCurrentUser2 } from "@geowiki/core";
 import { Fragment as Fragment17, jsx as jsx43 } from "react/jsx-runtime";
 var RequireRole = ({ roles, children }) => {
   const currentUser = useCurrentUser2();
-  if (!currentUser)
-    return null;
+  if (!currentUser) return null;
   if (!(roles == null ? void 0 : roles.some((role) => {
     var _a;
     return (_a = currentUser.roles) == null ? void 0 : _a.includes(role);
-  })))
-    return null;
+  }))) return null;
   return /* @__PURE__ */ jsx43(Fragment17, { children });
 };
 
@@ -4763,8 +4743,7 @@ var Sidebar = ({
     (menu) => {
       var _a2;
       const m = (_a2 = menu.children) == null ? void 0 : _a2.find((c) => c.link === (router == null ? void 0 : router.asPath));
-      if (m)
-        return menu.name;
+      if (m) return menu.name;
       return "";
     },
     [router == null ? void 0 : router.asPath]
@@ -4909,7 +4888,7 @@ var AuthenticationFailure = ({}) => {
 };
 
 // src/components/Layouts/AdminLayout.tsx
-import Head from "next/head";
+import { Head } from "@geowiki/core";
 import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
 var AdminLayout = ({
   children,
@@ -4921,10 +4900,10 @@ var AdminLayout = ({
   const { status: sessionStatus } = useSession4();
   const cmsUrl = (_b = (_a = generalSettings == null ? void 0 : generalSettings.GeoWikiSettings) == null ? void 0 : _a.Host) == null ? void 0 : _b.Text;
   var favicon = (_e = (_d = (_c = generalSettings == null ? void 0 : generalSettings.GeoWikiSettings) == null ? void 0 : _c.FavIcon) == null ? void 0 : _d.Paths) == null ? void 0 : _e[0];
-  const faviconPath = cmsUrl + "/media/" + favicon;
+  const faviconPath = favicon && cmsUrl ? `${cmsUrl}/media/${favicon}` : "";
   return /* @__PURE__ */ jsxs41("main", { children: [
     sessionStatus === "unauthenticated" && currentUser && !(currentUser == null ? void 0 : currentUser.isAuthenticated) && /* @__PURE__ */ jsx46(AuthenticationFailure, {}),
-    /* @__PURE__ */ jsx46(Head, { children: favicon && /* @__PURE__ */ jsx46("link", { rel: "icon", href: faviconPath }) }),
+    /* @__PURE__ */ jsx46(Head, { children: faviconPath && /* @__PURE__ */ jsx46("link", { rel: "icon", href: faviconPath }) }),
     /* @__PURE__ */ jsx46(
       Sidebar,
       {
@@ -4966,7 +4945,7 @@ var AdminLayout = ({
 };
 
 // src/components/Layouts/MapLayout.tsx
-import Head2 from "next/head";
+import { Head as Head2 } from "@geowiki/core";
 import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
 var MapLayout = ({ title, children, settings }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
@@ -5032,8 +5011,13 @@ var HtmlView = (props) => {
 };
 
 // src/components/Elements/TopProgress.tsx
-import { motion, useScroll, useSpring } from "framer-motion";
+import {
+  motion as motionRaw,
+  useScroll,
+  useSpring
+} from "framer-motion";
 import { jsx as jsx49 } from "react/jsx-runtime";
+var motion = motionRaw;
 var TopProgress = () => {
   const { scrollYProgress } = useScroll();
   const scaleX = useSpring(scrollYProgress, {
@@ -5132,7 +5116,7 @@ import { useForm as useForm14 } from "react-hook-form";
 
 // src/components/Elements/custom-dropdown.tsx
 import AsyncSelect from "react-select/async";
-import { useTheme as useTheme2 } from "next-themes";
+import { useTheme as useTheme2 } from "@geowiki/core";
 import { useLookUp } from "@geowiki/core";
 import { useConfigSettings } from "@geowiki/core";
 import { LoaderFull as LoaderFull2 } from "@geowiki/design-system";
@@ -5163,8 +5147,7 @@ var CustomDropDown = (props) => {
     }
     return null;
   });
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx51(LoaderFull2, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx51(LoaderFull2, {});
   return /* @__PURE__ */ jsx51(
     AsyncSelect,
     {
@@ -5307,11 +5290,9 @@ var CustomFilterSort = (props) => {
           LabelLookUp: item.LabelLookUp,
           Parameter: item.Parameter,
           onValueChange: (currentvalue) => {
-            if ((currentvalue == null ? void 0 : currentvalue.value) != void 0)
-              skip = 0;
+            if ((currentvalue == null ? void 0 : currentvalue.value) != void 0) skip = 0;
             filterValues[item == null ? void 0 : item.Name.replace(new RegExp(" ", "g"), "")] = currentvalue == null ? void 0 : currentvalue.value;
-            if (!props.showButtons)
-              onSearch();
+            if (!props.showButtons) onSearch();
           }
         },
         index
@@ -5374,16 +5355,16 @@ var CustomFilterSort = (props) => {
 
 // src/components/Elements/InfoCard.tsx
 import { useConfigSettings as useConfigSettings2 } from "@geowiki/core";
-import Link4 from "next/link";
-import { motion as motion2 } from "framer-motion";
+import { Link as Link4 } from "@geowiki/core";
+import { motion as motionRaw2 } from "framer-motion";
 import { itemVariants } from "@geowiki/core";
 import { LoaderFull as LoaderFull3 } from "@geowiki/design-system";
 import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+var motion2 = motionRaw2;
 var InfoCard = (props) => {
   var _a;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings2();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx53(LoaderFull3, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx53(LoaderFull3, {});
   return /* @__PURE__ */ jsx53(
     motion2.li,
     {
@@ -5581,7 +5562,7 @@ var ShowTagItem = (props) => {
 };
 
 // src/components/Elements/PageNotFound.tsx
-import Link5 from "next/link";
+import { Link as Link5 } from "@geowiki/core";
 import { jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
 var PageNotFound = (_props) => {
   return /* @__PURE__ */ jsx57("div", { className: " min-h-screen px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8", children: /* @__PURE__ */ jsx57("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ jsxs50("main", { className: "sm:flex", children: [
@@ -5603,7 +5584,7 @@ var PageNotFound = (_props) => {
 };
 
 // src/components/Elements/CmsImage.tsx
-import Image2 from "next/image";
+import { Image as Image2 } from "@geowiki/core";
 import { shimmer, toBase64, useCmsImage } from "@geowiki/core";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var CmsImage = ({
@@ -5615,8 +5596,7 @@ var CmsImage = ({
   showPlaceholder = true
 }) => {
   var { data: cmsImageUrl, isLoading } = useCmsImage(src);
-  if (isLoading)
-    return null;
+  if (isLoading) return null;
   if (width && height) {
     if (!showPlaceholder)
       return /* @__PURE__ */ jsx58(
@@ -6261,7 +6241,7 @@ var CoverImage = (props) => {
 };
 
 // src/components/Input/RichTextContent.tsx
-import dynamic from "next/dynamic";
+import { dynamic } from "@geowiki/core";
 import { useEffect as useEffect17, useState as useState31 } from "react";
 import "react-quill/dist/quill.snow.css";
 import { jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -6323,8 +6303,8 @@ var RichTextContent = (props) => {
   const [hasContent, setHasContent] = useState31(
     props.defaultValue ? true : false
   );
-  const loadQuill = () => __async(void 0, null, function* () {
-    return new Promise((resolve) => __async(void 0, null, function* () {
+  const loadQuill = () => __async(null, null, function* () {
+    return new Promise((resolve) => __async(null, null, function* () {
       const Quill = yield __require("react-quill").Quill;
       const BlotFormatter = (yield __require("quill-blot-formatter")).default;
       resolve({ Quill, BlotFormatter });
@@ -6389,7 +6369,7 @@ var RichTextContent = (props) => {
 
 // src/components/Input/MultiSelectFreeText.tsx
 import CreatableSelect from "react-select/creatable";
-import { useTheme as useTheme3 } from "next-themes";
+import { useTheme as useTheme3 } from "@geowiki/core";
 import { Controller } from "react-hook-form";
 import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
 var MultiSelectFreeText = (props) => {
@@ -6449,7 +6429,7 @@ var MultiSelectFreeText = (props) => {
 };
 
 // src/components/Button/EditLinkButton.tsx
-import Link6 from "next/link";
+import { Link as Link6 } from "@geowiki/core";
 import { DesignButton as DesignButton5 } from "@geowiki/design-system";
 import { jsx as jsx70 } from "react/jsx-runtime";
 var EditLinkButton = (props) => {
@@ -6457,7 +6437,7 @@ var EditLinkButton = (props) => {
 };
 
 // src/components/Button/ViewLink.tsx
-import Link7 from "next/link";
+import { Link as Link7 } from "@geowiki/core";
 import { jsx as jsx71 } from "react/jsx-runtime";
 var ViewLink = (props) => {
   return /* @__PURE__ */ jsx71(Link7, { href: props.href, passHref: true, target: "_blank", children: /* @__PURE__ */ jsx71(
@@ -6475,12 +6455,11 @@ var ViewLink = (props) => {
 };
 
 // src/components/Button/ButtonList.tsx
-import Link8 from "next/link";
+import { Link as Link8 } from "@geowiki/core";
 import { Button as Button24 } from "@geowiki/design-system";
 import { jsx as jsx72 } from "react/jsx-runtime";
 var ButtonList = ({ data }) => {
-  if (!data)
-    return null;
+  if (!data) return null;
   return data == null ? void 0 : data.map((button) => {
     var _a;
     return /* @__PURE__ */ jsx72(Button24, { children: /* @__PURE__ */ jsx72(
@@ -6498,8 +6477,8 @@ var ButtonList = ({ data }) => {
 
 // src/components/Shared/Error.tsx
 import { Button as Button25 } from "@geowiki/design-system";
-import { useRouter as useRouter2 } from "next/router";
-import Image3 from "next/image";
+import { useRouter as useRouter2 } from "@geowiki/core";
+import { Image as Image3 } from "@geowiki/core";
 import { jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
 var Error2 = () => {
   const router = useRouter2();
@@ -6532,7 +6511,7 @@ var Error2 = () => {
 
 // src/components/Shared/CookieConsent.tsx
 import { useEffect as useEffect18, useState as useState32 } from "react";
-import Script from "next/script";
+import { Script } from "@geowiki/core";
 import { getCookie as getCookie2, setCookie } from "cookies-next";
 import { Cookies } from "@geowiki/design-system";
 import { Fragment as Fragment19, jsx as jsx74, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -6584,11 +6563,11 @@ gtag('config', '${gTagId}');` })
 };
 
 // src/components/News/NewsItemList.tsx
-import Link10 from "next/link";
+import { Link as Link10 } from "@geowiki/core";
 
 // src/components/DesignElements/NewsArticle/NewsArticle.tsx
 import { Body14, Body15sb, H8Design } from "@geowiki/design-system";
-import Link9 from "next/link";
+import { Link as Link9 } from "@geowiki/core";
 import { useState as useState33 } from "react";
 import { jsx as jsx75, jsxs as jsxs61 } from "react/jsx-runtime";
 var NewsArticle = (props) => {
@@ -6641,7 +6620,7 @@ var NewsArticle = (props) => {
 };
 
 // src/components/News/NewsItemList.tsx
-import { useRouter as useRouter3 } from "next/router";
+import { useRouter as useRouter3 } from "@geowiki/core";
 import { v4 as v48 } from "uuid";
 import { Fragment as Fragment20, jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 var NewsItemList = ({ newsItems }) => {
@@ -6703,12 +6682,12 @@ var NewsItemList = ({ newsItems }) => {
 
 // src/components/Publications/PublicationList.tsx
 import { listVariants as listVariants3 } from "@geowiki/core";
-import { motion as motion7 } from "framer-motion";
+import { motion as motionRaw3 } from "framer-motion";
 
 // src/components/Publications/PublicationItem.tsx
 import { itemVariants as itemVariants3, useCmsUrl as useCmsUrl2 } from "@geowiki/core";
 import { motion as motion6 } from "framer-motion";
-import Link11 from "next/link";
+import { Link as Link11 } from "@geowiki/core";
 import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
 var PublicationItem = ({ publication }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
@@ -6760,6 +6739,7 @@ var PublicationItem = ({ publication }) => {
 
 // src/components/Publications/PublicationList.tsx
 import { jsx as jsx78 } from "react/jsx-runtime";
+var motion7 = motionRaw3;
 var PublicationList = ({ publications }) => {
   publications.sort((a, b) => {
     return new Date(b.PublishedUtc).getTime() - new Date(a.PublishedUtc).getTime();
@@ -6829,11 +6809,11 @@ var HeroWithCenterText = (props) => {
 };
 
 // src/components/Hero/HeroWithMap.tsx
-import dynamic2 from "next/dynamic";
+import { dynamic as dynamic2 } from "@geowiki/core";
 import { useState as useState34 } from "react";
 import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
 var MapWithNoSSR = dynamic2(
-  () => import("./cluster-map-4OQZMXJK.mjs").then((x) => x.FarmerClusterMap),
+  () => import("./cluster-map-VNFQJ56C.mjs").then((x) => x.FarmerClusterMap),
   {
     ssr: false
   }
@@ -7034,7 +7014,7 @@ import { PrimaryButton } from "@geowiki/design-system";
 import { ProfileService as ProfileService5 } from "@geowiki/api-proxy";
 import Swal from "sweetalert2";
 import { EyeIcon, EyeSlashIcon } from "@heroicons/react/24/outline";
-import { useRouter as useRouter4 } from "next/router";
+import { useRouter as useRouter4 } from "@geowiki/core";
 import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
 var UpdatePassword = (props) => {
   const {
@@ -7064,7 +7044,7 @@ var UpdatePassword = (props) => {
       reset({ confirmnewPassword: null });
     }
   };
-  const onPasswordSubmit = () => __async(void 0, null, function* () {
+  const onPasswordSubmit = () => __async(null, null, function* () {
     try {
       yield ProfileService5.profileChangePassword(PasswordData);
       Swal.fire({
@@ -7267,7 +7247,7 @@ var UpdateUserProfile = ({
       });
     });
   };
-  const onProfileSubmit = () => __async(void 0, null, function* () {
+  const onProfileSubmit = () => __async(null, null, function* () {
     var result = yield ProfileService6.profileUpdate(UserData);
     if (result.name === UserData.name && result.surname === UserData.surname) {
       Swal2.fire({
@@ -7374,7 +7354,7 @@ import { toast } from "react-toastify";
 import { jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
 var SettingsItem = (props) => {
   const [value, setValue] = useState37(props.value);
-  const handleUpdateSettings = () => __async(void 0, null, function* () {
+  const handleUpdateSettings = () => __async(null, null, function* () {
     try {
       yield SettingsService.settingsSetSettingForTenant(props.setting, value);
       toast.success("Settings updated");
@@ -7420,8 +7400,7 @@ import { jsx as jsx88, jsxs as jsxs73 } from "react/jsx-runtime";
 var SettingsManagement = () => {
   var _a;
   var { data, isLoading } = useAppConfig3();
-  if (isLoading)
-    return /* @__PURE__ */ jsx88("div", { children: "Loading..." });
+  if (isLoading) return /* @__PURE__ */ jsx88("div", { children: "Loading..." });
   const keys = Object == null ? void 0 : Object.keys((_a = data == null ? void 0 : data.setting) == null ? void 0 : _a.values);
   let settings = {
     GeoWiki: keys.filter((key) => key.startsWith("GeoWiki")),
@@ -7432,10 +7411,8 @@ var SettingsManagement = () => {
       return key.startsWith((_a2 = data == null ? void 0 : data.currentTenant) == null ? void 0 : _a2.name);
     })
   };
-  if (!data)
-    return /* @__PURE__ */ jsx88("div", { children: "no data" });
-  if (!keys)
-    return /* @__PURE__ */ jsx88("div", { children: "no keys" });
+  if (!data) return /* @__PURE__ */ jsx88("div", { children: "no data" });
+  if (!keys) return /* @__PURE__ */ jsx88("div", { children: "no keys" });
   return /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsx88("div", { className: "w-full px-2 py-16 sm:px-0", children: /* @__PURE__ */ jsxs73(Tab.Group, { children: [
     /* @__PURE__ */ jsx88(Tab.List, { className: "flex p-1 space-x-1  rounded-xl", children: Object.keys(settings).map(
       (key) => settings[key].length > 0 && /* @__PURE__ */ jsx88(
@@ -7780,109 +7757,14 @@ var DesignFooter = (props) => {
 
 // src/components/DesignElements/header.tsx
 import { useState as useState38 } from "react";
-import { Dialog as Dialog18, Popover as Popover2 } from "@headlessui/react";
-import { DesignButton as DesignButton6 } from "@geowiki/design-system";
+import { Dialog as Dialog17, Popover as Popover2 } from "@headlessui/react";
+import { DesignButton as DesignButton6, Notification } from "@geowiki/design-system";
 import { signIn as signIn5, signOut as signOut2 } from "@geowiki/core";
-import { Bars3Icon as Bars3Icon3, XMarkIcon as XMarkIcon5 } from "@heroicons/react/24/outline";
+import { Bars3Icon as Bars3Icon3, XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
 import { ChevronDownIcon as ChevronDownIcon2 } from "@heroicons/react/20/solid";
-import Link12 from "next/link";
-
-// src/components/DesignElements/Notification.tsx
-import { Dialog as Dialog17, Transition as Transition5 } from "@headlessui/react";
-import { Fragment as Fragment22 } from "react";
-import { XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
-import { H5Design as H5Design3, Body16 as Body164 } from "@geowiki/design-system";
-import { jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
-var Notification = ({
-  title,
-  description,
-  open,
-  setOpen,
-  icon
-}) => {
-  return /* @__PURE__ */ jsx92(Transition5.Root, { show: open, as: Fragment22, "data-component": "Notification", children: /* @__PURE__ */ jsxs77(Dialog17, { as: "div", className: "relative z-10", onClose: setOpen, children: [
-    /* @__PURE__ */ jsx92(
-      Transition5.Child,
-      {
-        as: Fragment22,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx92("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
-      }
-    ),
-    /* @__PURE__ */ jsx92("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx92("div", { className: "flex items-center justify-center min-h-full p-4 text-center ", children: /* @__PURE__ */ jsx92(
-      Transition5.Child,
-      {
-        as: Fragment22,
-        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__ */ jsxs77(Dialog17.Panel, { className: "relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all py-8 max-w-4xl w-full p-10", children: [
-          /* @__PURE__ */ jsx92("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs77(
-            "button",
-            {
-              type: "button",
-              className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
-              onClick: () => setOpen(false),
-              children: [
-                /* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Close" }),
-                /* @__PURE__ */ jsx92(XMarkIcon4, { className: "h-6 w-6", "aria-hidden": "true" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxs77("div", { className: "flex flex-col items-center text-center max-w-[90rem]", children: [
-            /* @__PURE__ */ jsx92("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: icon === "computer" ? /* @__PURE__ */ jsx92(
-              "svg",
-              {
-                width: "40",
-                height: "40",
-                viewBox: "0 0 40 40",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx92(
-                  "path",
-                  {
-                    d: "M35 23.3333C35 26.6667 33.3333 28.3333 30 28.3333H23.3333V33.75H27.5C28.1833 33.75 28.75 34.3167 28.75 35C28.75 35.6833 28.1833 36.25 27.5 36.25H12.5C11.8167 36.25 11.25 35.6833 11.25 35C11.25 34.3167 11.8167 33.75 12.5 33.75H16.6667V28.3333H10C6.66667 28.3333 5 26.6667 5 23.3333C5 23.1033 5.18667 22.9167 5.41667 22.9167H34.5833C34.8133 22.9167 35 23.1033 35 23.3333ZM30 5H10C6.66667 5 5 6.66667 5 10V20C5 20.23 5.18667 20.4167 5.41667 20.4167H34.5833C34.8133 20.4167 35 20.23 35 20V10C35 6.66667 33.3333 5 30 5Z",
-                    fill: "#000000"
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ jsx92(
-              "svg",
-              {
-                width: "49",
-                height: "48",
-                viewBox: "0 0 49 48",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx92(
-                  "path",
-                  {
-                    d: "M36.5 10H12.5C8.5 10 6.5 12 6.5 16V34C6.5 38 8.5 40 12.5 40H36.5C40.5 40 42.5 38 42.5 34V16C42.5 12 40.5 10 36.5 10ZM36.3818 19.212L26.5581 26.356C25.9421 26.804 25.22 27.028 24.5 27.028C23.78 27.028 23.0559 26.804 22.4419 26.358L12.6182 19.212C11.9482 18.726 11.8001 17.786 12.2881 17.116C12.7741 16.448 13.7078 16.296 14.3838 16.786L24.208 23.93C24.384 24.056 24.6179 24.058 24.7939 23.93L34.6182 16.786C35.2922 16.296 36.2279 16.448 36.7139 17.116C37.2019 17.788 37.0518 18.726 36.3818 19.212Z",
-                    fill: "#000000"
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ jsx92(H5Design3, { className: "pt-8 pb-6", children: title }),
-            /* @__PURE__ */ jsx92(Body164, { children: description })
-          ] })
-        ] })
-      }
-    ) }) })
-  ] }) });
-};
-
-// src/components/DesignElements/header.tsx
+import { Link as Link12 } from "@geowiki/core";
 import { Features as Features3, useFeature as useFeature3, useGeoWikiSettings } from "@geowiki/core";
-import { Fragment as Fragment23, jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
 var DesignHeader = ({
   branding,
   mainMenu,
@@ -7901,21 +7783,21 @@ var DesignHeader = ({
   if (settings) {
     rootPath = (_c = (_b = (_a = settings.GeoWikiSettings) == null ? void 0 : _a.RootUrl) == null ? void 0 : _b.Text) != null ? _c : "/";
   }
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs77(
     "header",
     {
       "data-component": "DesignHeader",
       className: hasStickyNavBar ? "fixed w-full bg-white" : "lg:container mx-auto",
       children: [
-        /* @__PURE__ */ jsx93("div", { className: "lg:container lg:mx-auto", children: /* @__PURE__ */ jsxs78(
+        /* @__PURE__ */ jsx92("div", { className: "lg:container lg:mx-auto", children: /* @__PURE__ */ jsxs77(
           "nav",
           {
             className: "flex items-center justify-between p-4 lg:px-12 min-h-12",
             "aria-label": "Global",
             children: [
-              /* @__PURE__ */ jsx93("div", { className: "lg:flex lg:flex-1 hidden", children: /* @__PURE__ */ jsxs78(Link12, { href: rootPath, className: "-m-1.5 p-1.5 min-h-16", children: [
-                /* @__PURE__ */ jsx93("span", { className: "sr-only", children: branding.title }),
-                /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx92("div", { className: "lg:flex lg:flex-1 hidden", children: /* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "-m-1.5 p-1.5 min-h-16", children: [
+                /* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
+                /* @__PURE__ */ jsx92(
                   CmsImage,
                   {
                     src: branding.logo,
@@ -7928,10 +7810,10 @@ var DesignHeader = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx93("div", { className: "flex lg:hidden w-full", children: /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-between w-full", children: [
-                /* @__PURE__ */ jsxs78(Link12, { href: rootPath, className: "flex-shrink-0", children: [
-                  /* @__PURE__ */ jsx93("span", { className: "sr-only", children: branding.title }),
-                  /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx92("div", { className: "flex lg:hidden w-full", children: /* @__PURE__ */ jsxs77("div", { className: "flex items-center justify-between w-full", children: [
+                /* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "flex-shrink-0", children: [
+                  /* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
+                  /* @__PURE__ */ jsx92(
                     CmsImage,
                     {
                       src: branding.logo,
@@ -7942,15 +7824,15 @@ var DesignHeader = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs78(
+                /* @__PURE__ */ jsxs77(
                   "button",
                   {
                     type: "button",
                     className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
                     onClick: () => setMobileMenuOpen(true),
                     children: [
-                      /* @__PURE__ */ jsx93("span", { className: "sr-only", children: "Open main menu" }),
-                      /* @__PURE__ */ jsx93(
+                      /* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Open main menu" }),
+                      /* @__PURE__ */ jsx92(
                         Bars3Icon3,
                         {
                           className: "h-8 w-8 text-gray-700",
@@ -7961,11 +7843,11 @@ var DesignHeader = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx93(Popover2.Group, { className: "hidden lg:flex lg:items-center lg:gap-x-6 grid-cols-1", children: mainMenu.map(
-                (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs78(Popover2, { children: [
-                  /* @__PURE__ */ jsxs78(Popover2.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
+              /* @__PURE__ */ jsx92(Popover2.Group, { className: "hidden lg:flex lg:items-center lg:gap-x-6 grid-cols-1", children: mainMenu.map(
+                (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs77(Popover2, { children: [
+                  /* @__PURE__ */ jsxs77(Popover2.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
                     menuItem.text,
-                    /* @__PURE__ */ jsx93(
+                    /* @__PURE__ */ jsx92(
                       ChevronDownIcon2,
                       {
                         className: "h-6 w-6 flex-none text-black",
@@ -7973,11 +7855,11 @@ var DesignHeader = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx93(Popover2.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ jsx93("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx93(
+                  /* @__PURE__ */ jsx92(Popover2.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ jsx92("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx92(
                     "div",
                     {
                       className: "group relative flex rounded-lg text-sm leading-tight",
-                      children: /* @__PURE__ */ jsx93(
+                      children: /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: subItem.link,
@@ -7989,7 +7871,7 @@ var DesignHeader = ({
                     },
                     subItem.text
                   )) }) })
-                ] }, menuItem.text) : /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+                ] }, menuItem.text) : /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
                   Link12,
                   {
                     href: menuItem.link,
@@ -7999,9 +7881,9 @@ var DesignHeader = ({
                   }
                 ) }, menuItem.text)
               ) }),
-              /* @__PURE__ */ jsx93("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ jsxs78(Fragment23, { children: [
-                sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs78(Fragment23, { children: [
-                  /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx92("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+                sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+                  /* @__PURE__ */ jsx92(
                     DesignButton6,
                     {
                       variant: "secondary",
@@ -8010,7 +7892,7 @@ var DesignHeader = ({
                       children: "Login"
                     }
                   ),
-                  canSignup && /* @__PURE__ */ jsx93(DesignButton6, { variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx93(
+                  canSignup && /* @__PURE__ */ jsx92(DesignButton6, { variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx92(
                     Link12,
                     {
                       href: `${isFeatureEnabled ? "/signup" : "/register"}`,
@@ -8018,8 +7900,8 @@ var DesignHeader = ({
                     }
                   ) })
                 ] }),
-                sessionStatus === "authenticated" && /* @__PURE__ */ jsxs78(Fragment23, { children: [
-                  isAdmin2 && /* @__PURE__ */ jsx93(
+                sessionStatus === "authenticated" && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+                  isAdmin2 && /* @__PURE__ */ jsx92(
                     Link12,
                     {
                       href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"} `,
@@ -8027,7 +7909,7 @@ var DesignHeader = ({
                       children: "Admin"
                     }
                   ),
-                  /* @__PURE__ */ jsx93(
+                  /* @__PURE__ */ jsx92(
                     DesignButton6,
                     {
                       variant: "secondary",
@@ -8041,20 +7923,20 @@ var DesignHeader = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs78(
-          Dialog18,
+        /* @__PURE__ */ jsxs77(
+          Dialog17,
           {
             as: "div",
             className: "lg:hidden",
             open: mobileMenuOpen,
             onClose: setMobileMenuOpen,
             children: [
-              /* @__PURE__ */ jsx93("div", { className: "fixed inset-0 z-10" }),
-              /* @__PURE__ */ jsxs78(Dialog18.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
-                /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-between p-4", children: [
-                  /* @__PURE__ */ jsxs78(Link12, { href: rootPath, className: "flex-shrink-0", children: [
-                    /* @__PURE__ */ jsx93("span", { className: "sr-only", children: branding.title }),
-                    /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx92("div", { className: "fixed inset-0 z-10" }),
+              /* @__PURE__ */ jsxs77(Dialog17.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
+                /* @__PURE__ */ jsxs77("div", { className: "flex items-center justify-between p-4", children: [
+                  /* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "flex-shrink-0", children: [
+                    /* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
+                    /* @__PURE__ */ jsx92(
                       CmsImage,
                       {
                         src: branding.logo,
@@ -8067,21 +7949,21 @@ var DesignHeader = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs78(
+                  /* @__PURE__ */ jsxs77(
                     "button",
                     {
                       type: "button",
                       className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
                       onClick: () => setMobileMenuOpen(false),
                       children: [
-                        /* @__PURE__ */ jsx93("span", { className: "sr-only", children: "Close menu" }),
-                        /* @__PURE__ */ jsx93(XMarkIcon5, { className: "h-8 w-8 text-gray-700", "aria-hidden": "true" })
+                        /* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Close menu" }),
+                        /* @__PURE__ */ jsx92(XMarkIcon4, { className: "h-8 w-8 text-gray-700", "aria-hidden": "true" })
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs78("div", { className: "flex-1 flex flex-col justify-between p-6", children: [
-                  !mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ jsx93("div", { className: "py-2", children: /* @__PURE__ */ jsx93(
+                /* @__PURE__ */ jsxs77("div", { className: "flex-1 flex flex-col justify-between p-6", children: [
+                  !mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ jsx92("div", { className: "py-2", children: /* @__PURE__ */ jsx92(
                     Link12,
                     {
                       href: rootPath,
@@ -8091,10 +7973,10 @@ var DesignHeader = ({
                     }
                   ) }),
                   mainMenu.map(
-                    (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs78(Popover2, { className: "relative", children: [
-                      /* @__PURE__ */ jsxs78(Popover2.Button, { className: "flex w-full justify-between items-center text-lg font-semibold text-gray-900 hover:text-gray-700 transition-colors duration-200 outline-none border-none py-2", children: [
+                    (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs77(Popover2, { className: "relative", children: [
+                      /* @__PURE__ */ jsxs77(Popover2.Button, { className: "flex w-full justify-between items-center text-lg font-semibold text-gray-900 hover:text-gray-700 transition-colors duration-200 outline-none border-none py-2", children: [
                         menuItem.text,
-                        /* @__PURE__ */ jsx93(
+                        /* @__PURE__ */ jsx92(
                           ChevronDownIcon2,
                           {
                             className: "h-5 w-5 flex-none text-gray-500",
@@ -8102,7 +7984,7 @@ var DesignHeader = ({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx93(Popover2.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ jsx93("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+                      /* @__PURE__ */ jsx92(Popover2.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ jsx92("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: subItem.link,
@@ -8112,7 +7994,7 @@ var DesignHeader = ({
                           children: subItem.text
                         }
                       ) }, subItem.text)) }) })
-                    ] }, menuItem.text) : /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+                    ] }, menuItem.text) : /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
                       Link12,
                       {
                         href: menuItem.link,
@@ -8123,9 +8005,9 @@ var DesignHeader = ({
                       }
                     ) }, menuItem.text)
                   ),
-                  canLogin && /* @__PURE__ */ jsxs78("div", { className: "pt-6 mt-auto", children: [
-                    sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs78("div", { className: "flex gap-4 mb-4", children: [
-                      /* @__PURE__ */ jsx93(
+                  canLogin && /* @__PURE__ */ jsxs77("div", { className: "pt-6 mt-auto", children: [
+                    sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs77("div", { className: "flex gap-4 mb-4", children: [
+                      /* @__PURE__ */ jsx92(
                         "button",
                         {
                           type: "button",
@@ -8137,7 +8019,7 @@ var DesignHeader = ({
                           children: "Login"
                         }
                       ),
-                      canSignup && /* @__PURE__ */ jsx93(
+                      canSignup && /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: `${isFeatureEnabled ? "/signup" : "/register"}`,
@@ -8147,8 +8029,8 @@ var DesignHeader = ({
                         }
                       )
                     ] }),
-                    sessionStatus === "authenticated" && /* @__PURE__ */ jsxs78("div", { className: "space-y-3 mb-4", children: [
-                      isAdmin2 && /* @__PURE__ */ jsx93(
+                    sessionStatus === "authenticated" && /* @__PURE__ */ jsxs77("div", { className: "space-y-3 mb-4", children: [
+                      isAdmin2 && /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"}`,
@@ -8157,7 +8039,7 @@ var DesignHeader = ({
                           children: "Admin"
                         }
                       ),
-                      /* @__PURE__ */ jsx93(
+                      /* @__PURE__ */ jsx92(
                         "button",
                         {
                           type: "button",
@@ -8170,8 +8052,8 @@ var DesignHeader = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx93("div", { className: "pt-4", children: /* @__PURE__ */ jsxs78("div", { className: "flex flex-wrap gap-4 text-sm text-gray-600", children: [
-                      /* @__PURE__ */ jsx93(
+                    /* @__PURE__ */ jsx92("div", { className: "pt-4", children: /* @__PURE__ */ jsxs77("div", { className: "flex flex-wrap gap-4 text-sm text-gray-600", children: [
+                      /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: "/page/terms-of-use",
@@ -8180,7 +8062,7 @@ var DesignHeader = ({
                           children: "Terms of Use"
                         }
                       ),
-                      /* @__PURE__ */ jsx93(
+                      /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: "/page/privacy-policy",
@@ -8189,7 +8071,7 @@ var DesignHeader = ({
                           children: "Privacy Policy"
                         }
                       ),
-                      /* @__PURE__ */ jsx93(
+                      /* @__PURE__ */ jsx92(
                         Link12,
                         {
                           href: "/page/language",
@@ -8201,7 +8083,7 @@ var DesignHeader = ({
                     ] }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx93(
+                /* @__PURE__ */ jsx92(
                   Notification,
                   {
                     title: "Please login to your Recodo account on your desktop",
@@ -8230,7 +8112,7 @@ import {
 } from "react";
 import { useDebounce } from "@geowiki/design-system";
 import { DesignButton as DesignButton7, Body18m as Body18m2 } from "@geowiki/design-system";
-import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
 var SearchInput = ({
   textButton,
   placeholder,
@@ -8260,14 +8142,14 @@ var SearchInput = ({
       (_a = ref.current) == null ? void 0 : _a.focus();
     }
   }, [value]);
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx93(
     "div",
     {
       className: "w-auto border border-zinc-300 rounded-full lg:p-1",
       "data-component": "DesignSearchInput",
-      children: /* @__PURE__ */ jsxs79("div", { className: "flex flex-row", children: [
-        /* @__PURE__ */ jsxs79("div", { className: "flex items-center justify-start pl-6 basis-3/4", children: [
-          /* @__PURE__ */ jsxs79(
+      children: /* @__PURE__ */ jsxs78("div", { className: "flex flex-row", children: [
+        /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-start pl-6 basis-3/4", children: [
+          /* @__PURE__ */ jsxs78(
             "svg",
             {
               width: "16",
@@ -8276,8 +8158,8 @@ var SearchInput = ({
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ jsx94("path", { d: "M10 10L15 15", stroke: "black" }),
-                /* @__PURE__ */ jsx94(
+                /* @__PURE__ */ jsx93("path", { d: "M10 10L15 15", stroke: "black" }),
+                /* @__PURE__ */ jsx93(
                   "path",
                   {
                     d: "M11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6Z",
@@ -8287,7 +8169,7 @@ var SearchInput = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx93(
             "input",
             {
               ref,
@@ -8299,7 +8181,7 @@ var SearchInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx94("div", { className: "hidden lg:block lg:basis-1/4", children: /* @__PURE__ */ jsx94("div", { className: "flex float-right", children: /* @__PURE__ */ jsx94(DesignButton7, { onSubmit: () => onUpdate(searchStr), children: /* @__PURE__ */ jsx94(Body18m2, { children: textButton }) }) }) })
+        /* @__PURE__ */ jsx93("div", { className: "hidden lg:block lg:basis-1/4", children: /* @__PURE__ */ jsx93("div", { className: "flex float-right", children: /* @__PURE__ */ jsx93(DesignButton7, { onSubmit: () => onUpdate(searchStr), children: /* @__PURE__ */ jsx93(Body18m2, { children: textButton }) }) }) })
       ] })
     }
   );
@@ -8318,7 +8200,7 @@ import {
   DesignSelectValue as DesignSelectValue2
 } from "@geowiki/design-system";
 import { Body15m } from "@geowiki/design-system";
-import { jsx as jsx95, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
 var DesignDashboardPagination = ({
   totalCount,
   currentPage,
@@ -8348,13 +8230,13 @@ var DesignDashboardPagination = ({
   const onPrevious = () => {
     onPageChange(currentPage - 1);
   };
-  return /* @__PURE__ */ jsx95("div", { "data-component": "DesignDashboardPagination", children: /* @__PURE__ */ jsx95("div", { className: "flex justify-start items-center", children: /* @__PURE__ */ jsxs80("div", { className: "w-auto h-8 isolate inline-flex text-zinc-500", children: [
-    currentPage === 1 ? null : /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx94("div", { "data-component": "DesignDashboardPagination", children: /* @__PURE__ */ jsx94("div", { className: "flex justify-start items-center", children: /* @__PURE__ */ jsxs79("div", { className: "w-auto h-8 isolate inline-flex text-zinc-500", children: [
+    currentPage === 1 ? null : /* @__PURE__ */ jsx94(
       "button",
       {
         onClick: onPrevious,
         className: "relative flex flex-start items-center justify-start",
-        children: /* @__PURE__ */ jsx95(
+        children: /* @__PURE__ */ jsx94(
           "svg",
           {
             width: "24",
@@ -8362,7 +8244,7 @@ var DesignDashboardPagination = ({
             viewBox: "0 0 24 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx95(
+            children: /* @__PURE__ */ jsx94(
               "path",
               {
                 d: "M15 6L9 12L15 18",
@@ -8377,7 +8259,7 @@ var DesignDashboardPagination = ({
       }
     ),
     paginationRange == null ? void 0 : paginationRange.map((pageNumber) => {
-      return /* @__PURE__ */ jsx95(
+      return /* @__PURE__ */ jsx94(
         "button",
         {
           className: classnames3(
@@ -8399,12 +8281,12 @@ var DesignDashboardPagination = ({
         pageNumber
       );
     }),
-    currentPage === lastPage ? null : /* @__PURE__ */ jsx95(
+    currentPage === lastPage ? null : /* @__PURE__ */ jsx94(
       "button",
       {
         onClick: onNext,
         className: "relative inline-flex items-center",
-        children: /* @__PURE__ */ jsx95(
+        children: /* @__PURE__ */ jsx94(
           "svg",
           {
             width: "24",
@@ -8412,7 +8294,7 @@ var DesignDashboardPagination = ({
             viewBox: "0 0 24 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx95(
+            children: /* @__PURE__ */ jsx94(
               "path",
               {
                 d: "M9 18L15 12L9 6",
@@ -8426,10 +8308,10 @@ var DesignDashboardPagination = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx95(Body15m, { className: "opacity-70 pr-2 pl-2 text-zinc-500 inline-flex items-center", children: "Showing" }),
-    /* @__PURE__ */ jsxs80(DesignSelect2, { children: [
-      /* @__PURE__ */ jsx95(DesignSelectTrigger2, { className: "border-0 w-auto h-auto gap-1 px-3 py-2 text-black font-medium", children: /* @__PURE__ */ jsx95(DesignSelectValue2, { placeholder: currentPage }) }),
-      /* @__PURE__ */ jsx95(DesignSelectContent2, { children: /* @__PURE__ */ jsx95(DesignSelectGroup2, { children: pageSegments.map((segment) => /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx94(Body15m, { className: "opacity-70 pr-2 pl-2 text-zinc-500 inline-flex items-center", children: "Showing" }),
+    /* @__PURE__ */ jsxs79(DesignSelect2, { children: [
+      /* @__PURE__ */ jsx94(DesignSelectTrigger2, { className: "border-0 w-auto h-auto gap-1 px-3 py-2 text-black font-medium", children: /* @__PURE__ */ jsx94(DesignSelectValue2, { placeholder: currentPage }) }),
+      /* @__PURE__ */ jsx94(DesignSelectContent2, { children: /* @__PURE__ */ jsx94(DesignSelectGroup2, { children: pageSegments.map((segment) => /* @__PURE__ */ jsx94(
         DesignSelectItem2,
         {
           value: `${segment}`,
@@ -8438,7 +8320,7 @@ var DesignDashboardPagination = ({
         segment.toString()
       )) }) })
     ] }),
-    /* @__PURE__ */ jsxs80(Body15m, { className: "opacity-70 pl-2 text-zinc-500 inline-flex items-center", children: [
+    /* @__PURE__ */ jsxs79(Body15m, { className: "opacity-70 pl-2 text-zinc-500 inline-flex items-center", children: [
       "of ",
       totalCount,
       " results"
@@ -8455,9 +8337,9 @@ import {
   DesignSelectTrigger as DesignSelectTrigger3,
   DesignSelectValue as DesignSelectValue3
 } from "@geowiki/design-system";
-import { useRouter as useRouter5 } from "next/router";
+import { useRouter as useRouter5 } from "@geowiki/core";
 import { useState as useState40, useEffect as useEffect20 } from "react";
-import { jsx as jsx96, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs80 } from "react/jsx-runtime";
 var DesignSort = ({ totalCount, name }) => {
   const router = useRouter5();
   const sortingTypes = ["Most recent", "Old to new"];
@@ -8479,21 +8361,21 @@ var DesignSort = ({ totalCount, name }) => {
       })
     });
   };
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs80(
     "div",
     {
       className: "flex justify-center items-center gap-2 text-base font-normal leading-tight",
       "data-component": "DesignSort",
       children: [
-        /* @__PURE__ */ jsxs81("div", { className: "flex justify-center items-center space-x-2 text-zinc-500 ", children: [
-          /* @__PURE__ */ jsx96("span", { children: totalCount }),
-          /* @__PURE__ */ jsx96("span", { children: name })
+        /* @__PURE__ */ jsxs80("div", { className: "flex justify-center items-center space-x-2 text-zinc-500 ", children: [
+          /* @__PURE__ */ jsx95("span", { children: totalCount }),
+          /* @__PURE__ */ jsx95("span", { children: name })
         ] }),
-        /* @__PURE__ */ jsx96("div", { className: "w-1 h-1 rounded-full bg-zinc-500" }),
-        /* @__PURE__ */ jsx96("span", { children: "Sort by" }),
-        /* @__PURE__ */ jsxs81(DesignSelect3, { onValueChange: handleChangeValue, value, children: [
-          /* @__PURE__ */ jsx96(DesignSelectTrigger3, { className: "border-0 w-auto h-auto data-[placeholder]:text-primary p-0 text-primary font-semibold", children: /* @__PURE__ */ jsx96(DesignSelectValue3, { placeholder: value }) }),
-          /* @__PURE__ */ jsx96(DesignSelectContent3, { children: /* @__PURE__ */ jsx96(DesignSelectGroup3, { children: sortingTypes == null ? void 0 : sortingTypes.map((sortingType) => /* @__PURE__ */ jsx96(DesignSelectItem3, { value: sortingType, children: sortingType }, sortingType)) }) })
+        /* @__PURE__ */ jsx95("div", { className: "w-1 h-1 rounded-full bg-zinc-500" }),
+        /* @__PURE__ */ jsx95("span", { children: "Sort by" }),
+        /* @__PURE__ */ jsxs80(DesignSelect3, { onValueChange: handleChangeValue, value, children: [
+          /* @__PURE__ */ jsx95(DesignSelectTrigger3, { className: "border-0 w-auto h-auto data-[placeholder]:text-primary p-0 text-primary font-semibold", children: /* @__PURE__ */ jsx95(DesignSelectValue3, { placeholder: value }) }),
+          /* @__PURE__ */ jsx95(DesignSelectContent3, { children: /* @__PURE__ */ jsx95(DesignSelectGroup3, { children: sortingTypes == null ? void 0 : sortingTypes.map((sortingType) => /* @__PURE__ */ jsx95(DesignSelectItem3, { value: sortingType, children: sortingType }, sortingType)) }) })
         ] }, value)
       ]
     }
@@ -8503,9 +8385,9 @@ var DesignSort = ({ totalCount, name }) => {
 // src/components/DesignElements/filterDropdown.tsx
 import { Disclosure as Disclosure2 } from "@headlessui/react";
 import { ChevronDown } from "lucide-react";
-import { useRouter as useRouter6 } from "next/router";
+import { useRouter as useRouter6 } from "@geowiki/core";
 import { DesignCheckbox as Checkbox9 } from "@geowiki/design-system";
-import { Fragment as Fragment24, jsx as jsx97, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx96, jsxs as jsxs81 } from "react/jsx-runtime";
 var FilterDropdown = ({
   name,
   filterKey,
@@ -8538,27 +8420,27 @@ var FilterDropdown = ({
       });
     }
   };
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx96(
     Disclosure2,
     {
       "data-component": "FilterDropdown",
       defaultOpen: filterValues.length > 0,
-      children: ({ open }) => /* @__PURE__ */ jsxs82(Fragment24, { children: [
-        /* @__PURE__ */ jsxs82(Disclosure2.Button, { className: "w-80 flex-row flex justify-start items-center gap-2 border-zinc-300 ", children: [
-          /* @__PURE__ */ jsx97(
+      children: ({ open }) => /* @__PURE__ */ jsxs81(Fragment23, { children: [
+        /* @__PURE__ */ jsxs81(Disclosure2.Button, { className: "w-80 flex-row flex justify-start items-center gap-2 border-zinc-300 ", children: [
+          /* @__PURE__ */ jsx96(
             ChevronDown,
             {
               className: `${open ? "rotate-180 transform" : ""} h-7 w-7 `
             }
           ),
-          /* @__PURE__ */ jsx97("span", { className: "text-lg font-semibold leading-relaxed ", children: name })
+          /* @__PURE__ */ jsx96("span", { className: "text-lg font-semibold leading-relaxed ", children: name })
         ] }),
-        /* @__PURE__ */ jsx97(Disclosure2.Panel, { className: "space-y-2", children: sortItems.map((sortItem) => /* @__PURE__ */ jsxs82(
+        /* @__PURE__ */ jsx96(Disclosure2.Panel, { className: "space-y-2", children: sortItems.map((sortItem) => /* @__PURE__ */ jsxs81(
           "div",
           {
             className: "flex justify-start items-center space-x-3",
             children: [
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx96(
                 Checkbox9,
                 {
                   id: sortItem.key,
@@ -8566,7 +8448,7 @@ var FilterDropdown = ({
                   checked: filterValues.includes(sortItem.key)
                 }
               ),
-              /* @__PURE__ */ jsx97("div", { className: "text-[15px] font-normal leading-tight", children: sortItem.value })
+              /* @__PURE__ */ jsx96("div", { className: "text-[15px] font-normal leading-tight", children: sortItem.value })
             ]
           },
           sortItem.key
@@ -8588,18 +8470,18 @@ import {
   CarouselNext,
   CarouselPrevious
 } from "@geowiki/design-system";
-import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs82 } from "react/jsx-runtime";
 var DesignTestimonials = ({ testimonials }) => {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: "bg-accent-secondary py-8 lg:py-16 px-8 rounded-xl mt-8 lg:mt-24",
       "data-component": "DesignTestimonials",
-      children: /* @__PURE__ */ jsxs83(Carousel4, { className: "container mx-auto w-full", loop: true, children: [
-        /* @__PURE__ */ jsx98(CarouselContent, { children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsx98(CarouselItem, { children: /* @__PURE__ */ jsxs83("div", { className: "p-3 h-full flex-col flex justify-center space-y-2", children: [
-          /* @__PURE__ */ jsx98(H7Design, { className: "text-center mx-auto max-w-7xl", children: testimonial.info }),
-          /* @__PURE__ */ jsxs83("div", { className: "flex flex-col justify-between items-center space-y-6 pt-6", children: [
-            /* @__PURE__ */ jsx98(Avatar2, { className: "w-[76px] h-[76px]", children: /* @__PURE__ */ jsx98(
+      children: /* @__PURE__ */ jsxs82(Carousel4, { className: "container mx-auto w-full", loop: true, children: [
+        /* @__PURE__ */ jsx97(CarouselContent, { children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsx97(CarouselItem, { children: /* @__PURE__ */ jsxs82("div", { className: "p-3 h-full flex-col flex justify-center space-y-2", children: [
+          /* @__PURE__ */ jsx97(H7Design, { className: "text-center mx-auto max-w-7xl", children: testimonial.info }),
+          /* @__PURE__ */ jsxs82("div", { className: "flex flex-col justify-between items-center space-y-6 pt-6", children: [
+            /* @__PURE__ */ jsx97(Avatar2, { className: "w-[76px] h-[76px]", children: /* @__PURE__ */ jsx97(
               CmsImage,
               {
                 src: testimonial.imagePath,
@@ -8608,14 +8490,14 @@ var DesignTestimonials = ({ testimonials }) => {
                 className: "object-cover"
               }
             ) }),
-            /* @__PURE__ */ jsxs83("div", { className: " text-center lg:flex items-center lg:space-x-4", children: [
-              /* @__PURE__ */ jsx98(Body18m3, { children: testimonial.name }),
-              /* @__PURE__ */ jsx98(Body183, { className: "pt-1 lg:pt-0", children: testimonial.position })
+            /* @__PURE__ */ jsxs82("div", { className: " text-center lg:flex items-center lg:space-x-4", children: [
+              /* @__PURE__ */ jsx97(Body18m3, { children: testimonial.name }),
+              /* @__PURE__ */ jsx97(Body183, { className: "pt-1 lg:pt-0", children: testimonial.position })
             ] })
           ] })
         ] }) }, index)) }),
-        /* @__PURE__ */ jsx98(CarouselPrevious, { className: "-left-4" }),
-        /* @__PURE__ */ jsx98(CarouselNext, { className: "-right-4" })
+        /* @__PURE__ */ jsx97(CarouselPrevious, { className: "-left-4" }),
+        /* @__PURE__ */ jsx97(CarouselNext, { className: "-right-4" })
       ] })
     }
   );
@@ -8623,19 +8505,19 @@ var DesignTestimonials = ({ testimonials }) => {
 
 // src/components/DesignElements/BannerFollowLinks.tsx
 import { H2Design, H9Design } from "@geowiki/design-system";
-import Link13 from "next/link";
+import { Link as Link13 } from "@geowiki/core";
 import { v4 as v49 } from "uuid";
-import { jsx as jsx99, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
 var BannerFollowLinks = ({ title, links }) => {
-  return /* @__PURE__ */ jsxs84("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
-    /* @__PURE__ */ jsx99(H2Design, { className: "mx-auto max-w-5xl text-center", children: title }),
-    /* @__PURE__ */ jsx99("div", { className: "flex space-x-8", children: links.map((link) => /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs83("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
+    /* @__PURE__ */ jsx98(H2Design, { className: "mx-auto max-w-5xl text-center", children: title }),
+    /* @__PURE__ */ jsx98("div", { className: "flex space-x-8", children: links.map((link) => /* @__PURE__ */ jsx98(
       Link13,
       {
         href: link.href,
         target: link.isNewTab ? "_blank" : "_self",
         rel: "noreferrer",
-        children: /* @__PURE__ */ jsx99(H9Design, { children: link.text })
+        children: /* @__PURE__ */ jsx98(H9Design, { children: link.text })
       },
       v49()
     )) })
@@ -8646,14 +8528,13 @@ var BannerFollowLinks = ({ title, links }) => {
 import { TagsGroup } from "@geowiki/design-system";
 import { useConfigSettings as useConfigSettings3 } from "@geowiki/core";
 import { LoaderFull as LoaderFull4 } from "@geowiki/design-system";
-import { jsx as jsx100, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs84 } from "react/jsx-runtime";
 var ListTagsGroup = ({ cluster }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings3();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx100(LoaderFull4, {});
-  return /* @__PURE__ */ jsxs85("div", { className: "space-y-6 lg:space-y-10", children: [
-    /* @__PURE__ */ jsx100(
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx99(LoaderFull4, {});
+  return /* @__PURE__ */ jsxs84("div", { className: "space-y-6 lg:space-y-10", children: [
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Farming Systems",
@@ -8673,7 +8554,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Main agricultural areas",
@@ -8693,7 +8574,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Main crops",
@@ -8711,7 +8592,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Livestock",
@@ -8729,7 +8610,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Other landscape elements",
@@ -8756,7 +8637,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Hunting management",
@@ -8781,7 +8662,7 @@ var ListTagsGroup = ({ cluster }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       TagsGroup,
       {
         label: "Cluster funding",
@@ -8809,8 +8690,8 @@ var ListTagsGroup = ({ cluster }) => {
 
 // src/components/DesignElements/ApiImage.tsx
 import { shimmer as shimmer2, toBase64 as toBase642, useApiImage } from "@geowiki/core";
-import Image4 from "next/image";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { Image as Image4 } from "@geowiki/core";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var ApiImage = ({
   imageId,
   className = "relative h-96",
@@ -8819,10 +8700,9 @@ var ApiImage = ({
   height = 0
 }) => {
   var { data, isLoading } = useApiImage(imageId);
-  if (isLoading)
-    return null;
+  if (isLoading) return null;
   if (width > 0 && height > 0) {
-    return /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx100(
       Image4,
       {
         className,
@@ -8836,7 +8716,7 @@ var ApiImage = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx101("div", { className, children: /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx100("div", { className, children: /* @__PURE__ */ jsx100(
     Image4,
     {
       className: "object-cover rounded-xl",
@@ -8852,39 +8732,39 @@ var ApiImage = ({
 
 // src/components/DesignElements/SignUpBanner.tsx
 import { H3Design, Body18 as Body184, DesignButton as DesignButton8 } from "@geowiki/design-system";
-import Link14 from "next/link";
+import { Link as Link14 } from "@geowiki/core";
 import { v4 as v410 } from "uuid";
-import { jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
 var SignUpBanner = ({
   title,
   text,
   button,
   imagePaths
 }) => {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx101(
     "div",
     {
       className: "h-98 bg-accent-secondary rounded-xl ",
       "data-component": "SignUpBanner",
-      children: /* @__PURE__ */ jsxs86("div", { className: "container mx-auto mt-6 px-5 py-6 lg:flex lg:justify-between lg:items-center lg:p-10 lg:mt-20 ", children: [
-        /* @__PURE__ */ jsxs86("div", { className: "lg:h-[368px] lg:flex lg:flex-col lg:justify-between lg:px-4 lg:items-start", children: [
-          /* @__PURE__ */ jsx102("div", { children: /* @__PURE__ */ jsx102(H3Design, { className: "pb-4 g:pb-0", children: title }) }),
-          /* @__PURE__ */ jsxs86("div", { className: "space-y-8", children: [
-            /* @__PURE__ */ jsx102(Body184, { className: " max-w-sm", children: text }),
-            (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx102("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx102(
+      children: /* @__PURE__ */ jsxs85("div", { className: "container mx-auto mt-6 px-5 py-6 lg:flex lg:justify-between lg:items-center lg:p-10 lg:mt-20 ", children: [
+        /* @__PURE__ */ jsxs85("div", { className: "lg:h-[368px] lg:flex lg:flex-col lg:justify-between lg:px-4 lg:items-start", children: [
+          /* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsx101(H3Design, { className: "pb-4 g:pb-0", children: title }) }),
+          /* @__PURE__ */ jsxs85("div", { className: "space-y-8", children: [
+            /* @__PURE__ */ jsx101(Body184, { className: " max-w-sm", children: text }),
+            (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx101("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx101(
               Link14,
               {
                 href: button.link,
                 target: button.isNewTab ? "_blank" : "_self",
                 rel: "noreferrer",
-                children: /* @__PURE__ */ jsx102(DesignButton8, { children: button.text })
+                children: /* @__PURE__ */ jsx101(DesignButton8, { children: button.text })
               }
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs86("div", { className: "grid grid-cols-2 grid-rows-3 gap-[10px] py-6 md:grid-cols-3 md:grid-rows-2 md:gap-6 md:py-6 lg:grid-cols-3 lg:grid-rows-2 lg:gap-6 lg:p-0", children: [
-          /* @__PURE__ */ jsx102("div", { className: "hidden lg:inline" }),
-          imagePaths.map((path) => /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsxs85("div", { className: "grid grid-cols-2 grid-rows-3 gap-[10px] py-6 md:grid-cols-3 md:grid-rows-2 md:gap-6 md:py-6 lg:grid-cols-3 lg:grid-rows-2 lg:gap-6 lg:p-0", children: [
+          /* @__PURE__ */ jsx101("div", { className: "hidden lg:inline" }),
+          imagePaths.map((path) => /* @__PURE__ */ jsx101(
             CmsImage,
             {
               src: path,
@@ -8895,13 +8775,13 @@ var SignUpBanner = ({
             v410()
           ))
         ] }),
-        (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx102("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ jsx102(
+        (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx101("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ jsx101(
           Link14,
           {
             href: button.link,
             target: button.isNewTab ? "_blank" : "_self",
             rel: "noreferrer",
-            children: /* @__PURE__ */ jsx102(DesignButton8, { className: "w-full", children: button.text })
+            children: /* @__PURE__ */ jsx101(DesignButton8, { className: "w-full", children: button.text })
           }
         ) })
       ] })
@@ -8910,8 +8790,8 @@ var SignUpBanner = ({
 };
 
 // src/components/DesignElements/RoutePagination.tsx
-import { useRouter as useRouter7 } from "next/router";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { useRouter as useRouter7 } from "@geowiki/core";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var RoutePagination = ({
   pageSize,
   total
@@ -8919,7 +8799,7 @@ var RoutePagination = ({
   const router = useRouter7();
   const { page } = router.query;
   const currentPage = parseInt(page) || 1;
-  return /* @__PURE__ */ jsx103("div", { children: /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx102("div", { children: /* @__PURE__ */ jsx102(
     DesignPagination,
     {
       currentPage,
@@ -8938,11 +8818,11 @@ var RoutePagination = ({
 
 // src/components/DesignElements/LanguagePopup.tsx
 import { useEffect as useEffect21, useState as useState41 } from "react";
-import { Body20m as Body20m3, Body16 as Body165, DesignButton as DesignButton9 } from "@geowiki/design-system";
+import { Body20m as Body20m3, Body16 as Body164, DesignButton as DesignButton9 } from "@geowiki/design-system";
 import { XIcon as XIcon2 } from "lucide-react";
-import Link15 from "next/link";
+import { Link as Link15 } from "@geowiki/core";
 import { getCookie as getCookie3, setCookie as setCookie2 } from "cookies-next";
-import { jsx as jsx104, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs86 } from "react/jsx-runtime";
 var cookieName2 = "recodo_language_popup";
 var LanguagePopup = () => {
   const [isOpen, setIsOpen] = useState41(false);
@@ -8956,14 +8836,14 @@ var LanguagePopup = () => {
     setIsOpen(false);
     setCookie2(cookieName2, "closed", { maxAge: 60 * 60 * 24 * 365 });
   };
-  return isOpen ? /* @__PURE__ */ jsx104(
+  return isOpen ? /* @__PURE__ */ jsx103(
     "div",
     {
       className: "fixed bottom-0 right-0 z-50 mb-5",
       "data-component": "LanguagePopup",
-      children: /* @__PURE__ */ jsxs87("div", { className: "w-full max-w-[27rem] h-auto relative bg-accent-secondary rounded-xl p-6", children: [
-        /* @__PURE__ */ jsxs87("div", { className: "flex justify-between items-start", children: [
-          /* @__PURE__ */ jsx104("div", { className: " w-14 h-14 bg-white rounded-2xl flex justify-center items-center", children: /* @__PURE__ */ jsxs87(
+      children: /* @__PURE__ */ jsxs86("div", { className: "w-full max-w-[27rem] h-auto relative bg-accent-secondary rounded-xl p-6", children: [
+        /* @__PURE__ */ jsxs86("div", { className: "flex justify-between items-start", children: [
+          /* @__PURE__ */ jsx103("div", { className: " w-14 h-14 bg-white rounded-2xl flex justify-center items-center", children: /* @__PURE__ */ jsxs86(
             "svg",
             {
               width: "33",
@@ -8972,14 +8852,14 @@ var LanguagePopup = () => {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ jsx104(
+                /* @__PURE__ */ jsx103(
                   "path",
                   {
                     d: "M1.94995 22.212C0.729951 20.892 0 19.121 0 17.001C0 12 4.03 9 9 9C13.97 9 18 12 18 17.001C18 22.002 13.97 25.002 9 25.002C7.72 25.002 6.50991 24.802 5.40991 24.422C4.06991 25.852 1.87996 26.0419 0.459961 25.9919C0.0299609 25.9819 -0.160078 25.432 0.169922 25.152C1.25992 24.273 1.79995 23.173 1.94995 22.212Z",
                     fill: "#101010"
                   }
                 ),
-                /* @__PURE__ */ jsx104(
+                /* @__PURE__ */ jsx103(
                   "path",
                   {
                     d: "M32.1439 17.7628L32.144 17.7626L32.1536 17.7707C32.8223 18.3382 32.4564 19.4679 31.5552 19.4917C30.1893 19.5395 27.9612 19.3819 26.4556 17.9925C25.3814 18.3278 24.2185 18.502 23 18.502C20.4179 18.502 18.0475 17.7227 16.3137 16.2589C14.5716 14.7881 13.5 12.6476 13.5 10.001C13.5 7.35432 14.5716 5.2139 16.3137 3.74307C18.0475 2.27927 20.4179 1.5 23 1.5C25.5821 1.5 27.9525 2.27927 29.6863 3.74307C31.4284 5.2139 32.5 7.35432 32.5 10.001C32.5 12.1433 31.7925 13.968 30.5872 15.3614C30.7637 16.1483 31.2398 17.0337 32.1439 17.7628Z",
@@ -8987,14 +8867,14 @@ var LanguagePopup = () => {
                     stroke: "white"
                   }
                 ),
-                /* @__PURE__ */ jsx104(
+                /* @__PURE__ */ jsx103(
                   "path",
                   {
                     d: "M27 6.5H23.5V6C23.5 5.86739 23.4473 5.74021 23.3536 5.64645C23.2598 5.55268 23.1326 5.5 23 5.5C22.8674 5.5 22.7402 5.55268 22.6464 5.64645C22.5527 5.74021 22.5 5.86739 22.5 6V6.5H19C18.8674 6.5 18.7402 6.55268 18.6464 6.64645C18.5527 6.74021 18.5 6.86739 18.5 7C18.5 7.13261 18.5527 7.25979 18.6464 7.35355C18.7402 7.44732 18.8674 7.5 19 7.5H24.9411C24.7163 8.99882 24.0272 10.3894 22.9707 11.4761C22.2391 10.7254 21.6799 9.82414 21.332 8.83521C21.2882 8.71015 21.1965 8.60761 21.0771 8.5501C20.9577 8.49259 20.8204 8.48481 20.6953 8.52848C20.5702 8.57215 20.4675 8.66369 20.4098 8.78299C20.3522 8.9023 20.3442 9.03962 20.3877 9.16479C20.7796 10.2786 21.4072 11.2948 22.2278 12.1439C21.3816 12.8114 20.3955 13.2789 19.3433 13.5115C19.2229 13.5379 19.1165 13.6078 19.0445 13.7078C18.9726 13.8079 18.9401 13.9309 18.9533 14.0535C18.9664 14.176 19.0244 14.2893 19.116 14.3717C19.2077 14.4541 19.3265 14.4998 19.4497 14.5C19.4858 14.5 19.5218 14.4961 19.5571 14.4885C20.8104 14.2121 21.9807 13.6435 22.9726 12.8291C23.9671 13.6428 25.1389 14.2112 26.3936 14.4885C26.5227 14.5157 26.6574 14.4907 26.7682 14.419C26.879 14.3472 26.9569 14.2346 26.985 14.1057C27.0131 13.9767 26.9891 13.8419 26.9182 13.7305C26.8473 13.6192 26.7352 13.5405 26.6064 13.5114C25.5511 13.2792 24.5617 12.8121 23.7117 12.1449C24.934 10.8754 25.7172 9.2474 25.9462 7.5H27C27.1326 7.5 27.2598 7.44732 27.3536 7.35355C27.4473 7.25979 27.5 7.13261 27.5 7C27.5 6.86739 27.4473 6.74021 27.3536 6.64645C27.2598 6.55268 27.1326 6.5 27 6.5Z",
                     fill: "white"
                   }
                 ),
-                /* @__PURE__ */ jsx104(
+                /* @__PURE__ */ jsx103(
                   "path",
                   {
                     d: "M4.95 20.5L8.1 13.5H9.38L12.54 20.5H11.18L8.47 14.19H8.99L6.29 20.5H4.95ZM6.4 18.88L6.75 17.86H10.53L10.88 18.88H6.4Z",
@@ -9004,33 +8884,33 @@ var LanguagePopup = () => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx104("button", { type: "button", onClick: handleClose, children: /* @__PURE__ */ jsx104(XIcon2, { className: "h-4 w-4 lg:h-6 lg:w-6", "aria-hidden": "true" }) })
+          /* @__PURE__ */ jsx103("button", { type: "button", onClick: handleClose, children: /* @__PURE__ */ jsx103(XIcon2, { className: "h-4 w-4 lg:h-6 lg:w-6", "aria-hidden": "true" }) })
         ] }),
-        /* @__PURE__ */ jsxs87("div", { className: "pt-4 space-y-2", children: [
-          /* @__PURE__ */ jsx104(Body20m3, { children: "Can't see your language?" }),
-          /* @__PURE__ */ jsx104(Body165, { className: " text-grey", children: "Recodo has been developed to cater to number of diverse European countries. The majority of our content is user generated, and may not be available in your language." }),
-          /* @__PURE__ */ jsx104(Body165, { className: " text-grey", children: "Our Languages page offers resources to help you learn more about translation options" })
+        /* @__PURE__ */ jsxs86("div", { className: "pt-4 space-y-2", children: [
+          /* @__PURE__ */ jsx103(Body20m3, { children: "Can't see your language?" }),
+          /* @__PURE__ */ jsx103(Body164, { className: " text-grey", children: "Recodo has been developed to cater to number of diverse European countries. The majority of our content is user generated, and may not be available in your language." }),
+          /* @__PURE__ */ jsx103(Body164, { className: " text-grey", children: "Our Languages page offers resources to help you learn more about translation options" })
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: "pt-4", children: /* @__PURE__ */ jsx104(Link15, { href: "/page/language", target: "_self", children: /* @__PURE__ */ jsx104(DesignButton9, { size: "sm", variant: "secondary", onClick: handleClose, children: "Learn more" }) }) })
+        /* @__PURE__ */ jsx103("div", { className: "pt-4", children: /* @__PURE__ */ jsx103(Link15, { href: "/page/language", target: "_self", children: /* @__PURE__ */ jsx103(DesignButton9, { size: "sm", variant: "secondary", onClick: handleClose, children: "Learn more" }) }) })
       ] })
     }
   ) : null;
 };
 
 // src/components/DesignElements/MobileFilterPopup.tsx
-import { Fragment as Fragment26 } from "react";
-import { Dialog as Dialog20, Transition as Transition7 } from "@headlessui/react";
-import { XMarkIcon as XMarkIcon6 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment25 } from "react";
+import { Dialog as Dialog19, Transition as Transition6 } from "@headlessui/react";
+import { XMarkIcon as XMarkIcon5 } from "@heroicons/react/24/outline";
 import { useState as useState42 } from "react";
 
 // src/components/DesignElements/MobileFilterPopupOpened.tsx
-import { Fragment as Fragment25 } from "react";
-import { Dialog as Dialog19, Transition as Transition6 } from "@headlessui/react";
+import { Fragment as Fragment24 } from "react";
+import { Dialog as Dialog18, Transition as Transition5 } from "@headlessui/react";
 import { ArrowLeftIcon, CheckIcon } from "@heroicons/react/24/outline";
-import { useRouter as useRouter8 } from "next/router";
+import { useRouter as useRouter8 } from "@geowiki/core";
 import { v4 as v411 } from "uuid";
 import { DesignButton as DesignButton10 } from "@geowiki/design-system";
-import { jsx as jsx105, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs87 } from "react/jsx-runtime";
 function MobileFilterPopupOpened({
   open,
   setOpen,
@@ -9079,69 +8959,69 @@ function MobileFilterPopupOpened({
       { shallow: true }
     );
   };
-  return /* @__PURE__ */ jsx105(Transition6.Root, { show: open, as: Fragment25, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs88(
-    Dialog19,
+  return /* @__PURE__ */ jsx104(Transition5.Root, { show: open, as: Fragment24, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs87(
+    Dialog18,
     {
       as: "div",
       className: "relative z-20 w-full h-full",
       onClose: setOpen,
       children: [
-        /* @__PURE__ */ jsx105(
-          Transition6.Child,
+        /* @__PURE__ */ jsx104(
+          Transition5.Child,
           {
-            as: Fragment25,
+            as: Fragment24,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
             leave: "ease-in duration-200",
             leaveFrom: "opacity-100",
             leaveTo: "opacity-0",
-            children: /* @__PURE__ */ jsx105("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+            children: /* @__PURE__ */ jsx104("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
           }
         ),
-        /* @__PURE__ */ jsx105("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx105("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx105(
-          Transition6.Child,
+        /* @__PURE__ */ jsx104("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx104("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx104(
+          Transition5.Child,
           {
-            as: Fragment25,
+            as: Fragment24,
             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__ */ jsxs88(Dialog19.Panel, { className: "h-full flex-col justify-between w-full relative bg-grey-lightest space-y-3 overflow-y-scroll text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
-              /* @__PURE__ */ jsxs88("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
-                /* @__PURE__ */ jsxs88(
+            children: /* @__PURE__ */ jsxs87(Dialog18.Panel, { className: "h-full flex-col justify-between w-full relative bg-grey-lightest space-y-3 overflow-y-scroll text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
+              /* @__PURE__ */ jsxs87("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
+                /* @__PURE__ */ jsxs87(
                   "button",
                   {
                     type: "button",
                     className: "w-[4.25rem] rounded-md focus:outline-none",
                     onClick: () => setOpen(false),
                     children: [
-                      /* @__PURE__ */ jsx105("span", { className: "sr-only", children: "Close" }),
-                      /* @__PURE__ */ jsx105(ArrowLeftIcon, { className: "h-6 w-6", "aria-hidden": "true" })
+                      /* @__PURE__ */ jsx104("span", { className: "sr-only", children: "Close" }),
+                      /* @__PURE__ */ jsx104(ArrowLeftIcon, { className: "h-6 w-6", "aria-hidden": "true" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx105("div", { children: name }),
-                /* @__PURE__ */ jsx105("div", { children: /* @__PURE__ */ jsx105(
+                /* @__PURE__ */ jsx104("div", { children: name }),
+                /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
                   "button",
                   {
                     onClick: handleClear,
                     className: " w-[4.25rem] px-2 py-2 rounded-xl bg-grey-lightest",
-                    children: /* @__PURE__ */ jsx105("div", { className: "text-xs font-medium leading-none", children: "Remove" })
+                    children: /* @__PURE__ */ jsx104("div", { className: "text-xs font-medium leading-none", children: "Remove" })
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx105("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ jsxs88(
+              /* @__PURE__ */ jsx104("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ jsxs87(
                 "div",
                 {
                   className: " cursor-pointer ",
                   onClick: () => handleClick(item.value),
                   children: [
-                    /* @__PURE__ */ jsxs88("div", { className: "flex justify-between", children: [
-                      /* @__PURE__ */ jsx105("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
-                      checkValues.includes(item.value) && /* @__PURE__ */ jsx105("div", { children: /* @__PURE__ */ jsx105(
+                    /* @__PURE__ */ jsxs87("div", { className: "flex justify-between", children: [
+                      /* @__PURE__ */ jsx104("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
+                      checkValues.includes(item.value) && /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
                         CheckIcon,
                         {
                           className: "h-6 w-6 text-primary",
@@ -9149,12 +9029,12 @@ function MobileFilterPopupOpened({
                         }
                       ) })
                     ] }),
-                    index !== list.length - 1 && /* @__PURE__ */ jsx105("div", { className: "w-full border-0 border-b border-grey-light" })
+                    index !== list.length - 1 && /* @__PURE__ */ jsx104("div", { className: "w-full border-0 border-b border-grey-light" })
                   ]
                 },
                 v411()
               )) }),
-              /* @__PURE__ */ jsx105("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx105(DesignButton10, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
+              /* @__PURE__ */ jsx104("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx104(DesignButton10, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
             ] })
           }
         ) }) })
@@ -9165,8 +9045,8 @@ function MobileFilterPopupOpened({
 
 // src/components/DesignElements/MobileFilterPopup.tsx
 import { DesignButton as DesignButton11 } from "@geowiki/design-system";
-import { useRouter as useRouter9 } from "next/router";
-import { jsx as jsx106, jsxs as jsxs89 } from "react/jsx-runtime";
+import { useRouter as useRouter9 } from "@geowiki/core";
+import { jsx as jsx105, jsxs as jsxs88 } from "react/jsx-runtime";
 function MobileFilterPopup({
   open,
   setOpen,
@@ -9199,74 +9079,74 @@ function MobileFilterPopup({
     const queryValue = router.query[routerFiltername];
     return typeof queryValue === "string" ? queryValue.split(",") : Array.isArray(queryValue) ? queryValue : [];
   };
-  return /* @__PURE__ */ jsx106(Transition7.Root, { show: open, as: Fragment26, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs89(
-    Dialog20,
+  return /* @__PURE__ */ jsx105(Transition6.Root, { show: open, as: Fragment25, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs88(
+    Dialog19,
     {
       as: "div",
       className: "relative z-10 w-full h-full",
       onClose: setOpen,
       children: [
-        /* @__PURE__ */ jsx106(
-          Transition7.Child,
+        /* @__PURE__ */ jsx105(
+          Transition6.Child,
           {
-            as: Fragment26,
+            as: Fragment25,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
             leave: "ease-in duration-200",
             leaveFrom: "opacity-100",
             leaveTo: "opacity-0",
-            children: /* @__PURE__ */ jsx106("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+            children: /* @__PURE__ */ jsx105("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
           }
         ),
-        /* @__PURE__ */ jsx106("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx106("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx106(
-          Transition7.Child,
+        /* @__PURE__ */ jsx105("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx105("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx105(
+          Transition6.Child,
           {
-            as: Fragment26,
+            as: Fragment25,
             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__ */ jsxs89(Dialog20.Panel, { className: " w-full h-full relative bg-grey-lightest space-y-3 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
-              /* @__PURE__ */ jsxs89("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
-                /* @__PURE__ */ jsxs89(
+            children: /* @__PURE__ */ jsxs88(Dialog19.Panel, { className: " w-full h-full relative bg-grey-lightest space-y-3 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
+              /* @__PURE__ */ jsxs88("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
+                /* @__PURE__ */ jsxs88(
                   "button",
                   {
                     type: "button",
                     className: "w-[4.25rem] rounded-md focus:outline-none ",
                     onClick: () => setOpen(false),
                     children: [
-                      /* @__PURE__ */ jsx106("span", { className: "sr-only", children: "Close" }),
-                      /* @__PURE__ */ jsx106(XMarkIcon6, { className: "h-6 w-6", "aria-hidden": "true" })
+                      /* @__PURE__ */ jsx105("span", { className: "sr-only", children: "Close" }),
+                      /* @__PURE__ */ jsx105(XMarkIcon5, { className: "h-6 w-6", "aria-hidden": "true" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx106("div", { children: name }),
-                /* @__PURE__ */ jsx106("div", { className: "w-[4.25rem]" })
+                /* @__PURE__ */ jsx105("div", { children: name }),
+                /* @__PURE__ */ jsx105("div", { className: "w-[4.25rem]" })
               ] }),
-              /* @__PURE__ */ jsx106("div", { className: "h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto", children: filters.map((filter, index) => /* @__PURE__ */ jsxs89("div", { children: [
-                /* @__PURE__ */ jsxs89(
+              /* @__PURE__ */ jsx105("div", { className: "h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto", children: filters.map((filter, index) => /* @__PURE__ */ jsxs88("div", { children: [
+                /* @__PURE__ */ jsxs88(
                   "div",
                   {
                     className: "cursor-pointer",
                     onClick: () => handleToggle(filter.filterName),
                     children: [
-                      /* @__PURE__ */ jsxs89("div", { className: "pb-4 text-base text-black flex justify-between font-normal leading-snug", children: [
-                        /* @__PURE__ */ jsx106("div", { className: " ", children: filter.filterName }),
-                        /* @__PURE__ */ jsx106("div", { className: " max-w-[40%] overflow-hidden text-ellipsis whitespace-nowrap", children: getSelectedItems(filter.routerFiltername).map((value) => {
+                      /* @__PURE__ */ jsxs88("div", { className: "pb-4 text-base text-black flex justify-between font-normal leading-snug", children: [
+                        /* @__PURE__ */ jsx105("div", { className: " ", children: filter.filterName }),
+                        /* @__PURE__ */ jsx105("div", { className: " max-w-[40%] overflow-hidden text-ellipsis whitespace-nowrap", children: getSelectedItems(filter.routerFiltername).map((value) => {
                           const item = filter.filterItems.find(
                             (i) => i.value === value
                           );
                           return item ? item.label : value;
                         }).join(", ") })
                       ] }),
-                      index !== filters.length - 1 && /* @__PURE__ */ jsx106("div", { className: "w-full border-0 border-b border-grey-light" })
+                      index !== filters.length - 1 && /* @__PURE__ */ jsx105("div", { className: "w-full border-0 border-b border-grey-light" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx106(
+                /* @__PURE__ */ jsx105(
                   MobileFilterPopupOpened,
                   {
                     open: openStates[filter.filterName],
@@ -9281,7 +9161,7 @@ function MobileFilterPopup({
                   }
                 )
               ] }, filter.filterName)) }),
-              /* @__PURE__ */ jsx106("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx106(DesignButton11, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
+              /* @__PURE__ */ jsx105("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx105(DesignButton11, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
             ] })
           }
         ) }) })
@@ -9291,22 +9171,22 @@ function MobileFilterPopup({
 }
 
 // src/components/DesignElements/Link/Link.tsx
-import Link16 from "next/link";
+import { Link as Link16 } from "@geowiki/core";
 import { Body18m as Body18m4 } from "@geowiki/design-system";
-import { jsx as jsx107, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs89 } from "react/jsx-runtime";
 var DesignLink = ({ link, fillColor }) => {
   fillColor = fillColor === void 0 ? "fill-black" : fillColor;
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx106(
     Link16,
     {
       href: link.href,
       target: link.isNewTab ? "_blank" : "_self",
       rel: link.isNewTab ? "noopener noreferrer" : "",
       className: "w-full mt-4 lg:mt-6 flex-col justify-start items-start gap-6 inline-flex border-0 border-b border-zinc-300  ",
-      children: /* @__PURE__ */ jsxs90("div", { className: "w-full px-0 mb-4 lg:mb-6", children: [
-        /* @__PURE__ */ jsxs90("div", { className: "w-full h-5 justify-between items-center inline-flex", children: [
-          /* @__PURE__ */ jsx107(Body18m4, { children: link.title }),
-          link.type === "internal" && /* @__PURE__ */ jsx107(
+      children: /* @__PURE__ */ jsxs89("div", { className: "w-full px-0 mb-4 lg:mb-6", children: [
+        /* @__PURE__ */ jsxs89("div", { className: "w-full h-5 justify-between items-center inline-flex", children: [
+          /* @__PURE__ */ jsx106(Body18m4, { children: link.title }),
+          link.type === "internal" && /* @__PURE__ */ jsx106(
             "svg",
             {
               width: "18",
@@ -9315,10 +9195,10 @@ var DesignLink = ({ link, fillColor }) => {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: `${fillColor}`,
-              children: /* @__PURE__ */ jsx107("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
+              children: /* @__PURE__ */ jsx106("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
             }
           ),
-          link.type === "external" && /* @__PURE__ */ jsx107(
+          link.type === "external" && /* @__PURE__ */ jsx106(
             "svg",
             {
               width: "18",
@@ -9327,26 +9207,26 @@ var DesignLink = ({ link, fillColor }) => {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: `-rotate-45 ${fillColor}`,
-              children: /* @__PURE__ */ jsx107("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
+              children: /* @__PURE__ */ jsx106("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
             }
           )
         ] }),
-        link.description && /* @__PURE__ */ jsx107("div", { className: "w-10/12 py-4 text-gray-900 text-base font-normal leading-tight", children: link.description }),
-        link.subtitle && /* @__PURE__ */ jsx107("div", { className: "text-primary text-base font-semibold leading-tight", children: link.subtitle })
+        link.description && /* @__PURE__ */ jsx106("div", { className: "w-10/12 py-4 text-gray-900 text-base font-normal leading-tight", children: link.description }),
+        link.subtitle && /* @__PURE__ */ jsx106("div", { className: "text-primary text-base font-semibold leading-tight", children: link.subtitle })
       ] })
     }
   );
 };
 
 // src/components/DesignElements/Link/ListLink.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var DesignListLink = ({ links, fillColor }) => {
-  return /* @__PURE__ */ jsx108("div", { className: "grid grid-cols-1 ", children: links.map((link) => /* @__PURE__ */ jsx108(DesignLink, { link, fillColor }, link.title)) });
+  return /* @__PURE__ */ jsx107("div", { className: "grid grid-cols-1 ", children: links.map((link) => /* @__PURE__ */ jsx107(DesignLink, { link, fillColor }, link.title)) });
 };
 
 // src/components/DesignElements/Link/customLink.tsx
 import { Body18sb } from "@geowiki/design-system";
-import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
 var DesignCustomLink = ({
   linkText,
   href,
@@ -9355,16 +9235,16 @@ var DesignCustomLink = ({
   className
 }) => {
   fillColor = fillColor === void 0 ? "fill-black" : fillColor;
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx108(
     "a",
     {
       href,
       target: isNewTab ? "_blank" : "_self",
       rel: "noopener noreferrer",
       className,
-      children: /* @__PURE__ */ jsxs91("div", { className: "flex justify-start items-center gap-2 ", children: [
-        /* @__PURE__ */ jsx109(Body18sb, { children: linkText }),
-        /* @__PURE__ */ jsx109(
+      children: /* @__PURE__ */ jsxs90("div", { className: "flex justify-start items-center gap-2 ", children: [
+        /* @__PURE__ */ jsx108(Body18sb, { children: linkText }),
+        /* @__PURE__ */ jsx108(
           "svg",
           {
             width: "16",
@@ -9373,7 +9253,7 @@ var DesignCustomLink = ({
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             className: `${fillColor}`,
-            children: /* @__PURE__ */ jsx109("path", { d: "M15.092 1.72341V11.6215C15.092 11.8973 14.9802 12.1476 14.7992 12.3286C14.6182 12.5096 14.3679 12.6214 14.0921 12.6214C13.5391 12.6214 13.0922 12.1745 13.0922 11.6215V4.13613L2.07127 15.1571C1.68024 15.5481 1.04738 15.5474 0.657053 15.1571C0.26673 14.7667 0.266023 14.1339 0.657053 13.7428L11.678 2.72192L4.19259 2.72192C3.63963 2.72192 3.19269 2.27498 3.19269 1.72202C3.19269 1.16907 3.63963 0.722131 4.19259 0.722131L14.0907 0.722131C14.2222 0.722131 14.3516 0.748214 14.4746 0.799126C14.7186 0.900242 14.9139 1.09552 15.015 1.33947C15.0659 1.46251 15.092 1.59188 15.092 1.72341Z" })
+            children: /* @__PURE__ */ jsx108("path", { d: "M15.092 1.72341V11.6215C15.092 11.8973 14.9802 12.1476 14.7992 12.3286C14.6182 12.5096 14.3679 12.6214 14.0921 12.6214C13.5391 12.6214 13.0922 12.1745 13.0922 11.6215V4.13613L2.07127 15.1571C1.68024 15.5481 1.04738 15.5474 0.657053 15.1571C0.26673 14.7667 0.266023 14.1339 0.657053 13.7428L11.678 2.72192L4.19259 2.72192C3.63963 2.72192 3.19269 2.27498 3.19269 1.72202C3.19269 1.16907 3.63963 0.722131 4.19259 0.722131L14.0907 0.722131C14.2222 0.722131 14.3516 0.748214 14.4746 0.799126C14.7186 0.900242 14.9139 1.09552 15.015 1.33947C15.0659 1.46251 15.092 1.59188 15.092 1.72341Z" })
           }
         )
       ] })
@@ -9381,60 +9261,37 @@ var DesignCustomLink = ({
   );
 };
 
-// src/components/DesignElements/Link/SimpleLink.tsx
-import Link17 from "next/link";
-import { DesignButton as DesignButton12 } from "@geowiki/design-system";
-import { jsx as jsx110 } from "react/jsx-runtime";
-var SimpleLink = ({ link }) => {
-  return /* @__PURE__ */ jsx110(
-    Link17,
-    {
-      href: link.href,
-      target: link.isNewTab ? "_blank" : "_self",
-      rel: "noreferrer",
-      children: /* @__PURE__ */ jsx110(
-        DesignButton12,
-        {
-          variant: link.isNewTab ? "externalLink" : "internalLink",
-          className: "h-auto p-0 flex self-start lg:p-0",
-          children: link.title
-        }
-      )
-    }
-  );
-};
-
 // src/components/DesignElements/ClusterNews/ClusterNewsItem.tsx
-import Link18 from "next/link";
+import { Link as Link17 } from "@geowiki/core";
 import { CountryItem } from "@geowiki/design-system";
-import { jsx as jsx111, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
 var ClusterNewsItem = (props) => {
   var link = `/news/farmer-cluster/${props.id}`;
-  return /* @__PURE__ */ jsx111(Link18, { href: link, children: /* @__PURE__ */ jsxs92("div", { className: "relative flex items-start justify-start", children: [
-    props.path && /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx109(Link17, { href: link, children: /* @__PURE__ */ jsxs91("div", { className: "relative flex items-start justify-start", children: [
+    props.path && /* @__PURE__ */ jsx109(
       ApiImage,
       {
         imageId: props.path,
         className: "flex overflow-hidden relative flex-col px-6 py-5 w-full min-h-[400px] max-md:pl-5 max-md:max-w-full lg:min-h-[500px] brightness-75"
       }
     ),
-    /* @__PURE__ */ jsx111("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl float-right absolute top-3 right-3", children: /* @__PURE__ */ jsx111(CountryItem, { country: props.clusterCountry || "Unknown" }) }),
-    /* @__PURE__ */ jsxs92("div", { className: "absolute bottom-0 flex-col flex items-start justify-start space-y-3 pl-6 pr-4 pb-6 text-secondary lg:space-y-4", children: [
-      /* @__PURE__ */ jsxs92("div", { className: "text-base font-normal flex items-center justify-center gap-3 leading-[120%]", children: [
+    /* @__PURE__ */ jsx109("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl float-right absolute top-3 right-3", children: /* @__PURE__ */ jsx109(CountryItem, { country: props.clusterCountry || "Unknown" }) }),
+    /* @__PURE__ */ jsxs91("div", { className: "absolute bottom-0 flex-col flex items-start justify-start space-y-3 pl-6 pr-4 pb-6 text-secondary lg:space-y-4", children: [
+      /* @__PURE__ */ jsxs91("div", { className: "text-base font-normal flex items-center justify-center gap-3 leading-[120%]", children: [
         formatDate(props.time.toString(), "short"),
-        /* @__PURE__ */ jsx111("div", { className: " font-medium ", children: props.username })
+        /* @__PURE__ */ jsx109("div", { className: " font-medium ", children: props.username })
       ] }),
-      /* @__PURE__ */ jsx111("div", { className: "text-[1.375rem] font-semibold", children: /* @__PURE__ */ jsx111("div", { className: "line-clamp-3 leading-[120%]", children: props.title }) }),
-      /* @__PURE__ */ jsx111("div", { className: "text-base font-medium leading-[120%]", children: props.clusterName })
+      /* @__PURE__ */ jsx109("div", { className: "text-[1.375rem] font-semibold", children: /* @__PURE__ */ jsx109("div", { className: "line-clamp-3 leading-[120%]", children: props.title }) }),
+      /* @__PURE__ */ jsx109("div", { className: "text-base font-medium leading-[120%]", children: props.clusterName })
     ] })
   ] }) });
 };
 
 // src/components/DesignElements/ClusterNews/ClusterNewsList.tsx
 import { v4 as v412 } from "uuid";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var ClusterNewsList = ({ clusterNewsItems }) => {
-  return /* @__PURE__ */ jsx112("div", { className: "mx-auto", children: /* @__PURE__ */ jsx112("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx110("div", { className: "mx-auto", children: /* @__PURE__ */ jsx110("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ jsx110(
     ClusterNewsItem,
     {
       id: clusterNewsItem.id,
@@ -9454,7 +9311,7 @@ import { H4Design } from "@geowiki/design-system";
 import { useClusterNews } from "@geowiki/core";
 import { v4 as v413 } from "uuid";
 import { Body18 as Body185, Body18m as Body18m5 } from "@geowiki/design-system";
-import { jsx as jsx113, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs92 } from "react/jsx-runtime";
 var ClusterStoryItem = (props) => {
   var _a, _b;
   const { data: clusterNews, isLoading } = useClusterNews(props.clusterId);
@@ -9483,11 +9340,11 @@ var ClusterStoryItem = (props) => {
       path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
     };
   });
-  return /* @__PURE__ */ jsxs93("div", { className: " w-full h-full relative bg-white", children: [
-    /* @__PURE__ */ jsx113("div", { className: "flex justify-center lg:ml-[25%] lg:mr-[25%] mt-4 lg:mt-6", children: /* @__PURE__ */ jsxs93("div", { className: "flex-col justify-start items-start gap-4 inline-flex", children: [
-      /* @__PURE__ */ jsxs93("div", { className: "flex justify-center items-center gap-4 text-[.9375rem] lg:text-lg leading-[130%]", children: [
-        /* @__PURE__ */ jsxs93("div", { className: "flex justify-start items-center gap-1", children: [
-          /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsxs92("div", { className: " w-full h-full relative bg-white", children: [
+    /* @__PURE__ */ jsx111("div", { className: "flex justify-center lg:ml-[25%] lg:mr-[25%] mt-4 lg:mt-6", children: /* @__PURE__ */ jsxs92("div", { className: "flex-col justify-start items-start gap-4 inline-flex", children: [
+      /* @__PURE__ */ jsxs92("div", { className: "flex justify-center items-center gap-4 text-[.9375rem] lg:text-lg leading-[130%]", children: [
+        /* @__PURE__ */ jsxs92("div", { className: "flex justify-start items-center gap-1", children: [
+          /* @__PURE__ */ jsx111(
             "svg",
             {
               width: "24",
@@ -9496,27 +9353,27 @@ var ClusterStoryItem = (props) => {
               fill: "rgb(89,173,49)",
               xmlns: "http://www.w3.org/2000/svg",
               className: "w-5 h-5 ",
-              children: /* @__PURE__ */ jsx113("path", { d: "M12 2.5C7.313 2.5 3.5 6.313 3.5 11C3.5 15.983 8.129 19.041 11.192 21.064L11.722 21.416C11.806 21.472 11.903 21.5 11.999 21.5C12.095 21.5 12.192 21.472 12.276 21.416L12.806 21.064C15.869 19.041 20.498 15.983 20.498 11C20.5 6.313 16.687 2.5 12 2.5ZM12 13.5C10.619 13.5 9.5 12.381 9.5 11C9.5 9.619 10.619 8.5 12 8.5C13.381 8.5 14.5 9.619 14.5 11C14.5 12.381 13.381 13.5 12 13.5Z" })
+              children: /* @__PURE__ */ jsx111("path", { d: "M12 2.5C7.313 2.5 3.5 6.313 3.5 11C3.5 15.983 8.129 19.041 11.192 21.064L11.722 21.416C11.806 21.472 11.903 21.5 11.999 21.5C12.095 21.5 12.192 21.472 12.276 21.416L12.806 21.064C15.869 19.041 20.498 15.983 20.498 11C20.5 6.313 16.687 2.5 12 2.5ZM12 13.5C10.619 13.5 9.5 12.381 9.5 11C9.5 9.619 10.619 8.5 12 8.5C13.381 8.5 14.5 9.619 14.5 11C14.5 12.381 13.381 13.5 12 13.5Z" })
             }
           ),
-          /* @__PURE__ */ jsx113(Body185, { children: props.ClusterCountry })
+          /* @__PURE__ */ jsx111(Body185, { children: props.ClusterCountry })
         ] }),
-        /* @__PURE__ */ jsx113(Body185, { className: "text-black ", children: formatDate(props.NewsCreationTime, "long") })
+        /* @__PURE__ */ jsx111(Body185, { className: "text-black ", children: formatDate(props.NewsCreationTime, "long") })
       ] }),
-      /* @__PURE__ */ jsx113("h1", { className: "self-stretch text-2xl font-light  leading-[130%] max-md:max-w-full lg:leading-10 lg:text-3xl", children: props == null ? void 0 : props.NewsTitle }),
-      /* @__PURE__ */ jsxs93("div", { className: " flex flex-wrap justify-start items-start gap-2", children: [
-        /* @__PURE__ */ jsx113(Body18m5, { className: "text-black", children: props.UserName }),
-        /* @__PURE__ */ jsx113("div", { className: "text-primary", children: /* @__PURE__ */ jsx113("a", { href: `/cluster/view/${props.clusterId}`, children: /* @__PURE__ */ jsx113(Body18m5, { children: props.ClusterName }) }) })
+      /* @__PURE__ */ jsx111("h1", { className: "self-stretch text-2xl font-light  leading-[130%] max-md:max-w-full lg:leading-10 lg:text-3xl", children: props == null ? void 0 : props.NewsTitle }),
+      /* @__PURE__ */ jsxs92("div", { className: " flex flex-wrap justify-start items-start gap-2", children: [
+        /* @__PURE__ */ jsx111(Body18m5, { className: "text-black", children: props.UserName }),
+        /* @__PURE__ */ jsx111("div", { className: "text-primary", children: /* @__PURE__ */ jsx111("a", { href: `/cluster/view/${props.clusterId}`, children: /* @__PURE__ */ jsx111(Body18m5, { children: props.ClusterName }) }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx113("div", { className: "w-full relative rounded-xl", style: { marginTop: "4.5%" }, children: /* @__PURE__ */ jsx113(
+    /* @__PURE__ */ jsx111("div", { className: "w-full relative rounded-xl", style: { marginTop: "4.5%" }, children: /* @__PURE__ */ jsx111(
       ApiImage,
       {
         imageId: props.NewsCoverImageId,
         className: "object-cover w-full rounded-xl h-[560px]"
       }
     ) }),
-    /* @__PURE__ */ jsxs93(
+    /* @__PURE__ */ jsxs92(
       "div",
       {
         className: "justify-center lg:ml-[25%] lg:mr-[25%]",
@@ -9525,15 +9382,15 @@ var ClusterStoryItem = (props) => {
           marginTop: "4.5%"
         },
         children: [
-          /* @__PURE__ */ jsx113("div", { className: "foreground-1 text-2xl font-normal font-family italic", children: props.NewsIntro }),
-          /* @__PURE__ */ jsx113(
+          /* @__PURE__ */ jsx111("div", { className: "foreground-1 text-2xl font-normal font-family italic", children: props.NewsIntro }),
+          /* @__PURE__ */ jsx111(
             "div",
             {
               className: "justify-start items-start gap-6 foreground-1 font-format-0 font-family leading-normal",
               style: {
                 marginTop: "4.5%"
               },
-              children: /* @__PURE__ */ jsx113(
+              children: /* @__PURE__ */ jsx111(
                 HtmlView,
                 {
                   cssClass: ((_b = props.NewsContent) == null ? void 0 : _b.startsWith('<div className="ql-editor"')) ? "ql-editor" : "test",
@@ -9551,9 +9408,9 @@ var ClusterStoryItem = (props) => {
         ]
       }
     ),
-    !isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */ jsxs93("div", { className: "container mx-auto pt-8 space-y-6 lg:pt-24 lg:space-y-10", children: [
-      /* @__PURE__ */ jsx113("div", { className: "lg:flex lg:justify-between lg:items-end", children: /* @__PURE__ */ jsx113(H4Design, { children: "Explore more cluster news" }) }),
-      /* @__PURE__ */ jsx113(
+    !isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */ jsxs92("div", { className: "container mx-auto pt-8 space-y-6 lg:pt-24 lg:space-y-10", children: [
+      /* @__PURE__ */ jsx111("div", { className: "lg:flex lg:justify-between lg:items-end", children: /* @__PURE__ */ jsx111(H4Design, { children: "Explore more cluster news" }) }),
+      /* @__PURE__ */ jsx111(
         ClusterNewsList,
         {
           clusterNewsItems
@@ -9566,11 +9423,11 @@ var ClusterStoryItem = (props) => {
 // src/components/DesignElements/ClusterNews/ClusterNews.tsx
 import { H4Design as H4Design2 } from "@geowiki/design-system";
 import { useState as useState43 } from "react";
-import { DesignButton as DesignButton13 } from "@geowiki/design-system";
+import { DesignButton as DesignButton12 } from "@geowiki/design-system";
 import { v4 as v414 } from "uuid";
 import { useClusterNews as useClusterNews2 } from "@geowiki/core";
 import { LocalLoader } from "@geowiki/design-system";
-import { Fragment as Fragment27, jsx as jsx114, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
 var ClusterNews = ({
   clusterName,
   clusterId,
@@ -9608,15 +9465,13 @@ var ClusterNews = ({
       path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
     };
   });
-  if (isLoading)
-    return /* @__PURE__ */ jsx114(LocalLoader, {});
-  if (publishedItems.length == 0)
-    return null;
-  return /* @__PURE__ */ jsx114(Fragment27, { children: !isLoading && /* @__PURE__ */ jsx114("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ jsx114("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ jsxs94("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
-    /* @__PURE__ */ jsxs94("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
-      /* @__PURE__ */ jsx114(H4Design2, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
-      publishedItems.length > 3 && /* @__PURE__ */ jsx114(
-        DesignButton13,
+  if (isLoading) return /* @__PURE__ */ jsx112(LocalLoader, {});
+  if (publishedItems.length == 0) return null;
+  return /* @__PURE__ */ jsx112(Fragment26, { children: !isLoading && /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ jsxs93("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
+    /* @__PURE__ */ jsxs93("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
+      /* @__PURE__ */ jsx112(H4Design2, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
+      publishedItems.length > 3 && /* @__PURE__ */ jsx112(
+        DesignButton12,
         {
           variant: "text",
           className: "h-auto p-0 text-base lg:p-0",
@@ -9625,13 +9480,13 @@ var ClusterNews = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx114(
+    /* @__PURE__ */ jsx112(
       ClusterNewsList,
       {
         clusterNewsItems
       }
     ),
-    showAll && /* @__PURE__ */ jsx114(
+    showAll && /* @__PURE__ */ jsx112(
       DesignPagination,
       {
         totalCount: clusterNews == null ? void 0 : clusterNews.totalCount,
@@ -9647,7 +9502,7 @@ var ClusterNews = ({
 // src/components/DesignElements/ClusterNews/SixClusterNews.tsx
 import { useNewsFromAllClusters, useClusterNewsWithId } from "@geowiki/core";
 import { v4 as v415 } from "uuid";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var SixClusterNews = () => {
   var _a, _b, _c;
   const { data: news, isLoading } = useNewsFromAllClusters(0, 6);
@@ -9711,16 +9566,16 @@ var SixClusterNews = () => {
   })) != null ? _c : [];
   const clusterNewsItems = clusterNews.length === indexArray.length ? clusterNews : firstClusterNews;
   if (isLoading || isLoading0 || isLoading1 || isLoading2 || isLoading3 || isLoading4 || isLoading5) {
-    return /* @__PURE__ */ jsx115("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx113("div", { children: "Loading..." });
   }
-  return /* @__PURE__ */ jsx115("div", { className: "lg:container mx-auto pt-10", children: /* @__PURE__ */ jsx115(ClusterNewsList, { clusterNewsItems }) });
+  return /* @__PURE__ */ jsx113("div", { className: "lg:container mx-auto pt-10", children: /* @__PURE__ */ jsx113(ClusterNewsList, { clusterNewsItems }) });
 };
 
 // src/components/DesignElements/Cluster/Cluster.tsx
-import Link19 from "next/link";
+import { Link as Link18 } from "@geowiki/core";
 import { CountryItem as CountryItem2 } from "@geowiki/design-system";
 import { H9Design as H9Design2, Body16sb } from "@geowiki/design-system";
-import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs94 } from "react/jsx-runtime";
 var Cluster = ({
   title,
   path,
@@ -9728,8 +9583,8 @@ var Cluster = ({
   status,
   imageId
 }) => {
-  return /* @__PURE__ */ jsx116(Link19, { href: path, children: /* @__PURE__ */ jsxs95("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
-    /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx114(Link18, { href: path, children: /* @__PURE__ */ jsxs94("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
+    /* @__PURE__ */ jsx114(
       ApiImage,
       {
         imageId,
@@ -9738,18 +9593,18 @@ var Cluster = ({
         className: "w-full h-64 rounded-xl object-cover"
       }
     ),
-    /* @__PURE__ */ jsxs95("div", { className: "pt-3 pb-2 justify-start items-center space-x-3 inline-flex text-base leading-tight lg:pt-4 lg:pb-3", children: [
-      country && country !== null ? /* @__PURE__ */ jsx116(CountryItem2, { country }) : /* @__PURE__ */ jsx116(CountryItem2, { country: "Undefined" }),
-      /* @__PURE__ */ jsx116(Body16sb, { className: "text-primary", children: status })
+    /* @__PURE__ */ jsxs94("div", { className: "pt-3 pb-2 justify-start items-center space-x-3 inline-flex text-base leading-tight lg:pt-4 lg:pb-3", children: [
+      country && country !== null ? /* @__PURE__ */ jsx114(CountryItem2, { country }) : /* @__PURE__ */ jsx114(CountryItem2, { country: "Undefined" }),
+      /* @__PURE__ */ jsx114(Body16sb, { className: "text-primary", children: status })
     ] }),
-    /* @__PURE__ */ jsx116(H9Design2, { children: title })
+    /* @__PURE__ */ jsx114(H9Design2, { children: title })
   ] }) });
 };
 
 // src/components/DesignElements/Cluster/ClusterList.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var ClusterList = ({ clusters }) => {
-  return /* @__PURE__ */ jsx117("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx117("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: clusters.map((cluster) => /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx115("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx115("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: clusters.map((cluster) => /* @__PURE__ */ jsx115(
     Cluster,
     {
       imageId: cluster.imageId,
@@ -9764,28 +9619,27 @@ var ClusterList = ({ clusters }) => {
 
 // src/components/DesignElements/Cluster/H3Clusters.tsx
 import { H4Design as H4Design3 } from "@geowiki/design-system";
-import { DesignButton as DesignButton14 } from "@geowiki/design-system";
-import Link20 from "next/link";
+import { DesignButton as DesignButton13 } from "@geowiki/design-system";
+import { Link as Link19 } from "@geowiki/core";
 import { v4 as v416 } from "uuid";
 import { useCountries } from "@geowiki/core";
-import { jsx as jsx118, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
 var H3Clusters = ({ clusters }) => {
   const { data: countries, isLoading: isCountriesLoading } = useCountries();
-  if (isCountriesLoading)
-    return /* @__PURE__ */ jsx118("div", { children: "Loading..." });
-  return /* @__PURE__ */ jsxs96("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
-    /* @__PURE__ */ jsxs96("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
-      /* @__PURE__ */ jsx118(H4Design3, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
-      /* @__PURE__ */ jsx118(
-        DesignButton14,
+  if (isCountriesLoading) return /* @__PURE__ */ jsx116("div", { children: "Loading..." });
+  return /* @__PURE__ */ jsxs95("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
+    /* @__PURE__ */ jsxs95("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
+      /* @__PURE__ */ jsx116(H4Design3, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
+      /* @__PURE__ */ jsx116(
+        DesignButton13,
         {
           variant: "internalLink",
           className: "h-auto p-0 text-base lg:p-0",
-          children: /* @__PURE__ */ jsx118(Link20, { href: "/page/farmer-clusters/farmer-cluster-finder", children: "View all" })
+          children: /* @__PURE__ */ jsx116(Link19, { href: "/page/farmer-clusters/farmer-cluster-finder", children: "View all" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx118(
+    /* @__PURE__ */ jsx116(
       ClusterList,
       {
         clusters: clusters == null ? void 0 : clusters.slice(0, 4).map((cluster) => {
@@ -9805,10 +9659,10 @@ var H3Clusters = ({ clusters }) => {
 };
 
 // src/components/DesignElements/Gallery/GalleryItem.tsx
-import { jsx as jsx119, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs96 } from "react/jsx-runtime";
 var GalleryItem = ({ text, id }) => {
-  return /* @__PURE__ */ jsxs97("div", { className: "h-[22.25rem] sm:w-auto bg-center relative flex group ", children: [
-    /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsxs96("div", { className: "h-[22.25rem] sm:w-auto bg-center relative flex group ", children: [
+    /* @__PURE__ */ jsx117(
       ApiImage,
       {
         imageId: id,
@@ -9817,7 +9671,7 @@ var GalleryItem = ({ text, id }) => {
         className: "h-full bg-black group-hover:brightness-50 rounded-xl object-cover"
       }
     ),
-    /* @__PURE__ */ jsx119("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsx119("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
+    /* @__PURE__ */ jsx117("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsx117("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
   ] });
 };
 
@@ -9831,14 +9685,14 @@ import {
 } from "@geowiki/design-system";
 
 // src/components/DesignElements/Gallery/GalleryCarouselOpen.tsx
-import { Fragment as Fragment28 } from "react";
-import { Dialog as Dialog21, Transition as Transition8 } from "@headlessui/react";
-import { XMarkIcon as XMarkIcon7 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment27 } from "react";
+import { Dialog as Dialog20, Transition as Transition7 } from "@headlessui/react";
+import { XMarkIcon as XMarkIcon6 } from "@heroicons/react/24/outline";
 import { useState as useState44, useEffect as useEffect22 } from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { useApiImage as useApiImage2 } from "@geowiki/core";
-import { Body16 as Body166 } from "@geowiki/design-system";
-import { jsx as jsx120, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Body16 as Body165 } from "@geowiki/design-system";
+import { jsx as jsx118, jsxs as jsxs97 } from "react/jsx-runtime";
 var GalleryCarouselOpen = ({
   list,
   currentPhoto,
@@ -9875,31 +9729,31 @@ var GalleryCarouselOpen = ({
       setDefaultText(foundPhoto.text);
     }
   }, [defaultPhoto, list]);
-  return /* @__PURE__ */ jsx120(Transition8.Root, { show: open, as: Fragment28, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs98(Dialog21, { as: "div", className: "relative z-10", onClose: setOpen, children: [
-    /* @__PURE__ */ jsx120(
-      Transition8.Child,
+  return /* @__PURE__ */ jsx118(Transition7.Root, { show: open, as: Fragment27, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs97(Dialog20, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+    /* @__PURE__ */ jsx118(
+      Transition7.Child,
       {
-        as: Fragment28,
+        as: Fragment27,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100",
         leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx120("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
+        children: /* @__PURE__ */ jsx118("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
       }
     ),
-    /* @__PURE__ */ jsx120(Dialog21.Panel, { className: "relative ", children: /* @__PURE__ */ jsxs98("div", { className: "fixed inset-0 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx120("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ jsxs98(
+    /* @__PURE__ */ jsx118(Dialog20.Panel, { className: "relative ", children: /* @__PURE__ */ jsxs97("div", { className: "fixed inset-0 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx118("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ jsxs97(
         "button",
         {
           type: "button",
           className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
           onClick: () => setOpen(false),
           children: [
-            /* @__PURE__ */ jsx120("span", { className: "sr-only", children: "Close" }),
-            /* @__PURE__ */ jsx120(
-              XMarkIcon7,
+            /* @__PURE__ */ jsx118("span", { className: "sr-only", children: "Close" }),
+            /* @__PURE__ */ jsx118(
+              XMarkIcon6,
               {
                 className: "h-4 w-4 lg:h-6 lg:w-6 text-white",
                 "aria-hidden": "true"
@@ -9908,18 +9762,18 @@ var GalleryCarouselOpen = ({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx120("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ jsxs98("div", { className: "flex justify-between w-full  ", children: [
-        /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsx118("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ jsxs97("div", { className: "flex justify-between w-full  ", children: [
+        /* @__PURE__ */ jsx118(
           "button",
           {
             type: "button",
             className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
             onClick: handlePrevious,
-            children: /* @__PURE__ */ jsx120(ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+            children: /* @__PURE__ */ jsx118(ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
           }
         ),
-        /* @__PURE__ */ jsxs98("div", { className: "w-full flex-col flex items-center justify-center", children: [
-          /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsxs97("div", { className: "w-full flex-col flex items-center justify-center", children: [
+          /* @__PURE__ */ jsx118(
             "img",
             {
               src: data,
@@ -9928,15 +9782,15 @@ var GalleryCarouselOpen = ({
               className: " h-4/6 w-auto py-4"
             }
           ),
-          /* @__PURE__ */ jsx120(Body166, { className: "z-40 text-white", children: text })
+          /* @__PURE__ */ jsx118(Body165, { className: "z-40 text-white", children: text })
         ] }),
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx118(
           "button",
           {
             type: "button",
             className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
             onClick: handleNext,
-            children: /* @__PURE__ */ jsx120(ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+            children: /* @__PURE__ */ jsx118(ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
           }
         )
       ] }) })
@@ -9946,7 +9800,7 @@ var GalleryCarouselOpen = ({
 
 // src/components/DesignElements/Gallery/GalleryItemList.tsx
 import { useState as useState45 } from "react";
-import { jsx as jsx121, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs98 } from "react/jsx-runtime";
 var GalleryItemList = ({ galleryItems }) => {
   const [open, setOpen] = useState45(false);
   const [selectedItemId, setSelectedItemId] = useState45("");
@@ -9954,20 +9808,20 @@ var GalleryItemList = ({ galleryItems }) => {
     setOpen(true);
     setSelectedItemId(id);
   };
-  return /* @__PURE__ */ jsxs99("div", { children: [
-    /* @__PURE__ */ jsxs99(Carousel5, { className: "w-full px-8", children: [
-      /* @__PURE__ */ jsx121(CarouselContent2, { className: "px-3", children: galleryItems.map((galleryItem, index) => /* @__PURE__ */ jsx121(CarouselItem2, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ jsx121("div", { className: "p-1", children: /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsxs98("div", { children: [
+    /* @__PURE__ */ jsxs98(Carousel5, { className: "w-full px-8", children: [
+      /* @__PURE__ */ jsx119(CarouselContent2, { className: "px-3", children: galleryItems.map((galleryItem, index) => /* @__PURE__ */ jsx119(CarouselItem2, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ jsx119("div", { className: "p-1", children: /* @__PURE__ */ jsx119(
         "div",
         {
           className: "flex aspect-square items-center justify-center cursor-pointer",
           onClick: () => handleOpenGallery(galleryItem.id),
-          children: /* @__PURE__ */ jsx121(GalleryItem, { text: galleryItem.text, id: galleryItem.id })
+          children: /* @__PURE__ */ jsx119(GalleryItem, { text: galleryItem.text, id: galleryItem.id })
         }
       ) }) }, index)) }),
-      /* @__PURE__ */ jsx121(CarouselPrevious2, {}),
-      /* @__PURE__ */ jsx121(CarouselNext2, {})
+      /* @__PURE__ */ jsx119(CarouselPrevious2, {}),
+      /* @__PURE__ */ jsx119(CarouselNext2, {})
     ] }),
-    /* @__PURE__ */ jsx121(
+    /* @__PURE__ */ jsx119(
       GalleryCarouselOpen,
       {
         currentPhoto: { imageId: selectedItemId },
@@ -9983,9 +9837,9 @@ var GalleryItemList = ({ galleryItems }) => {
 };
 
 // src/components/DesignElements/NewsArticle/NewsArticleList.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var NewsArticleList = ({ newsArticles }) => {
-  return /* @__PURE__ */ jsx122("div", { className: "px-0", children: /* @__PURE__ */ jsx122("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsArticles.map((newsArticle, index) => /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx120("div", { className: "px-0", children: /* @__PURE__ */ jsx120("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsArticles.map((newsArticle, index) => /* @__PURE__ */ jsx120(
     NewsArticle,
     {
       title: newsArticle.title,
@@ -10001,12 +9855,12 @@ var NewsArticleList = ({ newsArticles }) => {
 };
 
 // src/components/DesignElements/OpenPins/bioBlitzObservation.tsx
-import Image5 from "next/image";
-import { jsx as jsx123, jsxs as jsxs100 } from "react/jsx-runtime";
+import { Image as Image5 } from "@geowiki/core";
+import { jsx as jsx121, jsxs as jsxs99 } from "react/jsx-runtime";
 var BIO_BLITZ_LINK_COLOR = "#59AD31";
 var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
-  return /* @__PURE__ */ jsxs100("div", { className: "w-[230px] relative bg-white overflow-hidden rounded-3xl", children: [
-    bioBlitzObservation.path && /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsxs99("div", { className: "w-[230px] relative bg-white overflow-hidden rounded-3xl", children: [
+    bioBlitzObservation.path && /* @__PURE__ */ jsx121(
       Image5,
       {
         alt: "",
@@ -10016,14 +9870,14 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
         className: "w-[230px] h-[150px] rounded-tl-3xl rounded-tr-3xl object-cover"
       }
     ),
-    /* @__PURE__ */ jsxs100("div", { className: "p-4 space-y-1 whitespace-normal overflow-hidden break-words", children: [
-      /* @__PURE__ */ jsx123("div", { className: "text-lg font-medium leading-[130%]", children: bioBlitzObservation.title }),
-      /* @__PURE__ */ jsx123("div", { className: "text-base font-normal italic leading-[130%]", children: bioBlitzObservation.taxonomicName }),
-      /* @__PURE__ */ jsxs100("div", { className: "text-base font-normal leading-[130%]", children: [
+    /* @__PURE__ */ jsxs99("div", { className: "p-4 space-y-1 whitespace-normal overflow-hidden break-words", children: [
+      /* @__PURE__ */ jsx121("div", { className: "text-lg font-medium leading-[130%]", children: bioBlitzObservation.title }),
+      /* @__PURE__ */ jsx121("div", { className: "text-base font-normal italic leading-[130%]", children: bioBlitzObservation.taxonomicName }),
+      /* @__PURE__ */ jsxs99("div", { className: "text-base font-normal leading-[130%]", children: [
         "Observed on ",
         bioBlitzObservation.date
       ] }),
-      /* @__PURE__ */ jsx123(
+      /* @__PURE__ */ jsx121(
         "a",
         {
           href: bioBlitzObservation.link,
@@ -10039,21 +9893,21 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
 };
 
 // src/components/DesignElements/OpenPins/farmerClusterPins.tsx
-import { DesignButton as DesignButton15 } from "@geowiki/design-system";
+import { DesignButton as DesignButton14 } from "@geowiki/design-system";
 import { Body18m as Body18m6, Body14 as Body142 } from "@geowiki/design-system";
-import Image6 from "next/image";
-import Link21 from "next/link";
-import { jsx as jsx124, jsxs as jsxs101 } from "react/jsx-runtime";
+import { Image as Image6 } from "@geowiki/core";
+import { Link as Link20 } from "@geowiki/core";
+import { jsx as jsx122, jsxs as jsxs100 } from "react/jsx-runtime";
 var DesignFarmerClusterPin = ({
   farmerCluster,
   buttonText
 }) => {
-  return /* @__PURE__ */ jsxs101("div", { className: "flex-col flex w-[230px] justify-between items-start bg-white rounded-3xl lg:flex-row lg:h-[12.5rem] lg:w-[36rem]  lg:inline-flex lg:items-center", children: [
-    /* @__PURE__ */ jsxs101("div", { className: "flex-col gap-3 py-4 px-3 flex justify-center items-start lg:w-[22rem] lg:py-0 lg:px-6", children: [
-      /* @__PURE__ */ jsx124(Body18m6, { children: farmerCluster.title }),
-      /* @__PURE__ */ jsx124(Body142, { className: "line-clamp-3", children: farmerCluster.description }),
-      /* @__PURE__ */ jsx124(Link21, { href: farmerCluster.viewUrl, className: "internal-link ", children: /* @__PURE__ */ jsx124(
-        DesignButton15,
+  return /* @__PURE__ */ jsxs100("div", { className: "flex-col flex w-[230px] justify-between items-start bg-white rounded-3xl lg:flex-row lg:h-[12.5rem] lg:w-[36rem]  lg:inline-flex lg:items-center", children: [
+    /* @__PURE__ */ jsxs100("div", { className: "flex-col gap-3 py-4 px-3 flex justify-center items-start lg:w-[22rem] lg:py-0 lg:px-6", children: [
+      /* @__PURE__ */ jsx122(Body18m6, { children: farmerCluster.title }),
+      /* @__PURE__ */ jsx122(Body142, { className: "line-clamp-3", children: farmerCluster.description }),
+      /* @__PURE__ */ jsx122(Link20, { href: farmerCluster.viewUrl, className: "internal-link ", children: /* @__PURE__ */ jsx122(
+        DesignButton14,
         {
           variant: "internalLink",
           className: "h-auto p-0 text-base lg:p-0",
@@ -10061,7 +9915,7 @@ var DesignFarmerClusterPin = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx124("div", { className: "relative", children: /* @__PURE__ */ jsx124(
+    /* @__PURE__ */ jsx122("div", { className: "relative", children: /* @__PURE__ */ jsx122(
       Image6,
       {
         alt: "",
@@ -10076,28 +9930,28 @@ var DesignFarmerClusterPin = ({
 
 // src/components/DesignElements/HeadingTextBlocks/LandingTitleBodyButton.tsx
 import { LandingTitle, Body18 as Body186 } from "@geowiki/design-system";
-import { DesignButton as DesignButton16 } from "@geowiki/design-system";
-import Link22 from "next/link";
-import { jsx as jsx125, jsxs as jsxs102 } from "react/jsx-runtime";
+import { DesignButton as DesignButton15 } from "@geowiki/design-system";
+import { Link as Link21 } from "@geowiki/core";
+import { jsx as jsx123, jsxs as jsxs101 } from "react/jsx-runtime";
 var LandingTitleBodyButton = ({ title, textBody, button }) => {
   const isNeedParse = /<em>(.*?)<\/em>/g.test(title);
-  return /* @__PURE__ */ jsxs102("div", { className: "lg:container mx-auto max-w-3xl lg:max-w-5xl space-y-4 mt-3 lg:mt-12", children: [
-    isNeedParse && /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsxs101("div", { className: "lg:container mx-auto max-w-3xl lg:max-w-5xl space-y-4 mt-3 lg:mt-12", children: [
+    isNeedParse && /* @__PURE__ */ jsx123(
       HtmlView,
       {
         cssClass: "m-0",
         html: parseTitle(title, "LandingTitle")
       }
     ),
-    !isNeedParse && /* @__PURE__ */ jsx125(LandingTitle, { children: title }),
-    /* @__PURE__ */ jsx125(Body186, { children: textBody }),
-    button.text && button.link && /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
-      Link22,
+    !isNeedParse && /* @__PURE__ */ jsx123(LandingTitle, { children: title }),
+    /* @__PURE__ */ jsx123(Body186, { children: textBody }),
+    button.text && button.link && /* @__PURE__ */ jsx123("div", { children: /* @__PURE__ */ jsx123(
+      Link21,
       {
         href: button.link,
         target: button.isNewTab ? "_blank" : "_self",
         rel: "noreferrer",
-        children: /* @__PURE__ */ jsx125(DesignButton16, { children: button.text })
+        children: /* @__PURE__ */ jsx123(DesignButton15, { children: button.text })
       }
     ) })
   ] });
@@ -10105,11 +9959,11 @@ var LandingTitleBodyButton = ({ title, textBody, button }) => {
 
 // src/components/DesignElements/HeadingTextBlocks/H1BodyButton.tsx
 import { H1Design } from "@geowiki/design-system";
-import { DesignButton as DesignButton17 } from "@geowiki/design-system";
-import Link23 from "next/link";
+import { DesignButton as DesignButton16 } from "@geowiki/design-system";
+import { Link as Link22 } from "@geowiki/core";
 import { configStore as configStore2 } from "@geowiki/core";
 import parse2 from "html-react-parser";
-import { jsx as jsx126, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs102 } from "react/jsx-runtime";
 var HtmlView2 = (props) => {
   const options = {
     replace: (domNode) => {
@@ -10125,11 +9979,11 @@ var HtmlView2 = (props) => {
             data = data.replace(match, imageHtml);
           });
         }
-        return /* @__PURE__ */ jsx126("span", { children: parse2(data) });
+        return /* @__PURE__ */ jsx124("span", { children: parse2(data) });
       }
     }
   };
-  return /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs102(
     "div",
     {
       className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
@@ -10152,40 +10006,40 @@ var H1BodyButton = ({
     const modifiedText = text.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs102(
     "div",
     {
       className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
       "data-component-name": "H1BodyButton",
       children: [
-        /* @__PURE__ */ jsx126("div", { className: "hidden lg:block lg:w-1/4" }),
-        /* @__PURE__ */ jsxs103("div", { className: "w-full max-w-3xl lg:px-5", children: [
-          isNeedParse && /* @__PURE__ */ jsx126(HtmlView2, { cssClass: "m-0", html: parseTitle(title, "H1") }),
-          !isNeedParse && /* @__PURE__ */ jsxs103(H1Design, { children: [
+        /* @__PURE__ */ jsx124("div", { className: "hidden lg:block lg:w-1/4" }),
+        /* @__PURE__ */ jsxs102("div", { className: "w-full max-w-3xl lg:px-5", children: [
+          isNeedParse && /* @__PURE__ */ jsx124(HtmlView2, { cssClass: "m-0", html: parseTitle(title, "H1") }),
+          !isNeedParse && /* @__PURE__ */ jsxs102(H1Design, { children: [
             title,
             " "
           ] }),
-          textBody && /* @__PURE__ */ jsx126(
+          textBody && /* @__PURE__ */ jsx124(
             HtmlView2,
             {
               cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
               html: addLinksStyles(textBody)
             }
           ),
-          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx126("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ jsx126(
-            Link23,
+          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx124("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ jsx124(
+            Link22,
             {
               href: button.link,
               target: button.isNewTab ? "_blank" : "_self",
               rel: "noreferrer",
-              children: button.isNewTab ? /* @__PURE__ */ jsx126(
-                DesignButton17,
+              children: button.isNewTab ? /* @__PURE__ */ jsx124(
+                DesignButton16,
                 {
                   variant: "externalLink",
                   className: "h-auto p-0 lg:p-0",
                   children: button.text
                 }
-              ) : /* @__PURE__ */ jsx126(DesignButton17, { children: button.text })
+              ) : /* @__PURE__ */ jsx124(DesignButton16, { children: button.text })
             }
           ) })
         ] })
@@ -10196,9 +10050,9 @@ var H1BodyButton = ({
 
 // src/components/DesignElements/HeadingTextBlocks/H2BodyButton.tsx
 import { H2Design as H2Design2, Body18 as Body187 } from "@geowiki/design-system";
-import { DesignButton as DesignButton18 } from "@geowiki/design-system";
-import Link24 from "next/link";
-import { jsx as jsx127, jsxs as jsxs104 } from "react/jsx-runtime";
+import { DesignButton as DesignButton17 } from "@geowiki/design-system";
+import { Link as Link23 } from "@geowiki/core";
+import { jsx as jsx125, jsxs as jsxs103 } from "react/jsx-runtime";
 var H2BodyButton = ({
   title,
   textBody,
@@ -10213,42 +10067,42 @@ var H2BodyButton = ({
     const modifiedText = content.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs104(
+  return /* @__PURE__ */ jsxs103(
     "div",
     {
       className: `lg:container mx-auto flex flex-col lg:flex-row justify-between mt-6 lg:mt-20 ${bottomPadding && `lg:mb-${bottomPadding}`}`,
       children: [
-        /* @__PURE__ */ jsx127("div", { className: "flex flex-col lg:w-[15%]", children: /* @__PURE__ */ jsx127(Body187, { children: tag }) }),
-        /* @__PURE__ */ jsxs104("div", { className: "flex flex-col lg:w-[50%] space-y-4 lg:space-y-6 ", children: [
-          isNeedParse && /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx125("div", { className: "flex flex-col lg:w-[15%]", children: /* @__PURE__ */ jsx125(Body187, { children: tag }) }),
+        /* @__PURE__ */ jsxs103("div", { className: "flex flex-col lg:w-[50%] space-y-4 lg:space-y-6 ", children: [
+          isNeedParse && /* @__PURE__ */ jsx125(
             HtmlView,
             {
               cssClass: "m-0 pt-2 lg:pt-0",
               html: parseTitle(title, "H2")
             }
           ),
-          !isNeedParse && /* @__PURE__ */ jsxs104(H2Design2, { className: "pt-2 lg:pt-0", children: [
+          !isNeedParse && /* @__PURE__ */ jsxs103(H2Design2, { className: "pt-2 lg:pt-0", children: [
             title,
             " "
           ] }),
-          /* @__PURE__ */ jsx127(
+          /* @__PURE__ */ jsx125(
             HtmlView,
             {
               cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
               html: addLinksStyles(textBody)
             }
           ),
-          button.text && button.link && /* @__PURE__ */ jsx127("div", { children: /* @__PURE__ */ jsx127(
-            Link24,
+          button.text && button.link && /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
+            Link23,
             {
               href: button.link,
               target: button.isNewTab ? "_blank" : "_self",
               rel: "noreferrer",
-              children: /* @__PURE__ */ jsx127(DesignButton18, { children: button.text })
+              children: /* @__PURE__ */ jsx125(DesignButton17, { children: button.text })
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx127("div", { className: "hidden lg:w-[15%] lg:inline" })
+        /* @__PURE__ */ jsx125("div", { className: "hidden lg:w-[15%] lg:inline" })
       ]
     }
   );
@@ -10256,7 +10110,7 @@ var H2BodyButton = ({
 
 // src/components/DesignElements/HeadingTextBlocks/H1Body.tsx
 import { H1Design as H1Design2 } from "@geowiki/design-system";
-import { jsx as jsx128, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs104 } from "react/jsx-runtime";
 var H1Body = ({ title, textBody }) => {
   const addLinksStyles = (text) => {
     const textToAdd = " class='text-primary font-semibold'";
@@ -10264,12 +10118,12 @@ var H1Body = ({ title, textBody }) => {
     const modifiedText = text.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs105("div", { className: "space-y-6 pt-6 lg:pt-10", "data-component-name": "H1Body", children: [
-    /* @__PURE__ */ jsxs105(H1Design2, { children: [
+  return /* @__PURE__ */ jsxs104("div", { className: "space-y-6 pt-6 lg:pt-10", "data-component-name": "H1Body", children: [
+    /* @__PURE__ */ jsxs104(H1Design2, { children: [
       title,
       " "
     ] }),
-    /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx126(
       HtmlView,
       {
         cssClass: "m-0 text-base lg:text-lg leading-[130%]",
@@ -10281,7 +10135,7 @@ var H1Body = ({ title, textBody }) => {
 
 // src/components/DesignElements/HeadingTextBlocks/H7Body.tsx
 import { H7Design as H7Design2 } from "@geowiki/design-system";
-import { jsx as jsx129, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs105 } from "react/jsx-runtime";
 var H7Body = ({ title, textBody }) => {
   const addLinksStyles = (text) => {
     const textToAdd = " class='text-primary font-semibold'";
@@ -10289,12 +10143,12 @@ var H7Body = ({ title, textBody }) => {
     const modifiedText = text.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs106("div", { className: "space-y-4 pt-6 lg:pt-12", "data-component-name": "H7Body", children: [
-    /* @__PURE__ */ jsxs106(H7Design2, { children: [
+  return /* @__PURE__ */ jsxs105("div", { className: "space-y-4 pt-6 lg:pt-12", "data-component-name": "H7Body", children: [
+    /* @__PURE__ */ jsxs105(H7Design2, { children: [
       title,
       " "
     ] }),
-    /* @__PURE__ */ jsx129(
+    /* @__PURE__ */ jsx127(
       HtmlView,
       {
         cssClass: "m-0 text-grey text-sm lg:text-base leading-[130%] prose max-w-full",
@@ -10305,21 +10159,21 @@ var H7Body = ({ title, textBody }) => {
 };
 
 // src/components/DesignElements/HeadingTextBlocks/NewsHeading.tsx
-import { jsx as jsx130, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs106 } from "react/jsx-runtime";
 var NewsHeading = () => {
   const title = "Global <em>Newsfeed</em>";
   const textBody = "Stay up to date and follow the global discussion on the challenging interplay of biodiversity, agriculture, valuing nature and the essential services ecosystems provide us with, via reports, best practices and discussions in online media.";
-  return /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsxs106(
     "div",
     {
       className: "container mx-auto px-0 lg:px-[2rem] max-w-3xl mt-6 lg:mt-10",
       "data-component-name": "NewsHeading",
       children: [
-        /* @__PURE__ */ jsx130(HtmlView, { cssClass: "m-0", html: parseTitle(title, "H1") }),
-        /* @__PURE__ */ jsx130("div", { className: "pt-4 pb-4 text-base lg:text-lg leading-[130%] lg:pt-6", children: textBody }),
-        /* @__PURE__ */ jsxs107("label", { children: [
-          /* @__PURE__ */ jsx130("span", { className: " text-base italic lg:text-lg leading-[130%]", children: "Please consider the content disclaimer in our " }),
-          /* @__PURE__ */ jsx130(
+        /* @__PURE__ */ jsx128(HtmlView, { cssClass: "m-0", html: parseTitle(title, "H1") }),
+        /* @__PURE__ */ jsx128("div", { className: "pt-4 pb-4 text-base lg:text-lg leading-[130%] lg:pt-6", children: textBody }),
+        /* @__PURE__ */ jsxs106("label", { children: [
+          /* @__PURE__ */ jsx128("span", { className: " text-base italic lg:text-lg leading-[130%]", children: "Please consider the content disclaimer in our " }),
+          /* @__PURE__ */ jsx128(
             "a",
             {
               href: "/page/terms-of-use",
@@ -10327,7 +10181,7 @@ var NewsHeading = () => {
               children: "Terms of Use"
             }
           ),
-          /* @__PURE__ */ jsx130("span", { className: " text-base italic lg:text-lg leading-[130%]", children: " regarding third party apps and websites" })
+          /* @__PURE__ */ jsx128("span", { className: " text-base italic lg:text-lg leading-[130%]", children: " regarding third party apps and websites" })
         ] })
       ]
     }
@@ -10336,9 +10190,9 @@ var NewsHeading = () => {
 
 // src/components/DesignElements/TextBlocks/subtitle-h3-body.tsx
 import { H3Design as H3Design2, Body18 as Body188 } from "@geowiki/design-system";
-import { DesignButton as DesignButton19 } from "@geowiki/design-system";
-import Link25 from "next/link";
-import { jsx as jsx131, jsxs as jsxs108 } from "react/jsx-runtime";
+import { DesignButton as DesignButton18 } from "@geowiki/design-system";
+import { Link as Link24 } from "@geowiki/core";
+import { jsx as jsx129, jsxs as jsxs107 } from "react/jsx-runtime";
 var SubtitleH3Body = ({
   title,
   subtitle,
@@ -10353,19 +10207,19 @@ var SubtitleH3Body = ({
     const modifiedText = content2.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs108(
+  return /* @__PURE__ */ jsxs107(
     "div",
     {
       className: `${backgroundColor ? backgroundColor : "bg-grey-lightest"} mt-6 rounded-xl lg:mt-10 `,
       "data-component": "SubtitleH3Body",
       id: "FRAMEwork",
       children: [
-        /* @__PURE__ */ jsx131("a", { href: "#FRAMEwork" }),
-        /* @__PURE__ */ jsxs108("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between px-5 py-6 text-lg rounded-xl max-md:px-5 lg:px-12 lg:py-20", children: [
-          /* @__PURE__ */ jsx131("div", { className: "flex flex-col lg:w-[15%] ", children: /* @__PURE__ */ jsx131(Body188, { children: subtitle }) }),
-          /* @__PURE__ */ jsx131("div", { className: "flex flex-col lg:w-[50%] ", children: /* @__PURE__ */ jsxs108("div", { className: "flex flex-col leading-6 text-gray-900 max-md:max-w-full", children: [
-            /* @__PURE__ */ jsx131(H3Design2, { className: "pt-2 lg:pt-0", children: title }),
-            /* @__PURE__ */ jsx131(
+        /* @__PURE__ */ jsx129("a", { href: "#FRAMEwork" }),
+        /* @__PURE__ */ jsxs107("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between px-5 py-6 text-lg rounded-xl max-md:px-5 lg:px-12 lg:py-20", children: [
+          /* @__PURE__ */ jsx129("div", { className: "flex flex-col lg:w-[15%] ", children: /* @__PURE__ */ jsx129(Body188, { children: subtitle }) }),
+          /* @__PURE__ */ jsx129("div", { className: "flex flex-col lg:w-[50%] ", children: /* @__PURE__ */ jsxs107("div", { className: "flex flex-col leading-6 text-gray-900 max-md:max-w-full", children: [
+            /* @__PURE__ */ jsx129(H3Design2, { className: "pt-2 lg:pt-0", children: title }),
+            /* @__PURE__ */ jsx129(
               HtmlView,
               {
                 cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
@@ -10373,14 +10227,14 @@ var SubtitleH3Body = ({
                 html: addLinksStyles(content)
               }
             ),
-            (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx131(
-              Link25,
+            (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx129(
+              Link24,
               {
                 href: button.link,
                 target: button.isNewTab ? "_blank" : "_self",
                 rel: "noreferrer",
-                children: /* @__PURE__ */ jsx131(
-                  DesignButton19,
+                children: /* @__PURE__ */ jsx129(
+                  DesignButton18,
                   {
                     variant: "externalLink",
                     className: "h-auto p-0 flex self-start mt-6 lg:mt-10 font-medium lg:p-0",
@@ -10390,7 +10244,7 @@ var SubtitleH3Body = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx131("div", { className: "hidden lg:w-[15%] lg:inline" })
+          /* @__PURE__ */ jsx129("div", { className: "hidden lg:w-[15%] lg:inline" })
         ] })
       ]
     }
@@ -10399,7 +10253,7 @@ var SubtitleH3Body = ({
 
 // src/components/DesignElements/TextBlocks/subtitle-h3-body-internal-link-list.tsx
 import { H3Design as H3Design3, Body18 as Body189 } from "@geowiki/design-system";
-import { jsx as jsx132, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs108 } from "react/jsx-runtime";
 var SubtitleH3BodyInternalLinkList = ({
   title,
   subtitle,
@@ -10416,28 +10270,28 @@ var SubtitleH3BodyInternalLinkList = ({
     const modifiedText = decodedContent == null ? void 0 : decodedContent.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs109(
+  return /* @__PURE__ */ jsxs108(
     "div",
     {
       "data-component": "SubtitleH3BodyInternalLinkList",
       className: "mt-6 lg:mt-10 bg-primary rounded-xl",
       id: "our-resources",
       children: [
-        /* @__PURE__ */ jsx132("a", { href: "#our-resources" }),
-        /* @__PURE__ */ jsxs109("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:px-12 lg:py-20 px-5 py-6", children: [
-          /* @__PURE__ */ jsx132("div", { className: "flex flex-col lg:w-[15%] max-md:ml-0 max-md:w-full text-white", children: /* @__PURE__ */ jsx132(Body189, { children: subtitle }) }),
-          /* @__PURE__ */ jsx132("div", { className: "flex flex-col lg:w-[50%]", children: /* @__PURE__ */ jsxs109("div", { className: "flex flex-col grow text-white max-md:mt-2 max-md:max-w-full", children: [
-            /* @__PURE__ */ jsx132(H3Design3, { children: title }),
-            /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx130("a", { href: "#our-resources" }),
+        /* @__PURE__ */ jsxs108("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:px-12 lg:py-20 px-5 py-6", children: [
+          /* @__PURE__ */ jsx130("div", { className: "flex flex-col lg:w-[15%] max-md:ml-0 max-md:w-full text-white", children: /* @__PURE__ */ jsx130(Body189, { children: subtitle }) }),
+          /* @__PURE__ */ jsx130("div", { className: "flex flex-col lg:w-[50%]", children: /* @__PURE__ */ jsxs108("div", { className: "flex flex-col grow text-white max-md:mt-2 max-md:max-w-full", children: [
+            /* @__PURE__ */ jsx130(H3Design3, { children: title }),
+            /* @__PURE__ */ jsx130(
               HtmlView,
               {
                 cssClass: "pt-4 pb-2 lg:pt-6 lg:pb-4 text-[.9375rem] text-white lg:text-lg leading-[130%] prose",
                 html: addLinksStyles(textBody)
               }
             ),
-            /* @__PURE__ */ jsx132(DesignListLink, { links, fillColor: "fill-white" })
+            /* @__PURE__ */ jsx130(DesignListLink, { links, fillColor: "fill-white" })
           ] }) }),
-          /* @__PURE__ */ jsx132("div", { className: "hidden lg:w-[15%] lg:inline" })
+          /* @__PURE__ */ jsx130("div", { className: "hidden lg:w-[15%] lg:inline" })
         ] })
       ]
     }
@@ -10446,7 +10300,7 @@ var SubtitleH3BodyInternalLinkList = ({
 
 // src/components/DesignElements/TextBlocks/subtitle-h3-faq.tsx
 import { H3Design as H3Design4, Body18 as Body1810 } from "@geowiki/design-system";
-import { jsx as jsx133, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs109 } from "react/jsx-runtime";
 var SubtitleH3Faq = ({
   title,
   subtitle,
@@ -10454,25 +10308,25 @@ var SubtitleH3Faq = ({
   faqs,
   backgroundColor
 }) => {
-  return /* @__PURE__ */ jsxs110("div", { id: "faq", children: [
-    /* @__PURE__ */ jsx133("a", { href: "#faq" }),
-    /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsxs109("div", { id: "faq", children: [
+    /* @__PURE__ */ jsx131("a", { href: "#faq" }),
+    /* @__PURE__ */ jsx131(
       "div",
       {
         className: `${backgroundColor} rounded-xl `,
         "data-component": "SubtitleH3Faq",
-        children: /* @__PURE__ */ jsxs110(
+        children: /* @__PURE__ */ jsxs109(
           "div",
           {
             className: `container mx-auto flex flex-col lg:flex-row justify-between py-6 lg:px-12 lg:pt-20 lg:pb-14 lg:mt-10 ${backgroundColor === "" ? "px-0 mt-2" : " px-5 mt-6 "}`,
             children: [
-              /* @__PURE__ */ jsx133(Body1810, { className: "w-[15%] pb-2 lg:pb-0", children: subtitle }),
-              /* @__PURE__ */ jsxs110("div", { className: "lg:w-[50%]", children: [
-                /* @__PURE__ */ jsx133(H3Design4, { className: "pb-4", children: title }),
-                /* @__PURE__ */ jsx133(Body1810, { children: description }),
-                faqs && /* @__PURE__ */ jsx133(FAQ, { faqs, backgroundColor })
+              /* @__PURE__ */ jsx131(Body1810, { className: "w-[15%] pb-2 lg:pb-0", children: subtitle }),
+              /* @__PURE__ */ jsxs109("div", { className: "lg:w-[50%]", children: [
+                /* @__PURE__ */ jsx131(H3Design4, { className: "pb-4", children: title }),
+                /* @__PURE__ */ jsx131(Body1810, { children: description }),
+                faqs && /* @__PURE__ */ jsx131(FAQ, { faqs, backgroundColor })
               ] }),
-              /* @__PURE__ */ jsx133("div", { className: "hidden lg:w-[15%] lg:inline" })
+              /* @__PURE__ */ jsx131("div", { className: "hidden lg:w-[15%] lg:inline" })
             ]
           }
         )
@@ -10485,9 +10339,9 @@ var SubtitleH3Faq = ({
 import { H3Design as H3Design5, Body18 as Body1811 } from "@geowiki/design-system";
 import { useClusters, useCountries as useCountries2 } from "@geowiki/core";
 import { v4 as v417 } from "uuid";
-import { DesignButton as DesignButton20 } from "@geowiki/design-system";
-import Link26 from "next/link";
-import { jsx as jsx134, jsxs as jsxs111 } from "react/jsx-runtime";
+import { DesignButton as DesignButton19 } from "@geowiki/design-system";
+import { Link as Link25 } from "@geowiki/core";
+import { jsx as jsx132, jsxs as jsxs110 } from "react/jsx-runtime";
 var SubtitleH3Cluster4Column = ({
   title,
   subtitle,
@@ -10501,24 +10355,23 @@ var SubtitleH3Cluster4Column = ({
     4
   );
   const { data: countries, isLoading: isCountriesLoading } = useCountries2();
-  if (isClusterLoading || isCountriesLoading)
-    return /* @__PURE__ */ jsx134("div", { children: "Loading..." });
-  return /* @__PURE__ */ jsxs111(
+  if (isClusterLoading || isCountriesLoading) return /* @__PURE__ */ jsx132("div", { children: "Loading..." });
+  return /* @__PURE__ */ jsxs110(
     "div",
     {
       className: "lg:container mx-auto space-y-6 rounded-xl mt-6 lg:mt-20 lg:space-y-12",
       "data-component": "SubtitleH3Cluster4Column",
       children: [
-        /* @__PURE__ */ jsxs111("div", { className: "lg:flex lg:justify-between items-start", children: [
-          /* @__PURE__ */ jsx134(Body1811, { children: subtitle }),
-          /* @__PURE__ */ jsx134(H3Design5, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
-          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx134(
-            DesignButton20,
+        /* @__PURE__ */ jsxs110("div", { className: "lg:flex lg:justify-between items-start", children: [
+          /* @__PURE__ */ jsx132(Body1811, { children: subtitle }),
+          /* @__PURE__ */ jsx132(H3Design5, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
+          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx132(
+            DesignButton19,
             {
               variant: "internalLink",
               className: "h-auto p-0 text-base lg:p-0",
-              children: /* @__PURE__ */ jsx134(
-                Link26,
+              children: /* @__PURE__ */ jsx132(
+                Link25,
                 {
                   href: button.link,
                   target: button.isNewTab ? "_blank" : "_self",
@@ -10529,7 +10382,7 @@ var SubtitleH3Cluster4Column = ({
             }
           )
         ] }),
-        (clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */ jsx134(
+        (clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */ jsx132(
           ClusterList,
           {
             clusters: (_a = clusters == null ? void 0 : clusters.items) == null ? void 0 : _a.map((cluster) => {
@@ -10554,9 +10407,9 @@ var SubtitleH3Cluster4Column = ({
 import { H3Design as H3Design6, Body18 as Body1812 } from "@geowiki/design-system";
 import { useNewsFromAllClusters as useNewsFromAllClusters2 } from "@geowiki/core";
 import { v4 as v418 } from "uuid";
-import { DesignButton as DesignButton21 } from "@geowiki/design-system";
-import Link27 from "next/link";
-import { jsx as jsx135, jsxs as jsxs112 } from "react/jsx-runtime";
+import { DesignButton as DesignButton20 } from "@geowiki/design-system";
+import { Link as Link26 } from "@geowiki/core";
+import { jsx as jsx133, jsxs as jsxs111 } from "react/jsx-runtime";
 var SubtitleH3ClusterNews3Column = ({
   title,
   subtitle,
@@ -10577,24 +10430,24 @@ var SubtitleH3ClusterNews3Column = ({
     };
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsx135("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx133("div", { children: "Loading..." });
   }
-  return /* @__PURE__ */ jsxs112(
+  return /* @__PURE__ */ jsxs111(
     "div",
     {
       className: "lg:container mx-auto space-y-4 rounded-xl mt-6 lg:mt-20 lg:space-y-14",
       "data-component": "SubtitleH3Cluster4Column",
       children: [
-        /* @__PURE__ */ jsxs112("div", { className: "lg:flex lg:justify-between items-start", children: [
-          /* @__PURE__ */ jsx135(Body1812, { children: subtitle }),
-          /* @__PURE__ */ jsx135(H3Design6, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
-          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx135(
-            DesignButton21,
+        /* @__PURE__ */ jsxs111("div", { className: "lg:flex lg:justify-between items-start", children: [
+          /* @__PURE__ */ jsx133(Body1812, { children: subtitle }),
+          /* @__PURE__ */ jsx133(H3Design6, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
+          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx133(
+            DesignButton20,
             {
               variant: "internalLink",
               className: "h-auto p-0 text-base lg:p-0",
-              children: /* @__PURE__ */ jsx135(
-                Link27,
+              children: /* @__PURE__ */ jsx133(
+                Link26,
                 {
                   href: button.link,
                   target: button.isNewTab ? "_blank" : "_self",
@@ -10605,7 +10458,7 @@ var SubtitleH3ClusterNews3Column = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx135(ClusterNewsList, { clusterNewsItems })
+        /* @__PURE__ */ jsx133(ClusterNewsList, { clusterNewsItems })
       ]
     }
   );
@@ -10613,10 +10466,10 @@ var SubtitleH3ClusterNews3Column = ({
 
 // src/components/DesignElements/TextBlocks/subtitle-h2-body-video.tsx
 import { H2Design as H2Design3 } from "@geowiki/design-system";
-import { DesignButton as DesignButton22 } from "@geowiki/design-system";
-import Link28 from "next/link";
-import dynamic3 from "next/dynamic";
-import { jsx as jsx136, jsxs as jsxs113 } from "react/jsx-runtime";
+import { DesignButton as DesignButton21 } from "@geowiki/design-system";
+import { Link as Link27 } from "@geowiki/core";
+import { dynamic as dynamic3 } from "@geowiki/core";
+import { jsx as jsx134, jsxs as jsxs112 } from "react/jsx-runtime";
 var ReactPlayer = dynamic3(() => import("react-player"), { ssr: false });
 var SubtitleH2BodyVideo = ({
   title,
@@ -10630,29 +10483,29 @@ var SubtitleH2BodyVideo = ({
     const modifiedText = content2.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx134(
     "div",
     {
       className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10",
       "data-component": "SubtitleH2BodyVideo",
-      children: /* @__PURE__ */ jsxs113("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:items-center px-5 py-6 text-lg rounded-xl lg:px-12 lg:py-20 lg:space-x-10", children: [
-        /* @__PURE__ */ jsxs113("div", { className: "flex flex-col leading-6 lg:w-[40%] ", children: [
-          /* @__PURE__ */ jsx136(H2Design3, { className: "pt-2 lg:pt-0", children: title }),
-          /* @__PURE__ */ jsx136(
+      children: /* @__PURE__ */ jsxs112("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:items-center px-5 py-6 text-lg rounded-xl lg:px-12 lg:py-20 lg:space-x-10", children: [
+        /* @__PURE__ */ jsxs112("div", { className: "flex flex-col leading-6 lg:w-[40%] ", children: [
+          /* @__PURE__ */ jsx134(H2Design3, { className: "pt-2 lg:pt-0", children: title }),
+          /* @__PURE__ */ jsx134(
             HtmlView,
             {
               cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
               html: addLinksStyles(content)
             }
           ),
-          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx136(
-            Link28,
+          (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx134(
+            Link27,
             {
               href: button.link,
               target: button.isNewTab ? "_blank" : "_self",
               rel: "noreferrer",
-              children: /* @__PURE__ */ jsx136(
-                DesignButton22,
+              children: /* @__PURE__ */ jsx134(
+                DesignButton21,
                 {
                   variant: "externalLink",
                   className: "h-auto p-0 flex self-start mt-3 lg:mt-6 font-medium lg:p-0",
@@ -10662,7 +10515,7 @@ var SubtitleH2BodyVideo = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx136("div", { className: "pt-5 lg:pt-0 lg:w-[50%]", children: /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx134("div", { className: "pt-5 lg:pt-0 lg:w-[50%]", children: /* @__PURE__ */ jsx134(
           ReactPlayer,
           {
             url: videoLink,
@@ -10678,9 +10531,9 @@ var SubtitleH2BodyVideo = ({
 
 // src/components/DesignElements/TextBlocks/image-left-h3-body.tsx
 import { H3Design as H3Design7 } from "@geowiki/design-system";
-import { DesignButton as DesignButton23 } from "@geowiki/design-system";
-import Link29 from "next/link";
-import { jsx as jsx137, jsxs as jsxs114 } from "react/jsx-runtime";
+import { DesignButton as DesignButton22 } from "@geowiki/design-system";
+import { Link as Link28 } from "@geowiki/core";
+import { jsx as jsx135, jsxs as jsxs113 } from "react/jsx-runtime";
 var ImageLeftH3BodyLink = ({
   title,
   content,
@@ -10693,8 +10546,8 @@ var ImageLeftH3BodyLink = ({
     const modifiedText = content2.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsx137("div", { className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10 ", children: /* @__PURE__ */ jsxs114("div", { className: "container mx-auto flex flex-col lg:flex-row px-5 py-6 lg:h-[525px] lg:py-12 lg:px-9 ", children: [
-    /* @__PURE__ */ jsx137("div", { className: " hidden lg:block lg:w-1/2 ", children: /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx135("div", { className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10 ", children: /* @__PURE__ */ jsxs113("div", { className: "container mx-auto flex flex-col lg:flex-row px-5 py-6 lg:h-[525px] lg:py-12 lg:px-9 ", children: [
+    /* @__PURE__ */ jsx135("div", { className: " hidden lg:block lg:w-1/2 ", children: /* @__PURE__ */ jsx135(
       CmsImage,
       {
         src: path,
@@ -10704,23 +10557,23 @@ var ImageLeftH3BodyLink = ({
         className: "rounded-xl object-cover  w-[498px] h-[429px]"
       }
     ) }),
-    /* @__PURE__ */ jsxs114("div", { className: "w-full lg:w-1/2 lg: max-w-[546px] h-full flex flex-col justify-center", children: [
-      /* @__PURE__ */ jsx137(H3Design7, { className: "pt-2 lg:pt-0", children: title }),
-      /* @__PURE__ */ jsx137(
+    /* @__PURE__ */ jsxs113("div", { className: "w-full lg:w-1/2 lg: max-w-[546px] h-full flex flex-col justify-center", children: [
+      /* @__PURE__ */ jsx135(H3Design7, { className: "pt-2 lg:pt-0", children: title }),
+      /* @__PURE__ */ jsx135(
         HtmlView,
         {
           cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] ",
           html: addLinksStyles(content)
         }
       ),
-      (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx137(
-        Link29,
+      (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx135(
+        Link28,
         {
           href: button.link,
           target: button.isNewTab ? "_blank" : "_self",
           rel: "noreferrer",
-          children: /* @__PURE__ */ jsx137(
-            DesignButton23,
+          children: /* @__PURE__ */ jsx135(
+            DesignButton22,
             {
               variant: "externalLink",
               className: "h-auto p-0 flex self-start mt-4 lg:mt-10 font-medium lg:p-0 ",
@@ -10730,7 +10583,7 @@ var ImageLeftH3BodyLink = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx137("div", { className: "w-full pt-6 lg:hidden ", children: /* @__PURE__ */ jsx137(
+    /* @__PURE__ */ jsx135("div", { className: "w-full pt-6 lg:hidden ", children: /* @__PURE__ */ jsx135(
       CmsImage,
       {
         src: path,
@@ -10745,23 +10598,23 @@ var ImageLeftH3BodyLink = ({
 
 // src/components/DesignElements/LandingPage/NewsfeedPreview.tsx
 import { H3Design as H3Design8 } from "@geowiki/design-system";
-import { DesignButton as DesignButton24 } from "@geowiki/design-system";
-import Link30 from "next/link";
-import { jsx as jsx138, jsxs as jsxs115 } from "react/jsx-runtime";
+import { DesignButton as DesignButton23 } from "@geowiki/design-system";
+import { Link as Link29 } from "@geowiki/core";
+import { jsx as jsx136, jsxs as jsxs114 } from "react/jsx-runtime";
 var NewsfeedPreview = ({ newsArticleData }) => {
-  return /* @__PURE__ */ jsxs115("div", { className: "lg:container mx-auto space-y-6 mt-8 lg:space-y-10 lg:mt-12", children: [
-    /* @__PURE__ */ jsxs115("div", { className: "flex justify-between items-start", children: [
-      /* @__PURE__ */ jsx138(H3Design8, { children: "Global Newsfeed" }),
-      /* @__PURE__ */ jsx138(
-        DesignButton24,
+  return /* @__PURE__ */ jsxs114("div", { className: "lg:container mx-auto space-y-6 mt-8 lg:space-y-10 lg:mt-12", children: [
+    /* @__PURE__ */ jsxs114("div", { className: "flex justify-between items-start", children: [
+      /* @__PURE__ */ jsx136(H3Design8, { children: "Global Newsfeed" }),
+      /* @__PURE__ */ jsx136(
+        DesignButton23,
         {
           variant: "internalLink",
           className: "h-auto pb-0 px-0 lg:pb-0 lg:px-0",
-          children: /* @__PURE__ */ jsx138(Link30, { href: "/news", children: "View all" })
+          children: /* @__PURE__ */ jsx136(Link29, { href: "/news", children: "View all" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx138(
+    /* @__PURE__ */ jsx136(
       NewsArticleList,
       {
         pageSize: 4,
@@ -10773,13 +10626,13 @@ var NewsfeedPreview = ({ newsArticleData }) => {
 
 // src/components/DesignElements/Hero/HeroImageLeft.tsx
 import { Body18 as Body1813 } from "@geowiki/design-system";
-import { jsx as jsx139, jsxs as jsxs116 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs115 } from "react/jsx-runtime";
 var HeroImageLeft = (props) => {
-  return /* @__PURE__ */ jsxs116("div", { id: "recodo", children: [
-    /* @__PURE__ */ jsx139("a", { href: "#recodo" }),
-    /* @__PURE__ */ jsx139("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs116("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
-      /* @__PURE__ */ jsxs116("div", { className: "flex flex-col self-stretch lg:hidden", children: [
-        /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsxs115("div", { id: "recodo", children: [
+    /* @__PURE__ */ jsx137("a", { href: "#recodo" }),
+    /* @__PURE__ */ jsx137("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs115("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
+      /* @__PURE__ */ jsxs115("div", { className: "flex flex-col self-stretch lg:hidden", children: [
+        /* @__PURE__ */ jsx137(
           CmsImage,
           {
             src: props.logoPath,
@@ -10789,9 +10642,9 @@ var HeroImageLeft = (props) => {
             className: ""
           }
         ),
-        /* @__PURE__ */ jsx139(Body1813, { className: "py-6 max-md:max-w-full", children: props.text })
+        /* @__PURE__ */ jsx137(Body1813, { className: "py-6 max-md:max-w-full", children: props.text })
       ] }),
-      /* @__PURE__ */ jsx139("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx137("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx137(
         CmsImage,
         {
           src: props.path,
@@ -10799,8 +10652,8 @@ var HeroImageLeft = (props) => {
           className: "inset-0 w-full h-full object-cover rounded-xl "
         }
       ) }),
-      /* @__PURE__ */ jsx139("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:ml-5 lg:w-[50%] lg:min-h-[784px] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs116("div", { className: "flex flex-col self-stretch px-5 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
-        /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx137("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:ml-5 lg:w-[50%] lg:min-h-[784px] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs115("div", { className: "flex flex-col self-stretch px-5 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
+        /* @__PURE__ */ jsx137(
           CmsImage,
           {
             src: props.logoPath,
@@ -10810,24 +10663,24 @@ var HeroImageLeft = (props) => {
             className: ""
           }
         ),
-        /* @__PURE__ */ jsx139(Body1813, { className: "mt-7 max-md:max-w-full", children: props.text })
+        /* @__PURE__ */ jsx137(Body1813, { className: "mt-7 max-md:max-w-full", children: props.text })
       ] }) })
     ] }) })
   ] });
 };
 
 // src/components/DesignElements/Hero/HeroImageRight.tsx
-import { jsx as jsx140, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs116 } from "react/jsx-runtime";
 var HeroImageRight = (props) => {
-  return /* @__PURE__ */ jsx140("div", { className: " lg:mt-10", children: /* @__PURE__ */ jsx140("div", { className: "justify-end", children: /* @__PURE__ */ jsxs117("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
-    /* @__PURE__ */ jsx140("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx140("div", { className: "flex flex-col self-stretch lg:px-5  my-auto  max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx138("div", { className: " lg:mt-10", children: /* @__PURE__ */ jsx138("div", { className: "justify-end", children: /* @__PURE__ */ jsxs116("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
+    /* @__PURE__ */ jsx138("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx138("div", { className: "flex flex-col self-stretch lg:px-5  my-auto  max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ jsx138(
       H1BodyButton,
       {
         title: props.title,
         textBody: props.description
       }
     ) }) }),
-    /* @__PURE__ */ jsx140("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx140("div", { className: "flex overflow-hidden relative min-h-[430px] flex-col grow justify-center lg:min-h-[784px] max-md:mt-6 max-md:max-w-full", children: /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx138("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx138("div", { className: "flex overflow-hidden relative min-h-[430px] flex-col grow justify-center lg:min-h-[784px] max-md:mt-6 max-md:max-w-full", children: /* @__PURE__ */ jsx138(
       CmsImage,
       {
         src: props.path,
@@ -10839,9 +10692,9 @@ var HeroImageRight = (props) => {
 
 // src/components/DesignElements/Hero/ImageLeftH3Body.tsx
 import { H3Design as H3Design9 } from "@geowiki/design-system";
-import { DesignButton as DesignButton25 } from "@geowiki/design-system";
-import Link31 from "next/link";
-import { jsx as jsx141, jsxs as jsxs118 } from "react/jsx-runtime";
+import { DesignButton as DesignButton24 } from "@geowiki/design-system";
+import { Link as Link30 } from "@geowiki/core";
+import { jsx as jsx139, jsxs as jsxs117 } from "react/jsx-runtime";
 var ImageLefttH3Body = (props) => {
   var _a, _b, _c, _d;
   const addLinksStyles = (content) => {
@@ -10850,24 +10703,24 @@ var ImageLefttH3Body = (props) => {
     const modifiedText = content.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsx141("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs118("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
-    /* @__PURE__ */ jsxs118("div", { className: "flex flex-col self-stretch lg:hidden", children: [
-      /* @__PURE__ */ jsx141(H3Design9, { children: props.title }),
-      props.text && /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx139("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs117("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
+    /* @__PURE__ */ jsxs117("div", { className: "flex flex-col self-stretch lg:hidden", children: [
+      /* @__PURE__ */ jsx139(H3Design9, { children: props.title }),
+      props.text && /* @__PURE__ */ jsx139(
         HtmlView,
         {
           cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
           html: addLinksStyles(props.text)
         }
       ),
-      ((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ jsx141(
-        Link31,
+      ((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ jsx139(
+        Link30,
         {
           href: props.button.link,
           target: props.button.isNewTab ? "_blank" : "_self",
           rel: "noreferrer",
-          children: /* @__PURE__ */ jsx141(
-            DesignButton25,
+          children: /* @__PURE__ */ jsx139(
+            DesignButton24,
             {
               variant: props.button.isNewTab ? "externalLink" : "internalLink",
               className: "h-auto p-0 flex self-start my-4 lg:mt-6 font-medium lg:p-0",
@@ -10877,7 +10730,7 @@ var ImageLefttH3Body = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx141("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx141(
+    /* @__PURE__ */ jsx139("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx139(
       CmsImage,
       {
         src: props.imagePath,
@@ -10885,23 +10738,23 @@ var ImageLefttH3Body = (props) => {
         className: "inset-0 w-full h-full object-cover rounded-xl "
       }
     ) }),
-    /* @__PURE__ */ jsx141("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:justify-center lg:ml-10 lg:w-[50%]  max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs118("div", { className: "flex flex-col self-stretch px-28 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
-      /* @__PURE__ */ jsx141(H3Design9, { children: props.title }),
-      props.text && /* @__PURE__ */ jsx141(
+    /* @__PURE__ */ jsx139("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:justify-center lg:ml-10 lg:w-[50%]  max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs117("div", { className: "flex flex-col self-stretch px-28 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
+      /* @__PURE__ */ jsx139(H3Design9, { children: props.title }),
+      props.text && /* @__PURE__ */ jsx139(
         HtmlView,
         {
           cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
           html: addLinksStyles(props.text)
         }
       ),
-      ((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */ jsx141(
-        Link31,
+      ((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */ jsx139(
+        Link30,
         {
           href: props.button.link,
           target: props.button.isNewTab ? "_blank" : "_self",
           rel: "noreferrer",
-          children: /* @__PURE__ */ jsx141(
-            DesignButton25,
+          children: /* @__PURE__ */ jsx139(
+            DesignButton24,
             {
               variant: props.button.isNewTab ? "externalLink" : "internalLink",
               className: "h-auto p-0 flex self-start mt-4 lg:mt-6 font-medium lg:p-0",
@@ -10920,10 +10773,10 @@ import { useState as useState46 } from "react";
 // src/components/DesignElements/KeyValuePair.tsx
 import { DesignInput as DesignInput3 } from "@geowiki/design-system";
 import { useForm as useForm17 } from "react-hook-form";
-import { jsx as jsx142, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs118 } from "react/jsx-runtime";
 var KeyValuePair = (props) => {
   const { register } = useForm17();
-  return /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsx140(
     "div",
     {
       style: {
@@ -10936,7 +10789,7 @@ var KeyValuePair = (props) => {
         gap: 16,
         display: "inline-flex"
       },
-      children: /* @__PURE__ */ jsxs119(
+      children: /* @__PURE__ */ jsxs118(
         "div",
         {
           style: {
@@ -10946,7 +10799,7 @@ var KeyValuePair = (props) => {
             display: "inline-flex"
           },
           children: [
-            /* @__PURE__ */ jsx142(
+            /* @__PURE__ */ jsx140(
               "div",
               {
                 style: {
@@ -10958,7 +10811,7 @@ var KeyValuePair = (props) => {
                   gap: 8,
                   display: "inline-flex"
                 },
-                children: /* @__PURE__ */ jsx142(
+                children: /* @__PURE__ */ jsx140(
                   "div",
                   {
                     style: {
@@ -10971,7 +10824,7 @@ var KeyValuePair = (props) => {
                       alignItems: "center",
                       display: "inline-flex"
                     },
-                    children: /* @__PURE__ */ jsx142(
+                    children: /* @__PURE__ */ jsx140(
                       DesignInput3,
                       __spreadProps(__spreadValues({
                         placeholder: props.keyName,
@@ -10990,7 +10843,7 @@ var KeyValuePair = (props) => {
                 )
               }
             ),
-            /* @__PURE__ */ jsx142(
+            /* @__PURE__ */ jsx140(
               "div",
               {
                 style: {
@@ -11002,7 +10855,7 @@ var KeyValuePair = (props) => {
                   gap: 8,
                   display: "inline-flex"
                 },
-                children: /* @__PURE__ */ jsx142(
+                children: /* @__PURE__ */ jsx140(
                   "div",
                   {
                     style: {
@@ -11014,7 +10867,7 @@ var KeyValuePair = (props) => {
                       gap: 8,
                       display: "flex"
                     },
-                    children: /* @__PURE__ */ jsx142(
+                    children: /* @__PURE__ */ jsx140(
                       "div",
                       {
                         style: {
@@ -11027,7 +10880,7 @@ var KeyValuePair = (props) => {
                           alignItems: "center",
                           display: "inline-flex"
                         },
-                        children: /* @__PURE__ */ jsx142(
+                        children: /* @__PURE__ */ jsx140(
                           DesignInput3,
                           __spreadProps(__spreadValues({
                             placeholder: props.valueName,
@@ -11056,7 +10909,7 @@ var KeyValuePair = (props) => {
 };
 
 // src/components/DesignElements/KeyValuePairList.tsx
-import { jsx as jsx143, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs119 } from "react/jsx-runtime";
 var KeyValuePairList = (props) => {
   const [counter, setCounter] = useState46(0);
   const [keyValueData, setKeyValueData] = useState46([]);
@@ -11065,7 +10918,7 @@ var KeyValuePairList = (props) => {
   };
   props.getValues(keyValueData);
   const [keyValueList, setKeyValueList] = useState46([
-    /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx141(
       KeyValuePair,
       {
         index: counter,
@@ -11077,7 +10930,7 @@ var KeyValuePairList = (props) => {
       counter
     )
   ]);
-  return /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx141(
     "div",
     {
       style: {
@@ -11086,7 +10939,7 @@ var KeyValuePairList = (props) => {
         position: "relative",
         background: "#F3F3F4"
       },
-      children: /* @__PURE__ */ jsxs120(
+      children: /* @__PURE__ */ jsxs119(
         "div",
         {
           style: {
@@ -11100,7 +10953,7 @@ var KeyValuePairList = (props) => {
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxs120(
+            /* @__PURE__ */ jsxs119(
               "div",
               {
                 style: {
@@ -11114,7 +10967,7 @@ var KeyValuePairList = (props) => {
                   display: "inline-flex"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs120(
+                  /* @__PURE__ */ jsxs119(
                     "div",
                     {
                       style: {
@@ -11124,7 +10977,7 @@ var KeyValuePairList = (props) => {
                         display: "inline-flex"
                       },
                       children: [
-                        /* @__PURE__ */ jsx143(
+                        /* @__PURE__ */ jsx141(
                           "div",
                           {
                             style: {
@@ -11138,8 +10991,8 @@ var KeyValuePairList = (props) => {
                             children: props.title
                           }
                         ),
-                        /* @__PURE__ */ jsxs120("div", { style: { width: 16, height: 16, position: "relative" }, children: [
-                          /* @__PURE__ */ jsx143(
+                        /* @__PURE__ */ jsxs119("div", { style: { width: 16, height: 16, position: "relative" }, children: [
+                          /* @__PURE__ */ jsx141(
                             "div",
                             {
                               style: {
@@ -11153,7 +11006,7 @@ var KeyValuePairList = (props) => {
                               }
                             }
                           ),
-                          /* @__PURE__ */ jsx143(
+                          /* @__PURE__ */ jsx141(
                             "div",
                             {
                               style: {
@@ -11177,7 +11030,7 @@ var KeyValuePairList = (props) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx143(
+                  /* @__PURE__ */ jsx141(
                     "div",
                     {
                       style: {
@@ -11194,7 +11047,7 @@ var KeyValuePairList = (props) => {
                 ]
               }
             ),
-            props.showAddAnother && /* @__PURE__ */ jsx143(
+            props.showAddAnother && /* @__PURE__ */ jsx141(
               "div",
               {
                 style: {
@@ -11209,7 +11062,7 @@ var KeyValuePairList = (props) => {
                   gap: 10,
                   display: "inline-flex"
                 },
-                children: /* @__PURE__ */ jsx143(
+                children: /* @__PURE__ */ jsx141(
                   "div",
                   {
                     style: {
@@ -11224,7 +11077,7 @@ var KeyValuePairList = (props) => {
                       setKeyValueData([]);
                       setKeyValueList([
                         ...keyValueList,
-                        /* @__PURE__ */ jsx143(
+                        /* @__PURE__ */ jsx141(
                           KeyValuePair,
                           {
                             index: counter + 1,
@@ -11242,7 +11095,7 @@ var KeyValuePairList = (props) => {
                 )
               }
             ),
-            /* @__PURE__ */ jsx143("div", { children: keyValueList })
+            /* @__PURE__ */ jsx141("div", { children: keyValueList })
           ]
         }
       )
@@ -11253,7 +11106,7 @@ var KeyValuePairList = (props) => {
 // src/components/Chart/PieChart.tsx
 import { useEffect as useEffect23 } from "react";
 import * as d3 from "d3";
-import { jsx as jsx144, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs120 } from "react/jsx-runtime";
 var PieChart = ({ data, outerRadius, innerRadius }) => {
   const margin = {
     top: 50,
@@ -11299,9 +11152,9 @@ var PieChart = ({ data, outerRadius, innerRadius }) => {
     });
     legend.enter().append("text").attr("x", xOffset + legendItemSize + 5).attr("y", (_, i) => yOffset + (legendItemSize + legendSpacing) * i + 12).text((d) => d == null ? void 0 : d.label);
   }
-  return /* @__PURE__ */ jsxs121("div", { className: "flex-col", children: [
-    /* @__PURE__ */ jsx144("div", { id: "pie-container", className: "relative" }),
-    /* @__PURE__ */ jsx144("div", { id: "legend" })
+  return /* @__PURE__ */ jsxs120("div", { className: "flex-col", children: [
+    /* @__PURE__ */ jsx142("div", { id: "pie-container", className: "relative" }),
+    /* @__PURE__ */ jsx142("div", { id: "legend" })
   ] });
 };
 
@@ -11310,7 +11163,7 @@ import { useState as useState47 } from "react";
 import { useForm as useForm18 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
-import { useRouter as useRouter10 } from "next/router";
+import { useRouter as useRouter10 } from "@geowiki/core";
 import { AccountService } from "@geowiki/api-proxy";
 import {
   Form,
@@ -11326,7 +11179,7 @@ import {
   Checkbox as Checkbox10
 } from "@geowiki/design-system";
 import { useDefaultSettings } from "@geowiki/core";
-import { jsx as jsx145, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs121 } from "react/jsx-runtime";
 var formSchema = z3.object({
   userName: z3.string().min(2, "Username must be at least 2 characters"),
   emailAddress: z3.string().email("Invalid email address"),
@@ -11451,22 +11304,22 @@ function RegisterForm({
       }
     });
   }
-  return /* @__PURE__ */ jsx145("div", { className, children: /* @__PURE__ */ jsxs122("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs122("div", { className: "space-y-2 text-center", children: [
-      /* @__PURE__ */ jsx145("h1", { className: "text-3xl font-bold", children: "Create an Account" }),
-      /* @__PURE__ */ jsx145("p", { className: "text-gray-500", children: "Enter your details to register" })
+  return /* @__PURE__ */ jsx143("div", { className, children: /* @__PURE__ */ jsxs121("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs121("div", { className: "space-y-2 text-center", children: [
+      /* @__PURE__ */ jsx143("h1", { className: "text-3xl font-bold", children: "Create an Account" }),
+      /* @__PURE__ */ jsx143("p", { className: "text-gray-500", children: "Enter your details to register" })
     ] }),
-    error && /* @__PURE__ */ jsx145(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx145(AlertDescription, { children: error }) }),
-    success && /* @__PURE__ */ jsx145(Alert, { className: "bg-green-50 text-green-800 border-green-200", children: /* @__PURE__ */ jsx145(AlertDescription, { children: "Registration successful! Redirecting to login..." }) }),
-    /* @__PURE__ */ jsx145(Form, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsxs122("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
-      /* @__PURE__ */ jsx145(
+    error && /* @__PURE__ */ jsx143(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx143(AlertDescription, { children: error }) }),
+    success && /* @__PURE__ */ jsx143(Alert, { className: "bg-green-50 text-green-800 border-green-200", children: /* @__PURE__ */ jsx143(AlertDescription, { children: "Registration successful! Redirecting to login..." }) }),
+    /* @__PURE__ */ jsx143(Form, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsxs121("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsx143(
         FormField3,
         {
           control: form.control,
           name: "userName",
-          render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem3, { children: [
-            /* @__PURE__ */ jsx145(FormLabel, { children: "Username" }),
-            /* @__PURE__ */ jsx145(FormControl, { children: /* @__PURE__ */ jsx145(
+          render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
+            /* @__PURE__ */ jsx143(FormLabel, { children: "Username" }),
+            /* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
               Input2,
               __spreadProps(__spreadValues({
                 placeholder: "Enter your username"
@@ -11478,18 +11331,18 @@ function RegisterForm({
                 }
               })
             ) }),
-            /* @__PURE__ */ jsx145(FormMessage, {})
+            /* @__PURE__ */ jsx143(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx145(
+      /* @__PURE__ */ jsx143(
         FormField3,
         {
           control: form.control,
           name: "emailAddress",
-          render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem3, { children: [
-            /* @__PURE__ */ jsx145(FormLabel, { children: "Email" }),
-            /* @__PURE__ */ jsx145(FormControl, { children: /* @__PURE__ */ jsx145(
+          render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
+            /* @__PURE__ */ jsx143(FormLabel, { children: "Email" }),
+            /* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
               Input2,
               __spreadProps(__spreadValues({
                 type: "email",
@@ -11502,18 +11355,18 @@ function RegisterForm({
                 }
               })
             ) }),
-            /* @__PURE__ */ jsx145(FormMessage, {})
+            /* @__PURE__ */ jsx143(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx145(
+      /* @__PURE__ */ jsx143(
         FormField3,
         {
           control: form.control,
           name: "password",
-          render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem3, { children: [
-            /* @__PURE__ */ jsx145(FormLabel, { children: "Password" }),
-            /* @__PURE__ */ jsx145(FormControl, { children: /* @__PURE__ */ jsx145(
+          render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
+            /* @__PURE__ */ jsx143(FormLabel, { children: "Password" }),
+            /* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
               Input2,
               __spreadProps(__spreadValues({
                 type: "password",
@@ -11526,18 +11379,18 @@ function RegisterForm({
                 }
               })
             ) }),
-            /* @__PURE__ */ jsx145(FormMessage, {})
+            /* @__PURE__ */ jsx143(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx145(
+      /* @__PURE__ */ jsx143(
         FormField3,
         {
           control: form.control,
           name: "confirmPassword",
-          render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem3, { children: [
-            /* @__PURE__ */ jsx145(FormLabel, { children: "Confirm Password" }),
-            /* @__PURE__ */ jsx145(FormControl, { children: /* @__PURE__ */ jsx145(
+          render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
+            /* @__PURE__ */ jsx143(FormLabel, { children: "Confirm Password" }),
+            /* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
               Input2,
               __spreadProps(__spreadValues({
                 type: "password",
@@ -11550,17 +11403,17 @@ function RegisterForm({
                 }
               })
             ) }),
-            /* @__PURE__ */ jsx145(FormMessage, {})
+            /* @__PURE__ */ jsx143(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx145(
+      /* @__PURE__ */ jsx143(
         FormField3,
         {
           control: form.control,
           name: "acceptTerms",
-          render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem3, { className: "flex flex-row items-start space-x-3 space-y-0", children: [
-            /* @__PURE__ */ jsx145(FormControl, { children: /* @__PURE__ */ jsx145(
+          render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { className: "flex flex-row items-start space-x-3 space-y-0", children: [
+            /* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
               Checkbox10,
               {
                 checked: field.value,
@@ -11568,11 +11421,11 @@ function RegisterForm({
                 disabled: isLoading
               }
             ) }),
-            /* @__PURE__ */ jsxs122("div", { className: "space-y-1 leading-none", children: [
-              /* @__PURE__ */ jsxs122(FormLabel, { className: "text-sm font-normal", children: [
+            /* @__PURE__ */ jsxs121("div", { className: "space-y-1 leading-none", children: [
+              /* @__PURE__ */ jsxs121(FormLabel, { className: "text-sm font-normal", children: [
                 "I accept the",
                 " ",
-                termsUrl && /* @__PURE__ */ jsx145(
+                termsUrl && /* @__PURE__ */ jsx143(
                   "a",
                   {
                     href: termsUrl,
@@ -11583,7 +11436,7 @@ function RegisterForm({
                   }
                 ),
                 termsUrl && privacyUrl && " and ",
-                privacyUrl && /* @__PURE__ */ jsx145(
+                privacyUrl && /* @__PURE__ */ jsx143(
                   "a",
                   {
                     href: privacyUrl,
@@ -11595,12 +11448,12 @@ function RegisterForm({
                 ),
                 !termsUrl && !privacyUrl && "Terms of Service and Privacy Policy"
               ] }),
-              /* @__PURE__ */ jsx145(FormMessage, {})
+              /* @__PURE__ */ jsx143(FormMessage, {})
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx145(Button26, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Registering..." : "Register" })
+      /* @__PURE__ */ jsx143(Button26, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Registering..." : "Register" })
     ] }) }))
   ] }) });
 }
@@ -11689,7 +11542,6 @@ export {
   NewsItemList,
   NewsfeedPreview,
   NextImage,
-  Notification,
   PageNotFound,
   Pagination,
   PanelMain,
@@ -11711,7 +11563,6 @@ export {
   Sidebar,
   SidebarIcon,
   SignUpBanner,
-  SimpleLink,
   SixClusterNews,
   SubtitleH2BodyVideo,
   SubtitleH3Body,