diff --git a/package-lock.json b/package-lock.json
index 5e42cd83e5..f54fc71075 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1133,6 +1133,84 @@
       "resolved": "packages/ts/generator-typescript-utils",
       "link": true
     },
+    "node_modules/@hilla/react-components": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@hilla/react-components/-/react-components-2.1.7.tgz",
+      "integrity": "sha512-Msk5rVHVm9mQQer+D+e27hV3Ny8rLsV7YaYFucZl+qVGgC0/fscMGYOtVc0uTl/qV/Tcq4k68JXWTRw5EybOgQ==",
+      "dependencies": {
+        "@vaadin/accordion": "24.1.7",
+        "@vaadin/app-layout": "24.1.7",
+        "@vaadin/avatar": "24.1.7",
+        "@vaadin/avatar-group": "24.1.7",
+        "@vaadin/board": "24.1.7",
+        "@vaadin/button": "24.1.7",
+        "@vaadin/charts": "24.1.7",
+        "@vaadin/checkbox": "24.1.7",
+        "@vaadin/checkbox-group": "24.1.7",
+        "@vaadin/combo-box": "24.1.7",
+        "@vaadin/confirm-dialog": "24.1.7",
+        "@vaadin/context-menu": "24.1.7",
+        "@vaadin/cookie-consent": "24.1.7",
+        "@vaadin/crud": "24.1.7",
+        "@vaadin/custom-field": "24.1.7",
+        "@vaadin/date-picker": "24.1.7",
+        "@vaadin/date-time-picker": "24.1.7",
+        "@vaadin/details": "24.1.7",
+        "@vaadin/dialog": "24.1.7",
+        "@vaadin/email-field": "24.1.7",
+        "@vaadin/field-base": "24.1.7",
+        "@vaadin/field-highlighter": "24.1.7",
+        "@vaadin/form-layout": "24.1.7",
+        "@vaadin/grid": "24.1.7",
+        "@vaadin/grid-pro": "24.1.7",
+        "@vaadin/horizontal-layout": "24.1.7",
+        "@vaadin/icon": "24.1.7",
+        "@vaadin/icons": "24.1.7",
+        "@vaadin/input-container": "24.1.7",
+        "@vaadin/integer-field": "24.1.7",
+        "@vaadin/item": "24.1.7",
+        "@vaadin/list-box": "24.1.7",
+        "@vaadin/login": "24.1.7",
+        "@vaadin/map": "24.1.7",
+        "@vaadin/menu-bar": "24.1.7",
+        "@vaadin/message-input": "24.1.7",
+        "@vaadin/message-list": "24.1.7",
+        "@vaadin/multi-select-combo-box": "24.1.7",
+        "@vaadin/notification": "24.1.7",
+        "@vaadin/number-field": "24.1.7",
+        "@vaadin/password-field": "24.1.7",
+        "@vaadin/progress-bar": "24.1.7",
+        "@vaadin/radio-group": "24.1.7",
+        "@vaadin/rich-text-editor": "24.1.7",
+        "@vaadin/scroller": "24.1.7",
+        "@vaadin/select": "24.1.7",
+        "@vaadin/split-layout": "24.1.7",
+        "@vaadin/tabs": "24.1.7",
+        "@vaadin/tabsheet": "24.1.7",
+        "@vaadin/text-area": "24.1.7",
+        "@vaadin/text-field": "24.1.7",
+        "@vaadin/time-picker": "24.1.7",
+        "@vaadin/tooltip": "24.1.7",
+        "@vaadin/upload": "24.1.7",
+        "@vaadin/vertical-layout": "24.1.7",
+        "@vaadin/virtual-list": "24.1.7"
+      },
+      "peerDependencies": {
+        "@lit-labs/react": "^1.1.0",
+        "@types/react": "^18.0.25",
+        "@types/react-dom": "^18.0.8",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@hilla/react-form": {
       "resolved": "packages/ts/react-form",
       "link": true
@@ -1734,6 +1812,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/@lit-labs/react": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lit-labs/react/-/react-1.2.1.tgz",
+      "integrity": "sha512-DiZdJYFU0tBbdQkfwwRSwYyI/mcWkg3sWesKRsHUd4G+NekTmmeq9fzsurvcKTNVa0comNljwtg4Hvi1ds3V+A==",
+      "peer": true
+    },
     "node_modules/@lit-labs/ssr-dom-shim": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.1.tgz",
@@ -1747,6 +1831,45 @@
         "@lit-labs/ssr-dom-shim": "^1.0.0"
       }
     },
+    "node_modules/@mapbox/jsonlint-lines-primitives": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz",
+      "integrity": "sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@mapbox/mapbox-gl-style-spec": {
+      "version": "13.28.0",
+      "resolved": "https://registry.npmjs.org/@mapbox/mapbox-gl-style-spec/-/mapbox-gl-style-spec-13.28.0.tgz",
+      "integrity": "sha512-B8xM7Fp1nh5kejfIl4SWeY0gtIeewbuRencqO3cJDrCHZpaPg7uY+V8abuR+esMeuOjRl5cLhVTP40v+1ywxbg==",
+      "dependencies": {
+        "@mapbox/jsonlint-lines-primitives": "~2.0.2",
+        "@mapbox/point-geometry": "^0.1.0",
+        "@mapbox/unitbezier": "^0.0.0",
+        "csscolorparser": "~1.0.2",
+        "json-stringify-pretty-compact": "^2.0.0",
+        "minimist": "^1.2.6",
+        "rw": "^1.3.3",
+        "sort-object": "^0.3.2"
+      },
+      "bin": {
+        "gl-style-composite": "bin/gl-style-composite.js",
+        "gl-style-format": "bin/gl-style-format.js",
+        "gl-style-migrate": "bin/gl-style-migrate.js",
+        "gl-style-validate": "bin/gl-style-validate.js"
+      }
+    },
+    "node_modules/@mapbox/point-geometry": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
+      "integrity": "sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ=="
+    },
+    "node_modules/@mapbox/unitbezier": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.0.tgz",
+      "integrity": "sha512-HPnRdYO0WjFjRTSwO3frz1wKaU649OBFPX3Zo/2WZvuRi6zMiRGui8SnPQiQABgqCf8YikDe5t3HViTVw1WUzA=="
+    },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.14.2",
       "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.14.2.tgz",
@@ -2520,8 +2643,7 @@
     "node_modules/@open-wc/dedupe-mixin": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@open-wc/dedupe-mixin/-/dedupe-mixin-1.4.0.tgz",
-      "integrity": "sha512-Sj7gKl1TLcDbF7B6KUhtvr+1UCxdhMbNY5KxdU5IfMFWqL8oy1ZeAcCANjoB1TL0AJTcPmcCFsCbHf8X2jGDUA==",
-      "dev": true
+      "integrity": "sha512-Sj7gKl1TLcDbF7B6KUhtvr+1UCxdhMbNY5KxdU5IfMFWqL8oy1ZeAcCANjoB1TL0AJTcPmcCFsCbHf8X2jGDUA=="
     },
     "node_modules/@open-wc/scoped-elements": {
       "version": "2.2.0",
@@ -2588,6 +2710,11 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@petamoriken/float16": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/@petamoriken/float16/-/float16-3.8.3.tgz",
+      "integrity": "sha512-an2OZ7/6er9Jja8EDUvU/tmtGIutdlb6LwXOwgjzoCjDRAsUd8sRZMBjoPEy78Xa9iOp+Kglk2CHgVwZuZbWbw=="
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -2597,6 +2724,14 @@
         "node": ">=14"
       }
     },
+    "node_modules/@polymer/polymer": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@polymer/polymer/-/polymer-3.5.1.tgz",
+      "integrity": "sha512-JlAHuy+1qIC6hL1ojEUfIVD58fzTpJAoCxFwV5yr0mYTXV1H8bz5zy0+rC963Cgr9iNXQ4T9ncSjC2fkF9BQfw==",
+      "dependencies": {
+        "@webcomponents/shadycss": "^1.9.1"
+      }
+    },
     "node_modules/@sigstore/bundle": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-1.1.0.tgz",
@@ -3173,7 +3308,7 @@
       "version": "18.2.7",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.7.tgz",
       "integrity": "sha512-GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/react": "*"
       }
@@ -3564,6 +3699,168 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vaadin/a11y-base": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/a11y-base/-/a11y-base-24.1.7.tgz",
+      "integrity": "sha512-XVf1fecPz8aJuI0wDLNvRgk5RmoAFLfAO4A80MA7KSegWkRJyUA64wZtDnvCf2GAXtIQUGKmpKqP8Kl8yfeJ0g==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/accordion": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/accordion/-/accordion-24.1.7.tgz",
+      "integrity": "sha512-0q0eCz364f6jFzeh9MliLWwMfXsniDAQtUcTNbMrG3RlKRkfSy+e+TJ5SlkF73QwhWz6nk4W+I9Bdy9zsydKMQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/details": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/app-layout": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/app-layout/-/app-layout-24.1.7.tgz",
+      "integrity": "sha512-NvvT705cUMZHz+QrGiWIRIgZOLTJexnHfCa9JqgXi7gFHxZXVCXgAUMDhCorlm6hMO6naKfVjoUoVpJdIKBJEw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/avatar": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/avatar/-/avatar-24.1.7.tgz",
+      "integrity": "sha512-LEIvZnIGNTsks6pR8zvYBqVfOBJ3bEqHteOGGYVyCnFVcZ5Iap91ria5+J5pjZeyj4wc5KIQR//mqfEdO95khw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/tooltip": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/avatar-group": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/avatar-group/-/avatar-group-24.1.7.tgz",
+      "integrity": "sha512-ggfJJ+OQ+AIAYVFNGfaIVc5m8lOObs1t3TR2scUtKqYrv3s5eOvCHAQrmE7LZ7CSWUdPqKHqu054hO623yTA2g==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/avatar": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/board": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/board/-/board-24.1.7.tgz",
+      "integrity": "sha512-SQgUYAR3BWkpvzZaLiSFLx3bP8RC5AYYHplQyFtEGZ+e0k+bcYln+L9mwfFuL0ATWF7ElY893EEE870Xw7QRfQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/button": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/button/-/button-24.1.7.tgz",
+      "integrity": "sha512-fVvbNrorgYCvKcw25Q0RG+CmxZPDeV+QRDlJYVfjuEmk8vAoDtHSEQPVm9kn/WKu7/fOHH9lz5CWMa2YWvWSkw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/charts": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/charts/-/charts-24.1.7.tgz",
+      "integrity": "sha512-Lzh8ZlLKBvmAjBZkjqMAuOXqwy69qiKwEMA88dK5O81nRegkhCZ5szYdgU+C4qMaxtBmZUD29cZdLwwNJRxrKw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "highcharts": "9.2.2"
+      }
+    },
+    "node_modules/@vaadin/checkbox": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/checkbox/-/checkbox-24.1.7.tgz",
+      "integrity": "sha512-MnfmcFMMXilf8yFa/aHmr0v8FDOb8xzhHPCuV9FZRA9vk3MTyI84nzMc19ODkA1xXjFGrwqU8p+eeySsym330g==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/checkbox-group": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/checkbox-group/-/checkbox-group-24.1.7.tgz",
+      "integrity": "sha512-DMOXUlDpd/i3j28NG3uVTLD7b3A/Y4qAUN4MbVx2XnqdXLWR7Y9IqrDOFocTajVx/nur6LNJyuc2aJi0egY+ZA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/checkbox": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/combo-box": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/combo-box/-/combo-box-24.1.7.tgz",
+      "integrity": "sha512-ACuQGP3jaDv10aaPvSSVsfRGmzyPYycBTLlnizKUeSuuxEzvelRpZp2PwscOM5vk0owc/6seVnje8CqPUy9Sbg==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
     "node_modules/@vaadin/common-frontend": {
       "version": "0.0.18",
       "resolved": "https://registry.npmjs.org/@vaadin/common-frontend/-/common-frontend-0.0.18.tgz",
@@ -3575,6 +3872,769 @@
         "lit": "^2.0.0"
       }
     },
+    "node_modules/@vaadin/component-base": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-24.1.7.tgz",
+      "integrity": "sha512-Wn5hlk9xfMjEoWN/XIDqtQqAI5bnE8CWgwNod+s4EtquM9aw0iWFEa+n5b2a9FEZnvWU1ZG4uhado7hPg3AvIA==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/vaadin-development-mode-detector": "^2.0.0",
+        "@vaadin/vaadin-usage-statistics": "^2.1.0",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/confirm-dialog": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/confirm-dialog/-/confirm-dialog-24.1.7.tgz",
+      "integrity": "sha512-7lbIExEwpiNBk/ZnTc5Cs0HkQGKpoao92IBVBQ9XOs4MJksXW/SIORfdF6TUp44Bf1POb7DfymW79iSHZANmTg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/dialog": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/context-menu": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/context-menu/-/context-menu-24.1.7.tgz",
+      "integrity": "sha512-2ocMJsPAD36C23XezhIiL43kXeiJFG7xfflvW8w70lnLPK8mFVkCfWyOuGrxl1CGzx/yAhMbs23UiGB337U7MQ==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/cookie-consent": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/cookie-consent/-/cookie-consent-24.1.7.tgz",
+      "integrity": "sha512-w0yEIIrX1Z1F8JtDa4Gn/0BYNqwFKcjrQcszJwDiuzxhTH92JsAnlGp6Y2dYTQ5YxvLw79SwMb9bsv8h30GDcA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "cookieconsent": "^3.0.6"
+      }
+    },
+    "node_modules/@vaadin/crud": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/crud/-/crud-24.1.7.tgz",
+      "integrity": "sha512-4y2AzUYB0I09wp0cEn+XKx8xmwUwcOpPAgCiYhdRrBoV/UpKSDnGgTDDTPBKZ6yjxJYq2YNPzcVRDi2iX2iWDw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/confirm-dialog": "~24.1.7",
+        "@vaadin/dialog": "~24.1.7",
+        "@vaadin/form-layout": "~24.1.7",
+        "@vaadin/grid": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/custom-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/custom-field/-/custom-field-24.1.7.tgz",
+      "integrity": "sha512-ysnQ5rGrjeO3KnvF3UdVD82iZnmqUmm9TgU3E1k9t8g0xTpfexZAYJwaGVtqzvkS1tBvG0Jhi6zp29KPEdcJFw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/date-picker": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/date-picker/-/date-picker-24.1.7.tgz",
+      "integrity": "sha512-qgZUG7DElGcMH0neKTiqLVxujRE+NIWa4qeuRIhp/VsfK3zkH/Yy/NXvh22EkORYA2arXIZkRYDQezcMxGf19w==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.2.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/date-time-picker": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/date-time-picker/-/date-time-picker-24.1.7.tgz",
+      "integrity": "sha512-zTXLO26FWVkmjBeeeBlYNB+ZwtqdbSWKYW4QGvg3rfC3v3GK/cmh5sFi6I2fqkIhz2pQxqB5grBrT8x7BwXyFg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/custom-field": "~24.1.7",
+        "@vaadin/date-picker": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/time-picker": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/details": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/details/-/details-24.1.7.tgz",
+      "integrity": "sha512-KyaWaXm4G0jygm1Ne3vIOYpY8i9p1hzouXNsNrpYWzIALpnwiFleA4TeAxSjBxZMHXkEDjZZRQYXpQO6fFpeNw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/dialog": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/dialog/-/dialog-24.1.7.tgz",
+      "integrity": "sha512-Dye+unWVZKv4TeTE1qg35OtbJ/eieMNueqzU1C5vKse4BdIxlFs5kRnOiIi/mqpklt+6leYFYjbw1G9Szkf6eA==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/email-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/email-field/-/email-field-24.1.7.tgz",
+      "integrity": "sha512-TazC/kyyvaekliqZGJfknwoSSZ4s1vj99KpZFtodUNMsdKn81uRbRSZk4gbOitzsjv6vGskGvCyagntUkVFqeg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/field-base": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-24.1.7.tgz",
+      "integrity": "sha512-AkdfXlRSlRgnAz4rb5CufYqB++XVMUBi50sDI/CHKUTxGxd/4fysWeenvqY42AN8wqb8/Ohs5DFCIUj9LzxVCQ==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/field-highlighter": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/field-highlighter/-/field-highlighter-24.1.7.tgz",
+      "integrity": "sha512-u1RBGTtd0OYYWEbAW2t3A4uB7RIbuSj1goborJm5O/X8TvtXlrklMeA6NNM9G5ln4YDHCtyX/4vTtR5EH1Vrjw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/form-layout": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/form-layout/-/form-layout-24.1.7.tgz",
+      "integrity": "sha512-+o7dij54B9PLD11Sj+TNE3/knUDsnFmyMsVKSh4wam2fXFFCaFyOQVoQchkTbMY0+6hOm7jgcxXVciUAww+1hw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/grid": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/grid/-/grid-24.1.7.tgz",
+      "integrity": "sha512-XCH1IWmL/uFc4Grt9IrB0xWFAVt/aOWeoaXZDXXdGpHkUWiZyHUtweIyukDEsIOxQJBM911yIdmC/FiyjC/lRA==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/checkbox": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/grid-pro": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/grid-pro/-/grid-pro-24.1.7.tgz",
+      "integrity": "sha512-VTgGUPuaait3UnzoKUu6E3Rnrcvbdv1E/KrMbufffTHwf9kmkJnlSnNud8yYGhUJa++RCPhS8omzzlJztqZl/w==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/checkbox": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/grid": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/select": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/horizontal-layout": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/horizontal-layout/-/horizontal-layout-24.1.7.tgz",
+      "integrity": "sha512-FchOdt9cHmPHyrcz1JnU4QZFXRYb3GyWIbDt9gJsRuXAGHDKuMO5s1JtTUlVz1HVpGD/91ES0z0jAqAZ0D7qTw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/icon": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-24.1.7.tgz",
+      "integrity": "sha512-8Pr91YBQ+NW95yLroQjj/CEXji0aUWNbSDUb3A5YN8jErmAIEP5X3TSmtM2IwKJjUZA44DrvBuZ7zRbk+j9bgw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/icons": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/icons/-/icons-24.1.7.tgz",
+      "integrity": "sha512-hhm59x4/PBKjsvC1K2nRu69baoUPq91l/9HIcGpI3YvdFdnsP/VJi5NP1avPzmV+2wkrkwHuiKPxPwPXu+lEUw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/icon": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/input-container": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-24.1.7.tgz",
+      "integrity": "sha512-YgdJEF9+RfNV+9LrJBAxN4coKOeypf07zCDRwTQsygVBFz6zysGxT8sAo1lhnEtqI1wR6HtWjms3F8mpBfBzRA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/integer-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/integer-field/-/integer-field-24.1.7.tgz",
+      "integrity": "sha512-gPMqkWuNT4r7TOzF+gi594mhODBxfqVE3B0RrBI+gBgLRutRSj3Mv+WQXmfrWjYgeAV7KWCLUeASOrxeS56fmQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/number-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/item": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/item/-/item-24.1.7.tgz",
+      "integrity": "sha512-DXqSpqUp9JF5Zxruev53IAx6tM8uHmpbzXnp4y1cs1CUtJIYKXREq3aA/Zl27n0yXz9PH5ZkQNosEWiN/3LoNA==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/list-box": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/list-box/-/list-box-24.1.7.tgz",
+      "integrity": "sha512-P4swwYJHn7jpMwB6gLfWVhKz0X1eGPtGhOTx+tD/4TvOUXc3pZJS/eTsCksqCoHJm45siKKQueITSufWnRHvuw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/lit-renderer": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/lit-renderer/-/lit-renderer-24.1.7.tgz",
+      "integrity": "sha512-VIOQaoMKW003/5lkEqIlqFGNs8B2bzKbuUOTWwMJN6x6x9KQMq7T0cwtcB7fnAYy+0PYqZOFYvJ1EhzyovpwWw==",
+      "dependencies": {
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/login": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/login/-/login-24.1.7.tgz",
+      "integrity": "sha512-iCGQoe/4bAHnJTeeTaVKqTasbzXiI1ZuXBL+Q22imr1K+H/+FzB1gQOcAmcW8G5cYAU/N1+SDYo2rPUEDdIkaw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/password-field": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/map": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/map/-/map-24.1.7.tgz",
+      "integrity": "sha512-e6K28v19RWvbd5kb+RG5C+ONGU0BS1LUPlnjQun6huYDHjH12VailL9No5JCmKtaooZ2CoD4JA5fbMdM+y3eUg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "ol": "6.13.0"
+      }
+    },
+    "node_modules/@vaadin/menu-bar": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/menu-bar/-/menu-bar-24.1.7.tgz",
+      "integrity": "sha512-g8w29qpi1oJvPK37dSqT3DJD9enDiwlJwNcJQ7BRPBidmRIuOjGTqG0t4+k1J49qSssNv1KLcfHcWaCFMnlyYw==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/context-menu": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/message-input": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/message-input/-/message-input-24.1.7.tgz",
+      "integrity": "sha512-e/klldLLqsnauUwVzGH0hqxABKUgAxXg6guNynE40w2MHBdEZMh3xM37DBZNDTTuGz5yDnJqIZMufhSJOsNPcA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/text-area": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/message-list": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/message-list/-/message-list-24.1.7.tgz",
+      "integrity": "sha512-FsZuTNfP5TZcwpyL+f/RiRosVkEMH8lM3IYCxNKCD76uysa0YFDZSwjWuI4iSLDcO7ZBbQW/XZ7jZCXdDbGu9A==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/avatar": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/multi-select-combo-box": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/multi-select-combo-box/-/multi-select-combo-box-24.1.7.tgz",
+      "integrity": "sha512-rn+LfQBOcJP3qJhROQhFbyMoBfoOJZT9BZVQxxCBxNz4xGfGDKpdIXGw4Y8TXddBwd7vi548+NPEFCuazSiXvw==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/combo-box": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/notification": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/notification/-/notification-24.1.7.tgz",
+      "integrity": "sha512-RxuCrqw7q2EI+VHNtOeqKaOZNnkk4/aY11mEx8ka5lSOdT3C22VVcfyG9hPwDESqvSn8BeBMF3JBYHS1+0E8jA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/number-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/number-field/-/number-field-24.1.7.tgz",
+      "integrity": "sha512-ipFQSoT9S9EkxoZYEBWZ7PJjG156MGaGJ3jdI8UlSoP7IZQcHE89L4rp9cVYrJxwsS34PI1AEBqK+PXdKeYVig==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/overlay": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/overlay/-/overlay-24.1.7.tgz",
+      "integrity": "sha512-fKi5osY+nDqlyxeld5uZ0oHQrEUCKYf6VwngAip93fWg1P7TfXHrq2HmsugTaeDl7qmnqCU9eItwSbUd4k//9Q==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/password-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/password-field/-/password-field-24.1.7.tgz",
+      "integrity": "sha512-CG86xgdMKOfRP/aUrpkFE249KpklktP16Sm60M6aaEWNPt/x/GMQb/WhN2ELx+qNlTkpAc2qMW35oj126Yim4w==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/progress-bar": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/progress-bar/-/progress-bar-24.1.7.tgz",
+      "integrity": "sha512-93Y/omq14bSQ9QW5BGjHbo+OUHW7ISB2THMDsGUx7qs6uSxMpAnhhltks40x+cRk+Z+8aMfH5r6SFCqx4n5lXQ==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/radio-group": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/radio-group/-/radio-group-24.1.7.tgz",
+      "integrity": "sha512-dJ+ZH4SPrZnGswW6REdwLeFGdFf6HW+2BUVHzhxO116/kjvWZDWtvYmPsgDMy1MNO8OChAChb1KbLx/SSHMOpA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/rich-text-editor": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/rich-text-editor/-/rich-text-editor-24.1.7.tgz",
+      "integrity": "sha512-tPwDG66oV92/7GWSz3i1gswAvsF1YayOgflSk6Sx97ApVb2MG1U/BU/fYbbrpEmFCKEddMbcGqwbMvURoWRE9Q==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/confirm-dialog": "~24.1.7",
+        "@vaadin/text-field": "~24.1.7",
+        "@vaadin/tooltip": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/scroller": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/scroller/-/scroller-24.1.7.tgz",
+      "integrity": "sha512-5YGaCB2wF0DuEgl3uqbOXFN819Hqx9e8qFYMtvx9fz0epB/lE1HoDNvVkrnwWY2eoGP29zgtdcJGiilTn1rpWg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/select": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/select/-/select-24.1.7.tgz",
+      "integrity": "sha512-3rS0CjZneEUP9W6pC50zsaeASy9mHfWoS1DXOyS0JMfodgI4+jvmNY5kDdxdX57rBnWPsXhpqxzjZSqhpjcQsA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.2.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/list-box": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/split-layout": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/split-layout/-/split-layout-24.1.7.tgz",
+      "integrity": "sha512-Xo1xW4FuOzYhDIPiRlYvStMzjslYrb8r01VQPXgwq+4J319pXsSNAAZAnga3n55p0V3MP9QeEeLWYPrbNrEibA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/tabs": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/tabs/-/tabs-24.1.7.tgz",
+      "integrity": "sha512-sbM3fQLsdSyC/dOHa0fsdkEx0b84q2FTda0ZyYZIf2gIwpuQvkhyfF80Bo3TyiWeAXqzCG0243jvx1v0dtIxgQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/tabsheet": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/tabsheet/-/tabsheet-24.1.7.tgz",
+      "integrity": "sha512-9yI03sfjcqIQna70Ar4yAiNcLgXPoCNaEMl9X8TasQm2rnAoA0HCqyn3SS7Ncaj2D7764tN+WQsnOAKatkaS9A==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/scroller": "~24.1.7",
+        "@vaadin/tabs": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/text-area": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/text-area/-/text-area-24.1.7.tgz",
+      "integrity": "sha512-RpRuwCgmwhp/b/Z/WK/v7ZwlKzITynYhzNlzR+DEATMOzA1a+S4Zux2ZBK/f7McY5kcUccUWLGd7SHy4ey+DLA==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/text-field": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-24.1.7.tgz",
+      "integrity": "sha512-14aOoRSH1Vp5LUUDmZbBS7oXdTsT6UfOc9QyAvRcF82Z1s38ZGExN0WH3HAiyAc46SL4aydKWNMg6T5NgrhnMg==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/time-picker": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/time-picker/-/time-picker-24.1.7.tgz",
+      "integrity": "sha512-+kcEUWjqndMaBeuEsRoRWM++MYhOtL+S76TVaBQ9tork9Hc8n6poDKxZMCuf+Zom9VABWgXU7uxwYlq/GgRXUg==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/combo-box": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/field-base": "~24.1.7",
+        "@vaadin/input-container": "~24.1.7",
+        "@vaadin/item": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/tooltip": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/tooltip/-/tooltip-24.1.7.tgz",
+      "integrity": "sha512-0FkW83xNShg4J9YJbL0XyoeMY3uWcJKgBAwm+9lLc9nxTly9RYpBH6CtDS+KnuLN5YQmBRQRQT70q6XhkjUlxA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/overlay": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/upload": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/upload/-/upload-24.1.7.tgz",
+      "integrity": "sha512-VcV+TNMwe2kJVKH484VvooslPZt8kv7j4nLrlGwI77lx+MXRzPYhKqNYeDDErS4TpmtMcfjw0FsTvGitFjQKQQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/a11y-base": "~24.1.7",
+        "@vaadin/button": "~24.1.7",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/progress-bar": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/vaadin-development-mode-detector": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@vaadin/vaadin-development-mode-detector/-/vaadin-development-mode-detector-2.0.6.tgz",
+      "integrity": "sha512-N6a5nLT/ytEUlpPo+nvdCKIGoyNjPsj3rzPGvGYK8x9Ceg76OTe1xI/GtN71mRW9e2HUScR0kCNOkl1Z63YDjw=="
+    },
+    "node_modules/@vaadin/vaadin-lumo-styles": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-24.1.7.tgz",
+      "integrity": "sha512-RQ8iV7SyezoC7HFtX8/dMZg6qX476v0FuEc6lRajWKZxOXdmZzmB86/IZdBnFQRYgt/8HTBAIZqpMu/hlY9bQQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/icon": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/vaadin-material-styles": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-24.1.7.tgz",
+      "integrity": "sha512-pLpjfHQfYcryJyxXRh0drV6hg8uH0DkUNWOQxlH4JBYljpJY9YgLYdds+o+3JnSe6oMh4vVumjQpbT6rHYeVdQ==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/vaadin-themable-mixin": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-24.1.7.tgz",
+      "integrity": "sha512-52durAg1EdtExtjP7YTjJcDBpaGYAq85+cnQ0jMvQ/H/mjwu/Du7MrEW/oh4S/1XZmOLWNAo14+CnmeJt/wbLQ==",
+      "dependencies": {
+        "@open-wc/dedupe-mixin": "^1.3.0",
+        "lit": "^2.0.0"
+      }
+    },
+    "node_modules/@vaadin/vaadin-usage-statistics": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vaadin/vaadin-usage-statistics/-/vaadin-usage-statistics-2.1.2.tgz",
+      "integrity": "sha512-xKs1PvRfTXsG0eWWcImLXWjv7D+f1vfoIvovppv6pZ5QX8xgcxWUdNgERlOOdGt3CTuxQXukTBW3+Qfva+OXSg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@vaadin/vaadin-development-mode-detector": "^2.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/@vaadin/vertical-layout": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/vertical-layout/-/vertical-layout-24.1.7.tgz",
+      "integrity": "sha512-ftclwgrX4jmswg1o4OytgDSwYKRfXh5UaoFWIbpFp8C4VkBGmCi7njCLa6R99gL4t9JuNZrTnm0oqKmv4GCs9A==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
+    "node_modules/@vaadin/virtual-list": {
+      "version": "24.1.7",
+      "resolved": "https://registry.npmjs.org/@vaadin/virtual-list/-/virtual-list-24.1.7.tgz",
+      "integrity": "sha512-x82r84n2+BtyZSkNxQOf5SM0QC1c0fwuZqCXK9QHrp1x+dGs3GjbYSpjKFJxA+HTyJ0vOY/ZD7piamUZPng1gA==",
+      "dependencies": {
+        "@polymer/polymer": "^3.0.0",
+        "@vaadin/component-base": "~24.1.7",
+        "@vaadin/lit-renderer": "~24.1.7",
+        "@vaadin/vaadin-lumo-styles": "~24.1.7",
+        "@vaadin/vaadin-material-styles": "~24.1.7",
+        "@vaadin/vaadin-themable-mixin": "~24.1.7"
+      }
+    },
     "node_modules/@web/browser-logs": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@web/browser-logs/-/browser-logs-0.3.3.tgz",
@@ -3829,6 +4889,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/@webcomponents/shadycss": {
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/@webcomponents/shadycss/-/shadycss-1.11.2.tgz",
+      "integrity": "sha512-vRq+GniJAYSBmTRnhCYPAPq6THYqovJ/gzGThWbgEZUQaBccndGTi1hdiUP15HzEco0I6t4RCtXyX0rsSmwgPw=="
+    },
     "node_modules/@yarnpkg/lockfile": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
@@ -6224,6 +7289,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/cookieconsent": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/cookieconsent/-/cookieconsent-3.1.1.tgz",
+      "integrity": "sha512-v8JWLJcI7Zs9NWrs8hiVldVtm3EBF70TJI231vxn6YToBGj0c9dvdnYwltydkAnrbBMOM/qX1xLFrnTfm5wTag=="
+    },
     "node_modules/cookies": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.8.0.tgz",
@@ -6411,6 +7481,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/csscolorparser": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",
+      "integrity": "sha512-umPSgYwZkdFoUrH5hIq5kf0wPSXiro51nPw0j2K/c83KflkPSTBGMz6NJvMB+07VlL0y7VPo6QJcDjcgKTTm3w=="
+    },
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
@@ -8245,6 +9320,23 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/geotiff": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/geotiff/-/geotiff-2.0.7.tgz",
+      "integrity": "sha512-FKvFTNowMU5K6lHYY2f83d4lS2rsCNdpUC28AX61x9ZzzqPNaWFElWv93xj0eJFaNyOYA63ic5OzJ88dHpoA5Q==",
+      "dependencies": {
+        "@petamoriken/float16": "^3.4.7",
+        "lerc": "^3.0.0",
+        "pako": "^2.0.4",
+        "parse-headers": "^2.0.2",
+        "quick-lru": "^6.1.1",
+        "web-worker": "^1.2.0",
+        "xml-utils": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=10.19"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -9373,6 +10465,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/highcharts": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/highcharts/-/highcharts-9.2.2.tgz",
+      "integrity": "sha512-OMEdFCaG626ES1JEcKAvJTpxAOMuchy0XuAplmnOs0Yu7NMd2RMfTLFQ2fCJOxo3ubSdm/RVQwKAWC+5HYThnw=="
+    },
     "node_modules/hosted-git-info": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
@@ -10660,6 +11757,11 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
+    "node_modules/json-stringify-pretty-compact": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-2.0.0.tgz",
+      "integrity": "sha512-WRitRfs6BGq4q8gTgOy4ek7iPFXjbra0H3PmDLKm2xnZ+Gh1HUhiKGgCZkSPNULlP7mvfu6FV/mOLhCarspADQ=="
+    },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -11114,6 +12216,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/lerc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lerc/-/lerc-3.0.0.tgz",
+      "integrity": "sha512-Rm4J/WaHhRa93nCN2mwWDZFoRVF18G1f47C+kvQWyHGEZxFpTUi73p7lMVSAndyxGt6lJ2/CFbOcf9ra5p8aww=="
+    },
     "node_modules/lerna": {
       "version": "7.1.5",
       "resolved": "https://registry.npmjs.org/lerna/-/lerna-7.1.5.tgz",
@@ -12299,6 +13406,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mapbox-to-css-font": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/mapbox-to-css-font/-/mapbox-to-css-font-2.4.2.tgz",
+      "integrity": "sha512-f+NBjJJY4T3dHtlEz1wCG7YFlkODEjFIYlxDdLIDMNpkSksqTt+l/d4rjuwItxuzkuMFvPyrjzV2lxRM4ePcIA=="
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -14216,6 +15328,31 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/ol": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/ol/-/ol-6.13.0.tgz",
+      "integrity": "sha512-Fa6yt+FArWE9fwYRRhi/8+ULcFDRS2ZuDcLp3R9bQeDVa5T4E4TT9iqLeJhmHG+bzWiLWJHIeFUqw8GD2gW0YA==",
+      "dependencies": {
+        "geotiff": "^2.0.2",
+        "ol-mapbox-style": "^7.0.0",
+        "pbf": "3.2.1",
+        "rbush": "^3.0.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/openlayers"
+      }
+    },
+    "node_modules/ol-mapbox-style": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-7.1.1.tgz",
+      "integrity": "sha512-GLTEYiH/Ec9Zn1eS4S/zXyR2sierVrUc+OLVP8Ra0FRyqRhoYbXdko0b7OIeSHWdtJfHssWYefDOGxfTRUUZ/A==",
+      "dependencies": {
+        "@mapbox/mapbox-gl-style-spec": "^13.20.1",
+        "mapbox-to-css-font": "^2.4.1",
+        "webfont-matcher": "^1.1.0"
+      }
+    },
     "node_modules/on-exit-leak-free": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
@@ -14648,6 +15785,11 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug=="
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -14666,6 +15808,11 @@
       "integrity": "sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==",
       "dev": true
     },
+    "node_modules/parse-headers": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/parse-headers/-/parse-headers-2.0.5.tgz",
+      "integrity": "sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA=="
+    },
     "node_modules/parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
@@ -14820,6 +15967,18 @@
         "node": "*"
       }
     },
+    "node_modules/pbf": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
+      "integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+      "dependencies": {
+        "ieee754": "^1.1.12",
+        "resolve-protobuf-schema": "^2.1.0"
+      },
+      "bin": {
+        "pbf": "bin/pbf"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -15253,6 +16412,11 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
+    "node_modules/protocol-buffers-schema": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
+      "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
+    },
     "node_modules/protocols": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/protocols/-/protocols-2.0.1.tgz",
@@ -15345,7 +16509,6 @@
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-6.1.1.tgz",
       "integrity": "sha512-S27GBT+F0NTRiehtbrgaSE1idUAJ5bX8dPAQTdylEyNlrdcH5X4Lz7Edz3DYzecbsCluD5zO8ZNEe04z3D3u6Q==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -15353,6 +16516,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/quickselect": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+      "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -15386,6 +16554,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/rbush": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
+      "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+      "dependencies": {
+        "quickselect": "^2.0.0"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -15402,7 +16578,6 @@
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
       "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
@@ -15981,6 +17156,14 @@
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
       }
     },
+    "node_modules/resolve-protobuf-schema": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+      "integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+      "dependencies": {
+        "protocol-buffers-schema": "^3.3.1"
+      }
+    },
     "node_modules/restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -16084,6 +17267,11 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+    },
     "node_modules/rxjs": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
@@ -16162,7 +17350,6 @@
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
       "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
@@ -16464,6 +17651,22 @@
         "atomic-sleep": "^1.0.0"
       }
     },
+    "node_modules/sort-asc": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/sort-asc/-/sort-asc-0.1.0.tgz",
+      "integrity": "sha512-jBgdDd+rQ+HkZF2/OHCmace5dvpos/aWQpcxuyRs9QUbPRnkEJmYVo81PIGpjIdpOcsnJ4rGjStfDHsbn+UVyw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sort-desc": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/sort-desc/-/sort-desc-0.1.1.tgz",
+      "integrity": "sha512-jfZacW5SKOP97BF5rX5kQfJmRVZP5/adDUTY8fCSPvNcXDVpUEe2pr/iKGlcyZzchRJZrswnp68fgk3qBXgkJw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/sort-keys": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
@@ -16476,6 +17679,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/sort-object": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/sort-object/-/sort-object-0.3.2.tgz",
+      "integrity": "sha512-aAQiEdqFTTdsvUFxXm3umdo04J7MRljoVGbBlkH7BgNsMvVNAJyGj7C/wV1A8wHWAJj/YikeZbfuCKqhggNWGA==",
+      "dependencies": {
+        "sort-asc": "^0.1.0",
+        "sort-desc": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -17872,6 +19087,16 @@
         "defaults": "^1.0.3"
       }
     },
+    "node_modules/web-worker": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz",
+      "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA=="
+    },
+    "node_modules/webfont-matcher": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/webfont-matcher/-/webfont-matcher-1.1.0.tgz",
+      "integrity": "sha512-ov8lMvF9wi4PD7fK2Axn9PQEpO9cYI0fIoGqErwd+wi8xacFFDmX114D5Q2Lw0Wlgmb+Qw/dKI2KTtimrJf85g=="
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -18230,6 +19455,11 @@
         }
       }
     },
+    "node_modules/xml-utils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/xml-utils/-/xml-utils-1.7.0.tgz",
+      "integrity": "sha512-bWB489+RQQclC7A9OW8e5BzbT8Tu//jtAOvkYwewFr+Q9T9KDGvfzC1lp0pYPEQPEoPQLDkmxkepSC/2gIAZGw=="
+    },
     "node_modules/xmlhttprequest": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
@@ -19081,6 +20311,9 @@
       "name": "@hilla/react-grid",
       "version": "2.2.0-beta1",
       "license": "Apache-2.0",
+      "dependencies": {
+        "@hilla/react-components": "^2.1.7"
+      },
       "devDependencies": {
         "@esm-bundle/chai": "^4.3.4-fix.0",
         "@testing-library/react": "^14.0.0",
diff --git a/packages/java/endpoint/pom.xml b/packages/java/endpoint/pom.xml
index 8dbd95e988..4b72a14841 100644
--- a/packages/java/endpoint/pom.xml
+++ b/packages/java/endpoint/pom.xml
@@ -180,14 +180,40 @@
             <artifactId>spring-beans</artifactId>
         </dependency>
 
-        <!-- vaadin-fusion generator-->
         <dependency>
             <groupId>com.github.javaparser</groupId>
             <artifactId>javaparser-symbol-solver-core</artifactId>
             <version>${github.javaparser.core.version}</version>
         </dependency>
 
-        <!-- Fusion Testing dependencies -->
+        <dependency>
+            <groupId>org.springframework.data</groupId>
+            <artifactId>spring-data-jpa</artifactId>
+            <scope>provided</scope>
+            <exclusions>
+                <exclusion>
+                    <artifactId>aspectjrt</artifactId>
+                    <groupId>org.aspectj</groupId>
+                </exclusion>
+                <exclusion>
+                    <artifactId>jcl-over-slf4j</artifactId>
+                    <groupId>org.slf4j</groupId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+
+        <dependency>
+            <groupId>dev.hilla</groupId>
+            <artifactId>parser-jvm-utils</artifactId>
+            <version>${project.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>dev.hilla</groupId>
+            <artifactId>runtime-plugin-transfertypes</artifactId>
+            <version>${project.version}</version>
+        </dependency>
+
+        <!-- Testing dependencies -->
 
         <!-- TODO: re-enable tests mocking final classes in the connect
           package by using the org.mockito.plugins.MockMaker plugin with
@@ -238,16 +264,7 @@
             <artifactId>spring-boot-test-autoconfigure</artifactId>
             <scope>test</scope>
         </dependency>
-        <dependency>
-            <groupId>dev.hilla</groupId>
-            <artifactId>parser-jvm-utils</artifactId>
-            <version>${project.version}</version>
-        </dependency>
-        <dependency>
-            <groupId>dev.hilla</groupId>
-            <artifactId>runtime-plugin-transfertypes</artifactId>
-            <version>${project.version}</version>
-        </dependency>
+
     </dependencies>
 
 </project>
diff --git a/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudRepositoryService.java b/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudRepositoryService.java
new file mode 100644
index 0000000000..8fd402ca66
--- /dev/null
+++ b/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudRepositoryService.java
@@ -0,0 +1,32 @@
+package dev.hilla.crud;
+
+import java.util.List;
+
+import dev.hilla.EndpointExposed;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.jpa.repository.JpaRepository;
+
+/**
+ * A browser service that delegates crud operations to a JPA repository.
+ */
+@EndpointExposed
+public class CrudRepositoryService<T, ID> implements CrudService<T> {
+
+    private JpaRepository<T, ID> repository;
+
+    /**
+     * Creates the service using the given repository.
+     * 
+     * @param repository
+     *            the JPA repository
+     */
+    public CrudRepositoryService(JpaRepository<T, ID> repository) {
+        this.repository = repository;
+    }
+
+    @Override
+    public List<T> list(Pageable pageable) {
+        return repository.findAll(pageable).getContent();
+    }
+
+}
diff --git a/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudService.java b/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudService.java
new file mode 100644
index 0000000000..e79243d728
--- /dev/null
+++ b/packages/java/endpoint/src/main/java/dev/hilla/crud/CrudService.java
@@ -0,0 +1,24 @@
+package dev.hilla.crud;
+
+import java.util.List;
+
+import org.springframework.data.domain.Pageable;
+
+/**
+ * A browser service that can create, read and update a given type of object.
+ * <p>
+ * Note! Not yet fully implemented but limited to read operations
+ */
+public interface CrudService<T> {
+
+    /**
+     * Lists objects of the given type using the paging and sorting options
+     * provided in the parameter.
+     * 
+     * @param pageable
+     *            contains information about paging and sorting
+     * @return a list of objects or an empty list if no objects were found
+     */
+    List<T> list(Pageable pageable);
+
+}
diff --git a/packages/java/endpoint/src/main/java/dev/hilla/crud/package-info.java b/packages/java/endpoint/src/main/java/dev/hilla/crud/package-info.java
new file mode 100644
index 0000000000..5b5b4b812e
--- /dev/null
+++ b/packages/java/endpoint/src/main/java/dev/hilla/crud/package-info.java
@@ -0,0 +1,2 @@
+@org.springframework.lang.NonNullApi
+package dev.hilla.crud;
diff --git a/packages/ts/react-grid/package.json b/packages/ts/react-grid/package.json
index 8a8622721e..52e8f8e9de 100644
--- a/packages/ts/react-grid/package.json
+++ b/packages/ts/react-grid/package.json
@@ -42,6 +42,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@hilla/react-components": "^2.1.7"
   },
   "peerDependencies": {
     "react": "^18"
diff --git a/packages/ts/react-grid/src/autogrid.ts b/packages/ts/react-grid/src/autogrid.ts
deleted file mode 100644
index 397fcb7c44..0000000000
--- a/packages/ts/react-grid/src/autogrid.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const useAutoGrid = <T>() => {
-  return 'foo';
-};
diff --git a/packages/ts/react-grid/src/autogrid.tsx b/packages/ts/react-grid/src/autogrid.tsx
new file mode 100644
index 0000000000..00976b608d
--- /dev/null
+++ b/packages/ts/react-grid/src/autogrid.tsx
@@ -0,0 +1,77 @@
+import type { ModelConstructor } from '@hilla/form';
+import type { GridDataProviderCallback, GridDataProviderParams, GridElement } from '@hilla/react-components/Grid.js';
+import { GridSortColumn } from '@hilla/react-components/GridSortColumn.js';
+import { useEffect, useRef } from 'react';
+import type { CrudEndpoint } from './crud';
+import { getProperties } from './modelutil.js';
+
+// import Sort from "Frontend/generated/dev/hilla/mappedtypes/Sort";
+// import Direction from "Frontend/generated/org/springframework/data/domain/Sort/Direction";
+type Sort = any;
+enum Direction {
+  ASC = 'ASC',
+  DESC = 'DESC',
+}
+
+export const useAutoGrid = <T,>(endpoint: CrudEndpoint<T>, itemType: ModelConstructor<T, any>) => {
+  const listMethod = endpoint.list;
+  const ref = useRef(null);
+
+  useEffect(() => {
+    const grid = ref.current as any as GridElement<T>;
+
+    let first = true;
+
+    grid.dataProvider = async (params: GridDataProviderParams<T>, callback: GridDataProviderCallback<T>) => {
+      const sort: Sort = {
+        orders: params.sortOrders.map((order) => ({
+          property: order.path,
+          direction: order.direction == 'asc' ? Direction.ASC : Direction.DESC,
+          ignoreCase: false,
+        })),
+      };
+
+      const pageNumber = params.page;
+      const pageSize = params.pageSize;
+      const req = {
+        pageNumber,
+        pageSize,
+        sort,
+      };
+
+      const items = await listMethod(req);
+      let size;
+      if (items.length === pageSize) {
+        size = (pageNumber + 1) * pageSize + 1;
+        if (size < (grid as any)._cache.size) {
+          // Only allow size to grow here to avoid shrinking the size when scrolled down and sorting
+          size = undefined;
+        }
+      } else {
+        size = pageNumber * pageSize + items.length;
+      }
+      callback(items, size);
+      if (first) {
+        // Workaround for https://github.com/vaadin/react-components/issues/129
+        first = false;
+        setTimeout(() => grid.recalculateColumnWidths(), 0);
+      }
+    };
+  }, []);
+
+  const properties = getProperties(itemType);
+  const children = properties.map((p) => {
+    let customProps: any = { autoWidth: true };
+
+    let column = (
+      <GridSortColumn path={p.name} header={p.humanReadableName} key={p.name} {...customProps}></GridSortColumn>
+    );
+
+    return column;
+  });
+
+  return {
+    ref,
+    children: [...children],
+  };
+};
diff --git a/packages/ts/react-grid/src/crud.ts b/packages/ts/react-grid/src/crud.ts
new file mode 100644
index 0000000000..33b52f90cc
--- /dev/null
+++ b/packages/ts/react-grid/src/crud.ts
@@ -0,0 +1,7 @@
+import Pageable from './types/Pageable';
+
+export interface CrudEndpoint<T> {
+  list: {
+    (request: Pageable): Promise<T[]>;
+  };
+}
diff --git a/packages/ts/react-grid/src/modelutil.ts b/packages/ts/react-grid/src/modelutil.ts
new file mode 100644
index 0000000000..fe14592946
--- /dev/null
+++ b/packages/ts/react-grid/src/modelutil.ts
@@ -0,0 +1,29 @@
+import type { ModelConstructor } from '@hilla/form';
+
+export interface PropertyInfo {
+  name: string;
+  humanReadableName: string;
+}
+
+export const getProperties = (model: ModelConstructor<any, any>): PropertyInfo[] => {
+  const properties = Object.keys(Object.getOwnPropertyDescriptors(model.prototype)).filter((p) => p !== 'constructor');
+
+  return properties.map((name) => {
+    const humanReadableName = _generateHeader(name);
+
+    return {
+      name,
+      humanReadableName,
+    };
+  });
+};
+
+// This is from vaadin-grid-column.js, should be used from there maybe. At least we must be 100% sure to match grid and fields
+function _generateHeader(path: string) {
+  return path
+    .substr(path.lastIndexOf('.') + 1)
+    .replace(/([A-Z])/gu, '-$1')
+    .toLowerCase()
+    .replace(/-/gu, ' ')
+    .replace(/^./u, (match) => match.toUpperCase());
+}
diff --git a/packages/ts/react-grid/src/types/Direction.ts b/packages/ts/react-grid/src/types/Direction.ts
new file mode 100644
index 0000000000..b1ec9912d7
--- /dev/null
+++ b/packages/ts/react-grid/src/types/Direction.ts
@@ -0,0 +1,5 @@
+enum Direction {
+    ASC = "ASC",
+    DESC = "DESC"
+}
+export default Direction;
diff --git a/packages/ts/react-grid/src/types/NullHandling.ts b/packages/ts/react-grid/src/types/NullHandling.ts
new file mode 100644
index 0000000000..f7c1eaebdd
--- /dev/null
+++ b/packages/ts/react-grid/src/types/NullHandling.ts
@@ -0,0 +1,6 @@
+enum NullHandling {
+    NATIVE = "NATIVE",
+    NULLS_FIRST = "NULLS_FIRST",
+    NULLS_LAST = "NULLS_LAST"
+}
+export default NullHandling;
diff --git a/packages/ts/react-grid/src/types/Order.ts b/packages/ts/react-grid/src/types/Order.ts
new file mode 100644
index 0000000000..5fca4699ae
--- /dev/null
+++ b/packages/ts/react-grid/src/types/Order.ts
@@ -0,0 +1,9 @@
+import type Direction_1 from './Direction.js';
+import type NullHandling_1 from './NullHandling.js';
+interface Order {
+  direction: Direction_1;
+  ignoreCase: boolean;
+  nullHandling?: NullHandling_1;
+  property: string;
+}
+export default Order;
diff --git a/packages/ts/react-grid/src/types/Pageable.ts b/packages/ts/react-grid/src/types/Pageable.ts
new file mode 100644
index 0000000000..02153f1591
--- /dev/null
+++ b/packages/ts/react-grid/src/types/Pageable.ts
@@ -0,0 +1,7 @@
+import type Sort_1 from "./Sort.js";
+interface Pageable {
+    pageNumber: number;
+    pageSize: number;
+    sort: Sort_1;
+}
+export default Pageable;
diff --git a/packages/ts/react-grid/src/types/Sort.ts b/packages/ts/react-grid/src/types/Sort.ts
new file mode 100644
index 0000000000..6aca43327a
--- /dev/null
+++ b/packages/ts/react-grid/src/types/Sort.ts
@@ -0,0 +1,5 @@
+import type Order_1 from "./Order.js";
+interface Sort {
+    orders: Array<Order_1 | undefined>;
+}
+export default Sort;
diff --git a/packages/ts/react-grid/test/TestModels.ts b/packages/ts/react-grid/test/TestModels.ts
new file mode 100644
index 0000000000..fa2aad871a
--- /dev/null
+++ b/packages/ts/react-grid/test/TestModels.ts
@@ -0,0 +1,17 @@
+import { ObjectModel, StringModel, _getPropertyModel } from '@hilla/form';
+
+export interface Person {
+  firstName: string;
+  lastName: string;
+}
+
+export class PersonModel<T extends Person = Person> extends ObjectModel<T> {
+  declare static createEmptyValue: () => Person;
+
+  get firstName(): StringModel {
+    return this[_getPropertyModel]('firstName', StringModel, [false]);
+  }
+  get lastName(): StringModel {
+    return this[_getPropertyModel]('firstName', StringModel, [false]);
+  }
+}
diff --git a/packages/ts/react-grid/test/autogrid.spec.tsx b/packages/ts/react-grid/test/autogrid.spec.tsx
new file mode 100644
index 0000000000..7be8ecbd7b
--- /dev/null
+++ b/packages/ts/react-grid/test/autogrid.spec.tsx
@@ -0,0 +1,77 @@
+import { expect, use } from '@esm-bundle/chai';
+import { Grid, GridElement } from '@hilla/react-components/Grid.js';
+import { render } from '@testing-library/react';
+import sinon from 'sinon';
+import sinonChai from 'sinon-chai';
+import { useAutoGrid as _useAutoGrid } from '../src/autogrid.js';
+import type { CrudEndpoint } from '../src/crud.js';
+import Pageable from '../src/types/Pageable.js';
+import { Person, PersonModel } from './TestModels.js';
+//@ts-ignore
+import { getRowBodyCells, getBodyCellContent, getRows, getCellContent } from './grid-test-utils.js';
+use(sinonChai);
+
+const fakeEndpoint: CrudEndpoint<Person> = {
+  list: async (request: Pageable): Promise<Person[]> => {
+    const data: Person[] = [
+      { firstName: 'John', lastName: 'Dove' },
+      { firstName: 'Jane', lastName: 'Love' },
+    ];
+    if (request.pageNumber === 0) {
+      return data;
+    }
+
+    return [];
+  },
+};
+
+async function sleep(ms: number) {
+  return new Promise((resolve) =>
+    setTimeout(() => {
+      resolve(undefined);
+    }, 1),
+  );
+}
+describe('@hilla/react-grid', () => {
+  type UseAutoGridSpy = sinon.SinonSpy<Parameters<typeof _useAutoGrid>, ReturnType<typeof _useAutoGrid>>;
+  const useAutoGrid = sinon.spy(_useAutoGrid) as typeof _useAutoGrid;
+
+  beforeEach(() => {
+    (useAutoGrid as UseAutoGridSpy).resetHistory();
+  });
+
+  function AutoGrid() {
+    const autoGrid = useAutoGrid(fakeEndpoint, PersonModel);
+    return <Grid {...autoGrid}></Grid>;
+  }
+  describe('useAutoGrid', () => {
+    it('creates columns based on model', async () => {
+      const result = render(<AutoGrid />);
+      const columns = result.container.querySelectorAll('vaadin-grid-sort-column');
+      expect(columns.length).to.equal(2);
+      expect(columns[0].path).to.equal('firstName');
+      expect(columns[0].header).to.equal('First name');
+      expect(columns[1].path).to.equal('lastName');
+      expect(columns[1].header).to.equal('Last name');
+    });
+    it('sets a data provider', async () => {
+      const result = render(<AutoGrid />);
+      const grid = result.container.querySelector('vaadin-grid');
+      expect(grid?.dataProvider).to.not.be.undefined;
+    });
+    it('data provider provides data', async () => {
+      const result = render(<AutoGrid />);
+      const grid: GridElement = result.container.querySelector('vaadin-grid')!;
+      grid.requestContentUpdate();
+      await sleep(1);
+      expect((grid as any)._cache.size).to.equal(2);
+      expect(getBodyCellContent(grid, 0, 0).innerText).to.equal('John');
+      expect(getBodyCellContent(grid, 0, 1).innerText).to.equal('Dove');
+      expect(getBodyCellContent(grid, 1, 0).innerText).to.equal('Jane');
+      expect(getBodyCellContent(grid, 1, 1).innerText).to.equal('Love');
+    });
+  });
+});
+function getBodyCellText(grid: GridElement, row: number, col: number): any {
+  return getCellContent(getRowBodyCells(getRows(grid.shadowRoot)[row])[col]).innerText;
+}
diff --git a/packages/ts/react-grid/test/autogrid.tsx b/packages/ts/react-grid/test/autogrid.tsx
deleted file mode 100644
index 8790ec2434..0000000000
--- a/packages/ts/react-grid/test/autogrid.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { expect, use } from '@esm-bundle/chai';
-import sinon from 'sinon';
-import sinonChai from 'sinon-chai';
-import { useAutoGrid as _useAutoGrid } from '../src/autogrid.js';
-
-use(sinonChai);
-
-describe('@hilla/react-form', () => {
-  type UseAutoGridSpy = sinon.SinonSpy<Parameters<typeof _useAutoGrid>, ReturnType<typeof _useAutoGrid>>;
-  const useAutoGrid = sinon.spy(_useAutoGrid) as typeof _useAutoGrid;
-
-  beforeEach(() => {
-    (useAutoGrid as UseAutoGridSpy).resetHistory();
-  });
-
-  describe('useAutoGrid', () => {
-    it('exists', async () => {
-      expect(useAutoGrid()).to.equal('foo');
-    });
-  });
-});
diff --git a/packages/ts/react-grid/test/grid-test-utils.js b/packages/ts/react-grid/test/grid-test-utils.js
new file mode 100644
index 0000000000..008c0dd04a
--- /dev/null
+++ b/packages/ts/react-grid/test/grid-test-utils.js
@@ -0,0 +1,140 @@
+// From https://github.com/vaadin/web-components/blob/4c8a3f9402d5c0d4b93eb1b73b2f898bbfb904be/packages/grid/test/helpers.js
+export const getCell = (grid, index) => {
+    return grid.$.items.querySelectorAll('[part~="cell"]')[index];
+  };
+  
+  export const getFirstCell = (grid) => {
+    return getCell(grid, 0);
+  };
+  
+  export const infiniteDataProvider = (params, callback) => {
+    callback(
+      Array.from({ length: params.pageSize }, (_, index) => {
+        return {
+          value: `foo${params.page * params.pageSize + index}`,
+        };
+      }),
+    );
+  };
+  
+  export const buildItem = (index) => {
+    return {
+      index,
+    };
+  };
+  
+  export const wheel = (target, deltaX, deltaY, ctrlKey) => {
+    const e = new CustomEvent('wheel', { bubbles: true, cancelable: true });
+    e.deltaX = deltaX;
+    e.deltaY = deltaY;
+    e.ctrlKey = ctrlKey;
+    target.dispatchEvent(e);
+    return e;
+  };
+  
+  export const buildDataSet = (size) => {
+    const data = [];
+    while (data.length < size) {
+      data.push(buildItem(data.length));
+    }
+    return data;
+  };
+  
+  export const scrollToEnd = (grid, callback) => {
+    grid.scrollToIndex(grid.size - 1);
+    flushGrid(grid);
+    if (callback) {
+      callback();
+    }
+  };
+  
+  const isVisible = (item, grid) => {
+    const scrollTarget = grid.shadowRoot.querySelector('table');
+    const scrollTargetRect = scrollTarget.getBoundingClientRect();
+    const itemRect = item.getBoundingClientRect();
+    const offset = parseInt(getComputedStyle(item.firstElementChild).borderTopWidth);
+    const headerHeight = grid.shadowRoot.querySelector('thead').offsetHeight;
+    const footerHeight = grid.shadowRoot.querySelector('tfoot').offsetHeight;
+    return (
+      itemRect.bottom > scrollTargetRect.top + headerHeight + offset &&
+      itemRect.top < scrollTargetRect.bottom - footerHeight - offset
+    );
+  };
+  
+  export const getPhysicalItems = (grid) => {
+    return Array.from(grid.shadowRoot.querySelector('tbody').children)
+      .filter((item) => !item.hidden)
+      .sort((a, b) => a.index - b.index);
+  };
+  
+  export const getPhysicalAverage = (grid) => {
+    const physicalItems = getPhysicalItems(grid);
+    return physicalItems.map((el) => el.offsetHeight).reduce((sum, value) => sum + value, 0) / physicalItems.length;
+  };
+  
+  export const scrollGrid = (grid, left, top) => {
+    grid.shadowRoot.querySelector('table').scroll(left, top);
+  };
+  
+  export const getVisibleItems = (grid) => {
+    flushGrid(grid);
+    return getPhysicalItems(grid).filter((item) => isVisible(item, grid));
+  };
+  
+  export const getFirstVisibleItem = (grid) => {
+    return getVisibleItems(grid)[0] || null;
+  };
+  
+  export const getLastVisibleItem = (grid) => {
+    return getVisibleItems(grid).pop() || null;
+  };
+  
+  export const isWithinParentConstraints = (el, parent) => {
+    const elRect = el.getBoundingClientRect();
+    const parentRect = parent.getBoundingClientRect();
+    return (
+      elRect.top >= parentRect.top &&
+      elRect.right <= parentRect.right &&
+      elRect.bottom <= parentRect.bottom &&
+      elRect.left >= parentRect.left
+    );
+  };
+  
+  export const getRows = (container) => {
+    return container.querySelectorAll('tr');
+  };
+  
+  export const getRowCells = (row) => {
+    return Array.from(row.querySelectorAll('[part~="cell"]'));
+  };
+  
+  export const getRowBodyCells = (row) => {
+    return Array.from(row.querySelectorAll('[part~="cell"]:not([part~="details-cell"]'));
+  };
+  
+  export const getCellContent = (cell) => {
+    return cell ? cell.querySelector('slot').assignedNodes()[0] : null;
+  };
+  
+  export const getContainerCell = (container, row, col) => {
+    const rows = getRows(container);
+    const cells = getRowCells(rows[row]);
+    return cells[col];
+  };
+  
+  export const getContainerCellContent = (container, row, col) => {
+    return getCellContent(getContainerCell(container, row, col));
+  };
+  
+  export const getHeaderCellContent = (grid, row, col) => {
+    const container = grid.$.header;
+    return getContainerCellContent(container, row, col);
+  };
+  
+  export const getBodyCellContent = (grid, row, col) => {
+    const physicalItems = getPhysicalItems(grid);
+    const physicalRow = physicalItems.find((item) => item.index === row);
+    const cells = getRowCells(physicalRow);
+    return getCellContent(cells[col]);
+  };
+  
\ No newline at end of file
diff --git a/packages/ts/react-grid/tsconfig.json b/packages/ts/react-grid/tsconfig.json
index 440ed221a9..f8601f7253 100644
--- a/packages/ts/react-grid/tsconfig.json
+++ b/packages/ts/react-grid/tsconfig.json
@@ -3,7 +3,8 @@
   "compilerOptions": {
     "jsx": "react-jsx",
     "experimentalDecorators": true,
-    "target": "es2022"
+    "target": "es2022",
+    "verbatimModuleSyntax": false
   },
   "include": ["src", "test"],
   "exclude": ["test/**/*.snap.ts"]