@helpwave/hightide 0.1.6 → 0.1.7

package/dist/{index.cjs → index.mjs}

@@ -1,17 +1,18 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -28,11 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs
 var require_interop_require_wildcard = __commonJS({
-  "node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs"(exports2) {
+  "node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs"(exports) {
     "use strict";
     function _getRequireWildcardCache(nodeInterop) {
       if (typeof WeakMap !== "function") return null;
@@ -60,15 +60,15 @@ var require_interop_require_wildcard = __commonJS({
       if (cache) cache.set(obj, newObj);
       return newObj;
     }
-    exports2._ = _interop_require_wildcard;
+    exports._ = _interop_require_wildcard;
   }
 });
 
 // node_modules/next/dist/shared/lib/router/utils/querystring.js
 var require_querystring = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/querystring.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/querystring.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -77,7 +77,7 @@ var require_querystring = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       assign: function() {
         return assign;
       },
@@ -147,9 +147,9 @@ var require_querystring = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/format-url.js
 var require_format_url = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/format-url.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/format-url.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -158,7 +158,7 @@ var require_format_url = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       formatUrl: function() {
         return formatUrl;
       },
@@ -236,12 +236,12 @@ var require_format_url = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/omit.js
 var require_omit = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/omit.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/omit.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "omit", {
+    Object.defineProperty(exports, "omit", {
       enumerable: true,
       get: function() {
         return omit;
@@ -261,9 +261,9 @@ var require_omit = __commonJS({
 
 // node_modules/next/dist/shared/lib/utils.js
 var require_utils = __commonJS({
-  "node_modules/next/dist/shared/lib/utils.js"(exports2) {
+  "node_modules/next/dist/shared/lib/utils.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -272,7 +272,7 @@ var require_utils = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       DecodeError: function() {
         return DecodeError;
       },
@@ -451,12 +451,12 @@ var require_utils = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/remove-trailing-slash.js
 var require_remove_trailing_slash = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/remove-trailing-slash.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/remove-trailing-slash.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "removeTrailingSlash", {
+    Object.defineProperty(exports, "removeTrailingSlash", {
       enumerable: true,
       get: function() {
         return removeTrailingSlash;
@@ -470,12 +470,12 @@ var require_remove_trailing_slash = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/parse-path.js
 var require_parse_path = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/parse-path.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/parse-path.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "parsePath", {
+    Object.defineProperty(exports, "parsePath", {
       enumerable: true,
       get: function() {
         return parsePath;
@@ -503,12 +503,12 @@ var require_parse_path = __commonJS({
 
 // node_modules/next/dist/client/normalize-trailing-slash.js
 var require_normalize_trailing_slash = __commonJS({
-  "node_modules/next/dist/client/normalize-trailing-slash.js"(exports2, module2) {
+  "node_modules/next/dist/client/normalize-trailing-slash.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "normalizePathTrailingSlash", {
+    Object.defineProperty(exports, "normalizePathTrailingSlash", {
       enumerable: true,
       get: function() {
         return normalizePathTrailingSlash;
@@ -532,22 +532,22 @@ var require_normalize_trailing_slash = __commonJS({
       }
       return "" + (0, _removetrailingslash.removeTrailingSlash)(pathname) + query + hash;
     };
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/router/utils/path-has-prefix.js
 var require_path_has_prefix = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/path-has-prefix.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/path-has-prefix.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "pathHasPrefix", {
+    Object.defineProperty(exports, "pathHasPrefix", {
       enumerable: true,
       get: function() {
         return pathHasPrefix;
@@ -566,12 +566,12 @@ var require_path_has_prefix = __commonJS({
 
 // node_modules/next/dist/client/has-base-path.js
 var require_has_base_path = __commonJS({
-  "node_modules/next/dist/client/has-base-path.js"(exports2, module2) {
+  "node_modules/next/dist/client/has-base-path.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "hasBasePath", {
+    Object.defineProperty(exports, "hasBasePath", {
       enumerable: true,
       get: function() {
         return hasBasePath;
@@ -582,22 +582,22 @@ var require_has_base_path = __commonJS({
     function hasBasePath(path) {
       return (0, _pathhasprefix.pathHasPrefix)(path, basePath);
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/router/utils/is-local-url.js
 var require_is_local_url = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/is-local-url.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/is-local-url.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "isLocalURL", {
+    Object.defineProperty(exports, "isLocalURL", {
       enumerable: true,
       get: function() {
         return isLocalURL;
@@ -620,9 +620,9 @@ var require_is_local_url = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/sorted-routes.js
 var require_sorted_routes = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/sorted-routes.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/sorted-routes.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -631,7 +631,7 @@ var require_sorted_routes = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       getSortedRouteObjects: function() {
         return getSortedRouteObjects;
       },
@@ -830,12 +830,12 @@ var require_sorted_routes = __commonJS({
 
 // node_modules/next/dist/shared/lib/page-path/ensure-leading-slash.js
 var require_ensure_leading_slash = __commonJS({
-  "node_modules/next/dist/shared/lib/page-path/ensure-leading-slash.js"(exports2) {
+  "node_modules/next/dist/shared/lib/page-path/ensure-leading-slash.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "ensureLeadingSlash", {
+    Object.defineProperty(exports, "ensureLeadingSlash", {
       enumerable: true,
       get: function() {
         return ensureLeadingSlash;
@@ -849,9 +849,9 @@ var require_ensure_leading_slash = __commonJS({
 
 // node_modules/next/dist/shared/lib/segment.js
 var require_segment = __commonJS({
-  "node_modules/next/dist/shared/lib/segment.js"(exports2) {
+  "node_modules/next/dist/shared/lib/segment.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -860,7 +860,7 @@ var require_segment = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       DEFAULT_SEGMENT_KEY: function() {
         return DEFAULT_SEGMENT_KEY;
       },
@@ -898,9 +898,9 @@ var require_segment = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/app-paths.js
 var require_app_paths = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/app-paths.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/app-paths.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -909,7 +909,7 @@ var require_app_paths = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       normalizeAppPath: function() {
         return normalizeAppPath;
       },
@@ -948,9 +948,9 @@ var require_app_paths = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/interception-routes.js
 var require_interception_routes = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/interception-routes.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/interception-routes.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -959,7 +959,7 @@ var require_interception_routes = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       INTERCEPTION_ROUTE_MARKERS: function() {
         return INTERCEPTION_ROUTE_MARKERS;
       },
@@ -1047,12 +1047,12 @@ var require_interception_routes = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/is-dynamic.js
 var require_is_dynamic = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/is-dynamic.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/is-dynamic.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "isDynamicRoute", {
+    Object.defineProperty(exports, "isDynamicRoute", {
       enumerable: true,
       get: function() {
         return isDynamicRoute;
@@ -1076,9 +1076,9 @@ var require_is_dynamic = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/index.js
 var require_utils2 = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/index.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/index.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -1087,7 +1087,7 @@ var require_utils2 = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       getSortedRouteObjects: function() {
         return _sortedroutes.getSortedRouteObjects;
       },
@@ -1105,12 +1105,12 @@ var require_utils2 = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/route-matcher.js
 var require_route_matcher = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/route-matcher.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/route-matcher.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "getRouteMatcher", {
+    Object.defineProperty(exports, "getRouteMatcher", {
       enumerable: true,
       get: function() {
         return getRouteMatcher;
@@ -1152,9 +1152,9 @@ var require_route_matcher = __commonJS({
 
 // node_modules/next/dist/lib/constants.js
 var require_constants = __commonJS({
-  "node_modules/next/dist/lib/constants.js"(exports2) {
+  "node_modules/next/dist/lib/constants.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -1163,7 +1163,7 @@ var require_constants = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       ACTION_SUFFIX: function() {
         return ACTION_SUFFIX;
       },
@@ -1487,12 +1487,12 @@ var require_constants = __commonJS({
 
 // node_modules/next/dist/shared/lib/escape-regexp.js
 var require_escape_regexp = __commonJS({
-  "node_modules/next/dist/shared/lib/escape-regexp.js"(exports2) {
+  "node_modules/next/dist/shared/lib/escape-regexp.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "escapeStringRegexp", {
+    Object.defineProperty(exports, "escapeStringRegexp", {
       enumerable: true,
       get: function() {
         return escapeStringRegexp;
@@ -1511,9 +1511,9 @@ var require_escape_regexp = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/route-regex.js
 var require_route_regex = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/route-regex.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/route-regex.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -1522,7 +1522,7 @@ var require_route_regex = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       getNamedMiddlewareRegex: function() {
         return getNamedMiddlewareRegex;
       },
@@ -1739,12 +1739,12 @@ var require_route_regex = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/interpolate-as.js
 var require_interpolate_as = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/interpolate-as.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/interpolate-as.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "interpolateAs", {
+    Object.defineProperty(exports, "interpolateAs", {
       enumerable: true,
       get: function() {
         return interpolateAs;
@@ -1795,12 +1795,12 @@ var require_interpolate_as = __commonJS({
 
 // node_modules/next/dist/client/resolve-href.js
 var require_resolve_href = __commonJS({
-  "node_modules/next/dist/client/resolve-href.js"(exports2, module2) {
+  "node_modules/next/dist/client/resolve-href.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "resolveHref", {
+    Object.defineProperty(exports, "resolveHref", {
       enumerable: true,
       get: function() {
         return resolveHref;
@@ -1861,22 +1861,22 @@ var require_resolve_href = __commonJS({
         ] : urlAsString;
       }
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/router/utils/add-path-prefix.js
 var require_add_path_prefix = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/add-path-prefix.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/add-path-prefix.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "addPathPrefix", {
+    Object.defineProperty(exports, "addPathPrefix", {
       enumerable: true,
       get: function() {
         return addPathPrefix;
@@ -1895,12 +1895,12 @@ var require_add_path_prefix = __commonJS({
 
 // node_modules/next/dist/shared/lib/router/utils/add-locale.js
 var require_add_locale = __commonJS({
-  "node_modules/next/dist/shared/lib/router/utils/add-locale.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router/utils/add-locale.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "addLocale", {
+    Object.defineProperty(exports, "addLocale", {
       enumerable: true,
       get: function() {
         return addLocale;
@@ -1922,12 +1922,12 @@ var require_add_locale = __commonJS({
 
 // node_modules/next/dist/client/add-locale.js
 var require_add_locale2 = __commonJS({
-  "node_modules/next/dist/client/add-locale.js"(exports2, module2) {
+  "node_modules/next/dist/client/add-locale.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "addLocale", {
+    Object.defineProperty(exports, "addLocale", {
       enumerable: true,
       get: function() {
         return addLocale;
@@ -1943,40 +1943,40 @@ var require_add_locale2 = __commonJS({
       }
       return path;
     };
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/@swc/helpers/cjs/_interop_require_default.cjs
 var require_interop_require_default = __commonJS({
-  "node_modules/@swc/helpers/cjs/_interop_require_default.cjs"(exports2) {
+  "node_modules/@swc/helpers/cjs/_interop_require_default.cjs"(exports) {
     "use strict";
     function _interop_require_default(obj) {
       return obj && obj.__esModule ? obj : { default: obj };
     }
-    exports2._ = _interop_require_default;
+    exports._ = _interop_require_default;
   }
 });
 
 // node_modules/next/dist/shared/lib/router-context.shared-runtime.js
 var require_router_context_shared_runtime = __commonJS({
-  "node_modules/next/dist/shared/lib/router-context.shared-runtime.js"(exports2) {
+  "node_modules/next/dist/shared/lib/router-context.shared-runtime.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "RouterContext", {
+    Object.defineProperty(exports, "RouterContext", {
       enumerable: true,
       get: function() {
         return RouterContext;
       }
     });
     var _interop_require_default = require_interop_require_default();
-    var _react = /* @__PURE__ */ _interop_require_default._(require("react"));
+    var _react = /* @__PURE__ */ _interop_require_default._(__require("react"));
     var RouterContext = _react.default.createContext(null);
     if (process.env.NODE_ENV !== "production") {
       RouterContext.displayName = "RouterContext";
@@ -1986,9 +1986,9 @@ var require_router_context_shared_runtime = __commonJS({
 
 // node_modules/next/dist/client/request-idle-callback.js
 var require_request_idle_callback = __commonJS({
-  "node_modules/next/dist/client/request-idle-callback.js"(exports2, module2) {
+  "node_modules/next/dist/client/request-idle-callback.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -1997,7 +1997,7 @@ var require_request_idle_callback = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       cancelIdleCallback: function() {
         return cancelIdleCallback;
       },
@@ -2019,28 +2019,28 @@ var require_request_idle_callback = __commonJS({
     var cancelIdleCallback = typeof self !== "undefined" && self.cancelIdleCallback && self.cancelIdleCallback.bind(window) || function(id) {
       return clearTimeout(id);
     };
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/client/use-intersection.js
 var require_use_intersection = __commonJS({
-  "node_modules/next/dist/client/use-intersection.js"(exports2, module2) {
+  "node_modules/next/dist/client/use-intersection.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "useIntersection", {
+    Object.defineProperty(exports, "useIntersection", {
       enumerable: true,
       get: function() {
         return useIntersection;
       }
     });
-    var _react = require("react");
+    var _react = __require("react");
     var _requestidlecallback = require_request_idle_callback();
     var hasIntersectionObserver = typeof IntersectionObserver === "function";
     var observers = /* @__PURE__ */ new Map();
@@ -2135,22 +2135,22 @@ var require_use_intersection = __commonJS({
         resetVisible
       ];
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/i18n/normalize-locale-path.js
 var require_normalize_locale_path = __commonJS({
-  "node_modules/next/dist/shared/lib/i18n/normalize-locale-path.js"(exports2) {
+  "node_modules/next/dist/shared/lib/i18n/normalize-locale-path.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "normalizeLocalePath", {
+    Object.defineProperty(exports, "normalizeLocalePath", {
       enumerable: true,
       get: function() {
         return normalizeLocalePath;
@@ -2188,12 +2188,12 @@ var require_normalize_locale_path = __commonJS({
 
 // node_modules/next/dist/client/normalize-locale-path.js
 var require_normalize_locale_path2 = __commonJS({
-  "node_modules/next/dist/client/normalize-locale-path.js"(exports2, module2) {
+  "node_modules/next/dist/client/normalize-locale-path.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "normalizeLocalePath", {
+    Object.defineProperty(exports, "normalizeLocalePath", {
       enumerable: true,
       get: function() {
         return normalizeLocalePath;
@@ -2208,22 +2208,22 @@ var require_normalize_locale_path2 = __commonJS({
         detectedLocale: void 0
       };
     };
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/i18n/detect-domain-locale.js
 var require_detect_domain_locale = __commonJS({
-  "node_modules/next/dist/shared/lib/i18n/detect-domain-locale.js"(exports2) {
+  "node_modules/next/dist/shared/lib/i18n/detect-domain-locale.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "detectDomainLocale", {
+    Object.defineProperty(exports, "detectDomainLocale", {
       enumerable: true,
       get: function() {
         return detectDomainLocale;
@@ -2247,12 +2247,12 @@ var require_detect_domain_locale = __commonJS({
 
 // node_modules/next/dist/client/detect-domain-locale.js
 var require_detect_domain_locale2 = __commonJS({
-  "node_modules/next/dist/client/detect-domain-locale.js"(exports2, module2) {
+  "node_modules/next/dist/client/detect-domain-locale.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "detectDomainLocale", {
+    Object.defineProperty(exports, "detectDomainLocale", {
       enumerable: true,
       get: function() {
         return detectDomainLocale;
@@ -2266,22 +2266,22 @@ var require_detect_domain_locale2 = __commonJS({
         return require_detect_domain_locale().detectDomainLocale(...args);
       }
     };
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/client/get-domain-locale.js
 var require_get_domain_locale = __commonJS({
-  "node_modules/next/dist/client/get-domain-locale.js"(exports2, module2) {
+  "node_modules/next/dist/client/get-domain-locale.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "getDomainLocale", {
+    Object.defineProperty(exports, "getDomainLocale", {
       enumerable: true,
       get: function() {
         return getDomainLocale;
@@ -2305,22 +2305,22 @@ var require_get_domain_locale = __commonJS({
         return false;
       }
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/client/add-base-path.js
 var require_add_base_path = __commonJS({
-  "node_modules/next/dist/client/add-base-path.js"(exports2, module2) {
+  "node_modules/next/dist/client/add-base-path.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "addBasePath", {
+    Object.defineProperty(exports, "addBasePath", {
       enumerable: true,
       get: function() {
         return addBasePath;
@@ -2332,28 +2332,28 @@ var require_add_base_path = __commonJS({
     function addBasePath(path, required) {
       return (0, _normalizetrailingslash.normalizePathTrailingSlash)(process.env.__NEXT_MANUAL_CLIENT_BASE_PATH && !required ? path : (0, _addpathprefix.addPathPrefix)(path, basePath));
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/client/use-merged-ref.js
 var require_use_merged_ref = __commonJS({
-  "node_modules/next/dist/client/use-merged-ref.js"(exports2, module2) {
+  "node_modules/next/dist/client/use-merged-ref.js"(exports, module) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "useMergedRef", {
+    Object.defineProperty(exports, "useMergedRef", {
       enumerable: true,
       get: function() {
         return useMergedRef;
       }
     });
-    var _react = require("react");
+    var _react = __require("react");
     function useMergedRef(refA, refB) {
       const cleanupA = (0, _react.useRef)(null);
       const cleanupB = (0, _react.useRef)(null);
@@ -2397,22 +2397,22 @@ var require_use_merged_ref = __commonJS({
         };
       }
     }
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/dist/shared/lib/utils/error-once.js
 var require_error_once = __commonJS({
-  "node_modules/next/dist/shared/lib/utils/error-once.js"(exports2) {
+  "node_modules/next/dist/shared/lib/utils/error-once.js"(exports) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", {
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    Object.defineProperty(exports2, "errorOnce", {
+    Object.defineProperty(exports, "errorOnce", {
       enumerable: true,
       get: function() {
         return errorOnce;
@@ -2434,10 +2434,10 @@ var require_error_once = __commonJS({
 
 // node_modules/next/dist/client/link.js
 var require_link = __commonJS({
-  "node_modules/next/dist/client/link.js"(exports2, module2) {
-    "use strict";
+  "node_modules/next/dist/client/link.js"(exports, module) {
     "use client";
-    Object.defineProperty(exports2, "__esModule", {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
       value: true
     });
     function _export(target, all) {
@@ -2446,7 +2446,7 @@ var require_link = __commonJS({
         get: all[name]
       });
     }
-    _export(exports2, {
+    _export(exports, {
       default: function() {
         return _default;
       },
@@ -2455,8 +2455,8 @@ var require_link = __commonJS({
       }
     });
     var _interop_require_wildcard = require_interop_require_wildcard();
-    var _jsxruntime = require("react/jsx-runtime");
-    var _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
+    var _jsxruntime = __require("react/jsx-runtime");
+    var _react = /* @__PURE__ */ _interop_require_wildcard._(__require("react"));
     var _resolvehref = require_resolve_href();
     var _islocalurl = require_is_local_url();
     var _formaturl = require_format_url();
@@ -2823,176 +2823,28 @@ var require_link = __commonJS({
       return (0, _react.useContext)(LinkStatusContext);
     };
     var _default = Link2;
-    if ((typeof exports2.default === "function" || typeof exports2.default === "object" && exports2.default !== null) && typeof exports2.default.__esModule === "undefined") {
-      Object.defineProperty(exports2.default, "__esModule", { value: true });
-      Object.assign(exports2.default, exports2);
-      module2.exports = exports2.default;
+    if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
+      Object.defineProperty(exports.default, "__esModule", { value: true });
+      Object.assign(exports.default, exports);
+      module.exports = exports.default;
     }
   }
 });
 
 // node_modules/next/link.js
 var require_link2 = __commonJS({
-  "node_modules/next/link.js"(exports2, module2) {
-    "use strict";
-    module2.exports = require_link();
+  "node_modules/next/link.js"(exports, module) {
+    module.exports = require_link();
   }
 });
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  ASTNodeInterpreter: () => ASTNodeInterpreter,
-  AnimatedRing: () => AnimatedRing,
-  ArrayUtil: () => ArrayUtil,
-  Avatar: () => Avatar,
-  AvatarGroup: () => AvatarGroup,
-  BreadCrumb: () => BreadCrumb,
-  ButtonColorUtil: () => ButtonColorUtil,
-  ButtonUtil: () => ButtonUtil,
-  Carousel: () => Carousel,
-  Checkbox: () => Checkbox,
-  CheckboxProperty: () => CheckboxProperty,
-  CheckboxUncontrolled: () => CheckboxUncontrolled,
-  Chip: () => Chip,
-  ChipList: () => ChipList,
-  Circle: () => Circle,
-  ConfirmDialog: () => ConfirmDialog,
-  ConfirmModal: () => ConfirmModal,
-  DatePicker: () => DatePicker,
-  DatePickerUncontrolled: () => DatePickerUncontrolled,
-  DateProperty: () => DateProperty,
-  DateTimePicker: () => DateTimePicker,
-  DayPicker: () => DayPicker,
-  DayPickerUncontrolled: () => DayPickerUncontrolled,
-  Dialog: () => Dialog,
-  DiscardChangesModal: () => DiscardChangesModal,
-  DividerInserter: () => DividerInserter,
-  EaseFunctions: () => EaseFunctions,
-  ErrorComponent: () => ErrorComponent,
-  Expandable: () => Expandable,
-  ExpandableUncontrolled: () => ExpandableUncontrolled,
-  FAQSection: () => FAQSection,
-  FormInput: () => FormInput,
-  Helpwave: () => Helpwave,
-  HelpwaveBadge: () => HelpwaveBadge,
-  IconButton: () => IconButton,
-  Input: () => Input,
-  InputModal: () => InputModal,
-  InputUncontrolled: () => InputUncontrolled,
-  Label: () => Label,
-  LanguageContext: () => LanguageContext,
-  LanguageModal: () => LanguageModal,
-  LanguageProvider: () => LanguageProvider,
-  LanguageUtil: () => LanguageUtil,
-  LoadingAndErrorComponent: () => LoadingAndErrorComponent,
-  LoadingAnimation: () => LoadingAnimation,
-  LoadingButton: () => LoadingButton,
-  LocalStorageService: () => LocalStorageService,
-  LoopingArrayCalculator: () => LoopingArrayCalculator,
-  MarkdownInterpreter: () => MarkdownInterpreter,
-  Menu: () => Menu2,
-  MenuItem: () => MenuItem,
-  Modal: () => Modal,
-  MultiSearchWithMapping: () => MultiSearchWithMapping,
-  MultiSelect: () => MultiSelect,
-  MultiSelectProperty: () => MultiSelectProperty,
-  MultiSubjectSearchWithMapping: () => MultiSubjectSearchWithMapping,
-  NumberProperty: () => NumberProperty,
-  OutlineButton: () => OutlineButton,
-  Overlay: () => Overlay,
-  OverlayHeader: () => OverlayHeader,
-  Pagination: () => Pagination,
-  ProgressIndicator: () => ProgressIndicator,
-  PropertyBase: () => PropertyBase,
-  RadialRings: () => RadialRings,
-  Ring: () => Ring,
-  RingWave: () => RingWave,
-  ScrollPicker: () => ScrollPicker,
-  SearchableList: () => SearchableList,
-  SearchableSelect: () => SearchableSelect,
-  Select: () => Select,
-  SelectUncontrolled: () => SelectUncontrolled,
-  SessionStorageService: () => SessionStorageService,
-  SimpleSearch: () => SimpleSearch,
-  SimpleSearchWithMapping: () => SimpleSearchWithMapping,
-  SingleSelectProperty: () => SingleSelectProperty,
-  SolidButton: () => SolidButton,
-  SortButton: () => SortButton,
-  StepperBar: () => StepperBar,
-  StepperBarUncontrolled: () => StepperBarUncontrolled,
-  Table: () => Table,
-  TagIcon: () => TagIcon,
-  TextButton: () => TextButton,
-  TextImage: () => TextImage,
-  TextProperty: () => TextProperty,
-  Textarea: () => Textarea,
-  TextareaUncontrolled: () => TextareaUncontrolled,
-  ThemeContext: () => ThemeContext,
-  ThemeModal: () => ThemeModal,
-  ThemeProvider: () => ThemeProvider,
-  ThemeUtil: () => ThemeUtil,
-  Tile: () => Tile,
-  TimeDisplay: () => TimeDisplay,
-  TimePicker: () => TimePicker,
-  TimePickerUncontrolled: () => TimePickerUncontrolled,
-  ToggleableInput: () => ToggleableInput,
-  ToggleableInputUncontrolled: () => ToggleableInputUncontrolled,
-  Tooltip: () => Tooltip,
-  VerticalDivider: () => VerticalDivider,
-  YearMonthPicker: () => YearMonthPicker,
-  YearMonthPickerUncontrolled: () => YearMonthPickerUncontrolled,
-  addDuration: () => addDuration,
-  addElementToTable: () => addElementToTable,
-  avatarSizeMapping: () => avatarSizeMapping,
-  avtarSizeList: () => avtarSizeList,
-  builder: () => builder,
-  changeDuration: () => changeDuration,
-  changeTableSelectionSingle: () => changeTableSelectionSingle,
-  clamp: () => clamp,
-  closestMatch: () => closestMatch,
-  createLoopingList: () => createLoopingList,
-  createLoopingListWithIndex: () => createLoopingListWithIndex,
-  defaultTableStatePagination: () => defaultTableStatePagination,
-  defaultTableStateSelection: () => defaultTableStateSelection,
-  equalDate: () => equalDate,
-  equalSizeGroups: () => equalSizeGroups,
-  filterNews: () => filterNews,
-  formatDate: () => formatDate,
-  formatDateTime: () => formatDateTime,
-  generateShadingColors: () => generateShadingColors,
-  getBetweenDuration: () => getBetweenDuration,
-  getDaysInMonth: () => getDaysInMonth,
-  getNeighbours: () => getNeighbours,
-  getWeeksForCalenderMonth: () => getWeeksForCalenderMonth,
-  isDataObjectSelected: () => isDataObjectSelected,
-  isInTimeSpan: () => isInTimeSpan,
-  localizedNewsSchema: () => localizedNewsSchema,
-  monthsList: () => monthsList,
-  newsListSchema: () => newsListSchema,
-  newsSchema: () => newsSchema,
-  noop: () => noop,
-  pageForItem: () => pageForItem,
-  range: () => range,
-  removeFromTableSelection: () => removeFromTableSelection,
-  shadingColorValues: () => shadingColorValues,
-  subtractDuration: () => subtractDuration,
-  updatePagination: () => updatePagination,
-  useHoverState: () => useHoverState,
-  useLanguage: () => useLanguage,
-  useLocalStorage: () => useLocalStorage,
-  useLocale: () => useLocale,
-  useOutsideClick: () => useOutsideClick,
-  useSaveDelay: () => useSaveDelay,
-  useTheme: () => useTheme,
-  useTranslation: () => useTranslation,
-  validateEmail: () => validateEmail,
-  weekDayList: () => weekDayList
-});
-module.exports = __toCommonJS(index_exports);
+// src/coloring/shading.ts
+import tinycolor from "tinycolor2";
+
+// src/coloring/types.ts
+var shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3];
 
 // src/coloring/shading.ts
-var import_tinycolor2 = __toESM(require("tinycolor2"), 1);
 var generateShadingColors = (partialShading) => {
   const shading = {
     0: "#FFFFFF",
@@ -3023,22 +2875,19 @@ var generateShadingColors = (partialShading) => {
       const current2 = shadingColorValues[k];
       const previousValue = partialShading[previous] ?? shading[previous];
       const nextValue = partialShading[nextFound] ?? shading[nextFound];
-      shading[current2] = import_tinycolor2.default.mix((0, import_tinycolor2.default)(previousValue), (0, import_tinycolor2.default)(nextValue), (current2 - previous) / interval * 100).toHexString();
+      shading[current2] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current2 - previous) / interval * 100).toHexString();
     }
     index = j;
   }
   return shading;
 };
 
-// src/coloring/types.ts
-var shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3];
-
 // src/components/branding/HelpwaveBadge.tsx
-var import_clsx3 = __toESM(require("clsx"), 1);
+import clsx3 from "clsx";
 
 // src/components/layout-and-navigation/Tile.tsx
-var import_clsx = __toESM(require("clsx"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Tile = ({
   title,
   description,
@@ -3046,19 +2895,19 @@ var Tile = ({
   suffix,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)("row gap-x-4 w-full items-center", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx("row gap-x-4 w-full items-center", className), children: [
     prefix,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "col gap-y-0 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: (0, import_clsx.default)(title.className ?? "textstyle-title-normal"), children: title.value }),
-      !!description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(description.className ?? "textstyle-description"), children: description.value })
+    /* @__PURE__ */ jsxs("div", { className: "col gap-y-0 w-full", children: [
+      /* @__PURE__ */ jsx("h4", { className: clsx(title.className ?? "textstyle-title-normal"), children: title.value }),
+      !!description && /* @__PURE__ */ jsx("span", { className: clsx(description.className ?? "textstyle-description"), children: description.value })
     ] }),
     suffix
   ] });
 };
 
 // src/components/icons-and-geometry/Helpwave.tsx
-var import_clsx2 = require("clsx");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+import { clsx as clsx2 } from "clsx";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var Helpwave = ({
   color = "currentColor",
   animate = "none",
@@ -3076,7 +2925,7 @@ var Helpwave = ({
     console.error("size cannot be less than 0");
     size = 64;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ jsx2(
     "svg",
     {
       width: size,
@@ -3086,38 +2935,38 @@ var Helpwave = ({
       strokeLinecap: "round",
       strokeWidth: 48,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { className: (0, import_clsx2.clsx)(svgAnimationKey), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: /* @__PURE__ */ jsxs2("g", { className: clsx2(svgAnimationKey), children: [
+        /* @__PURE__ */ jsx2(
           "path",
           {
-            className: (0, import_clsx2.clsx)({ "animate-wave-big-left-up": isLoadingAnimation }),
+            className: clsx2({ "animate-wave-big-left-up": isLoadingAnimation }),
             d: "M144 543.235C144 423.259 232.164 326 340.92 326",
             stroke: color,
             strokeDasharray: "1000"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsx2(
           "path",
           {
-            className: (0, import_clsx2.clsx)({ "animate-wave-big-right-down": isLoadingAnimation }),
+            className: clsx2({ "animate-wave-big-right-down": isLoadingAnimation }),
             d: "M537.84 544.104C429.084 544.104 340.92 446.844 340.92 326.869",
             stroke: color,
             strokeDasharray: "1000"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsx2(
           "path",
           {
-            className: (0, import_clsx2.clsx)({ "animate-wave-small-left-up": isLoadingAnimation }),
+            className: clsx2({ "animate-wave-small-left-up": isLoadingAnimation }),
             d: "M462.223 518.035C462.223 432.133 525.348 362.495 603.217 362.495",
             stroke: color,
             strokeDasharray: "1000"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsx2(
           "path",
           {
-            className: (0, import_clsx2.clsx)({ "animate-wave-small-right-down": isLoadingAnimation }),
+            className: clsx2({ "animate-wave-small-right-down": isLoadingAnimation }),
             d: "M745.001 519.773C666.696 519.773 603.218 450.136 603.218 364.233",
             stroke: color,
             strokeDasharray: "1000"
@@ -3129,19 +2978,19 @@ var Helpwave = ({
 };
 
 // src/components/branding/HelpwaveBadge.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+import { jsx as jsx3 } from "react/jsx-runtime";
 var HelpwaveBadge = ({
   size = "small",
   title = "helpwave",
   className = ""
 }) => {
   const iconSize = size === "small" ? 24 : 64;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ jsx3(
     Tile,
     {
-      prefix: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Helpwave, { size: iconSize }),
+      prefix: /* @__PURE__ */ jsx3(Helpwave, { size: iconSize }),
       title: { value: title, className: size === "small" ? "textstyle-title-lg text-base" : "textstyle-title-xl" },
-      className: (0, import_clsx3.default)(
+      className: clsx3(
         {
           "px-2 py-1 rounded-md": size === "small",
           "px-4 py-1 rounded-md": size === "large"
@@ -3153,14 +3002,14 @@ var HelpwaveBadge = ({
 };
 
 // src/components/date/DatePicker.tsx
-var import_react6 = require("react");
-var import_lucide_react2 = require("lucide-react");
+import { useEffect as useEffect6, useState as useState6 } from "react";
+import { ArrowDown, ArrowUp, ChevronDown as ChevronDown2 } from "lucide-react";
 
 // src/localization/LanguageProvider.tsx
-var import_react2 = require("react");
+import { createContext, useContext, useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/hooks/useLocalStorage.ts
-var import_react = require("react");
+import { useCallback, useEffect, useState } from "react";
 
 // src/util/storage.ts
 var StorageService = class {
@@ -3198,7 +3047,7 @@ var SessionStorageService = class extends StorageService {
 
 // src/hooks/useLocalStorage.ts
 var useLocalStorage = (key, initValue) => {
-  const get = (0, import_react.useCallback)(() => {
+  const get = useCallback(() => {
     if (typeof window === "undefined") {
       return initValue;
     }
@@ -3206,14 +3055,14 @@ var useLocalStorage = (key, initValue) => {
     const value = storageService.get(key);
     return value || initValue;
   }, [initValue, key]);
-  const [storedValue, setStoredValue] = (0, import_react.useState)(get);
-  const setValue = (0, import_react.useCallback)((value) => {
+  const [storedValue, setStoredValue] = useState(get);
+  const setValue = useCallback((value) => {
     const newValue = value instanceof Function ? value(storedValue) : value;
     const storageService = new LocalStorageService();
     storageService.set(key, value);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
-  (0, import_react.useEffect)(() => {
+  useEffect(() => {
     setStoredValue(get());
   }, []);
   return [storedValue, setValue];
@@ -3233,12 +3082,12 @@ var LanguageUtil = {
 };
 
 // src/localization/LanguageProvider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var LanguageContext = (0, import_react2.createContext)({
+import { jsx as jsx4 } from "react/jsx-runtime";
+var LanguageContext = createContext({
   language: LanguageUtil.DEFAULT_LANGUAGE,
   setLanguage: (v) => v
 });
-var useLanguage = () => (0, import_react2.useContext)(LanguageContext);
+var useLanguage = () => useContext(LanguageContext);
 var useLocale = (overWriteLanguage) => {
   const { language } = useLanguage();
   const mapping = {
@@ -3248,18 +3097,18 @@ var useLocale = (overWriteLanguage) => {
   return mapping[overWriteLanguage ?? language];
 };
 var LanguageProvider = ({ initialLanguage, children }) => {
-  const [language, setLanguage] = (0, import_react2.useState)(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE);
+  const [language, setLanguage] = useState2(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE);
   const [storedLanguage, setStoredLanguage] = useLocalStorage("language", initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE);
-  (0, import_react2.useEffect)(() => {
+  useEffect2(() => {
     if (language !== initialLanguage && initialLanguage) {
       console.warn("LanguageProvider initial state changed: Prefer using languageProvider's setLanguage instead");
       setLanguage(initialLanguage);
     }
   }, [initialLanguage]);
-  (0, import_react2.useEffect)(() => {
+  useEffect2(() => {
     setStoredLanguage(language);
   }, [language, setStoredLanguage]);
-  (0, import_react2.useEffect)(() => {
+  useEffect2(() => {
     if (storedLanguage !== null) {
       setLanguage(storedLanguage);
       return;
@@ -3270,7 +3119,7 @@ var LanguageProvider = ({ initialLanguage, children }) => {
     const firstMatch = matchingBrowserLanguage[0];
     setLanguage(firstMatch);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LanguageContext.Provider, { value: {
+  return /* @__PURE__ */ jsx4(LanguageContext.Provider, { value: {
     language,
     setLanguage
   }, children });
@@ -3511,11 +3360,11 @@ var getWeeksForCalenderMonth = (date, weekStart, weeks = 6) => {
 };
 
 // src/components/date/DatePicker.tsx
-var import_clsx8 = __toESM(require("clsx"), 1);
+import clsx8 from "clsx";
 
 // src/components/user-action/Button.tsx
-var import_clsx4 = __toESM(require("clsx"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
+import clsx4 from "clsx";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var ButtonColorUtil = {
   solid: ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral"],
   text: ["primary", "negative", "neutral"],
@@ -3564,25 +3413,25 @@ var SolidButton = ({
     negative: "text-button-solid-negative-icon",
     neutral: "text-button-solid-neutral-icon"
   }[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
-      className: (0, import_clsx4.default)(
+      className: clsx4(
         {
           "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
-          [(0, import_clsx4.default)(colorClasses, "hover:brightness-90")]: !disabled
+          [clsx4(colorClasses, "hover:brightness-90")]: !disabled
         },
         ButtonUtil.paddingMapping[size],
         className
       ),
       ...restProps,
       children: [
-        startIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        startIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3590,10 +3439,10 @@ var SolidButton = ({
           }
         ),
         children,
-        endIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        endIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3621,25 +3470,25 @@ var OutlineButton = ({
   const iconColorClasses = {
     primary: "text-button-outline-primary-icon"
   }[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
-      className: (0, import_clsx4.default)(
+      className: clsx4(
         {
           "text-disabled-text border-disabled-outline cursor-not-allowed": disabled,
-          [(0, import_clsx4.default)(colorClasses, "hover:brightness-80")]: !disabled
+          [clsx4(colorClasses, "hover:brightness-80")]: !disabled
         },
         ButtonUtil.paddingMapping[size],
         className
       ),
       ...restProps,
       children: [
-        startIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        startIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3647,10 +3496,10 @@ var OutlineButton = ({
           }
         ),
         children,
-        endIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        endIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3682,25 +3531,25 @@ var TextButton = ({
     negative: "text-button-text-negative-icon",
     neutral: "text-button-text-neutral-icon"
   }[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
-      className: (0, import_clsx4.default)(
+      className: clsx4(
         {
           "text-disabled-text cursor-not-allowed": disabled,
-          [(0, import_clsx4.default)(colorClasses, "hover:bg-button-text-hover-background rounded-full")]: !disabled
+          [clsx4(colorClasses, "hover:bg-button-text-hover-background rounded-full")]: !disabled
         },
         ButtonUtil.paddingMapping[size],
         className
       ),
       ...restProps,
       children: [
-        startIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        startIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3708,10 +3557,10 @@ var TextButton = ({
           }
         ),
         children,
-        endIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        endIcon && /* @__PURE__ */ jsx5(
           "span",
           {
-            className: (0, import_clsx4.default)({
+            className: clsx4({
               [iconColorClasses]: !disabled,
               [`text-disabled-icon`]: disabled
             }),
@@ -3740,15 +3589,15 @@ var IconButton = ({
     negative: "bg-button-solid-negative-background text-button-solid-negative-text",
     neutral: "bg-button-solid-neutral-background text-button-solid-neutral-text"
   }[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
-      className: (0, import_clsx4.default)(
+      className: clsx4(
         {
           "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
-          [(0, import_clsx4.default)(colorClasses, "hover:brightness-90")]: !disabled
+          [clsx4(colorClasses, "hover:brightness-90")]: !disabled
         },
         ButtonUtil.iconPaddingMapping[size],
         className
@@ -3760,17 +3609,17 @@ var IconButton = ({
 };
 
 // src/components/date/YearMonthPicker.tsx
-var import_react4 = require("react");
-var import_react_custom_scrollbars_2 = require("react-custom-scrollbars-2");
-var import_clsx6 = __toESM(require("clsx"), 1);
+import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import clsx6 from "clsx";
 
 // src/components/layout-and-navigation/Expandable.tsx
-var import_react3 = require("react");
-var import_lucide_react = require("lucide-react");
-var import_clsx5 = __toESM(require("clsx"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var DefaultIcon = (expanded) => expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronUp, { size: 16, className: "min-w-[16px]" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { size: 16, className: "min-w-[16px]" });
-var Expandable = (0, import_react3.forwardRef)(function Expandable2({
+import { forwardRef, useEffect as useEffect3, useState as useState3 } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import clsx5 from "clsx";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var DefaultIcon = (expanded) => expanded ? /* @__PURE__ */ jsx6(ChevronUp, { size: 16, className: "min-w-[16px]" }) : /* @__PURE__ */ jsx6(ChevronDown, { size: 16, className: "min-w-[16px]" });
+var Expandable = forwardRef(function Expandable2({
   children,
   label,
   icon,
@@ -3782,17 +3631,17 @@ var Expandable = (0, import_react3.forwardRef)(function Expandable2({
   headerClassName = ""
 }, ref) {
   icon ??= DefaultIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       ref,
-      className: (0, import_clsx5.default)("col gap-y-0 bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader && !disabled }, className),
+      className: clsx5("col gap-y-0 bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader && !disabled }, className),
       onClick: () => !clickOnlyOnHeader && !disabled && onChange(!isExpanded),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ jsxs4(
           "div",
           {
-            className: (0, import_clsx5.default)(
+            className: clsx5(
               "row py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none",
               {
                 "group-hover:brightness-95": !isExpanded,
@@ -3808,21 +3657,21 @@ var Expandable = (0, import_react3.forwardRef)(function Expandable2({
             ]
           }
         ),
-        isExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "col px-4 pb-2", children })
+        isExpanded && /* @__PURE__ */ jsx6("div", { className: "col px-4 pb-2", children })
       ]
     }
   );
 });
-var ExpandableUncontrolled = (0, import_react3.forwardRef)(function ExpandableUncontrolled2({
+var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
   isExpanded,
   onChange = noop,
   ...props
 }, ref) {
-  const [usedIsExpanded, setUsedIsExpanded] = (0, import_react3.useState)(isExpanded);
-  (0, import_react3.useEffect)(() => {
+  const [usedIsExpanded, setUsedIsExpanded] = useState3(isExpanded);
+  useEffect3(() => {
     setUsedIsExpanded(isExpanded);
   }, [isExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ jsx6(
     Expandable,
     {
       ...props,
@@ -3837,7 +3686,7 @@ var ExpandableUncontrolled = (0, import_react3.forwardRef)(function ExpandableUn
 });
 
 // src/components/date/YearMonthPicker.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+import { jsx as jsx7 } from "react/jsx-runtime";
 var YearMonthPicker = ({
   displayedYearMonth = /* @__PURE__ */ new Date(),
   start = subtractDuration(/* @__PURE__ */ new Date(), { years: 50 }),
@@ -3848,8 +3697,8 @@ var YearMonthPicker = ({
   showValueOpen = true
 }) => {
   const locale = useLocale();
-  const ref = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const ref = useRef(null);
+  useEffect4(() => {
     const scrollToItem = () => {
       if (ref.current) {
         ref.current.scrollIntoView({
@@ -3865,15 +3714,15 @@ var YearMonthPicker = ({
     return null;
   }
   const years = range(start.getFullYear(), end.getFullYear());
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_clsx6.default)("col select-none", className), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_custom_scrollbars_2.Scrollbars, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "col gap-y-1 mr-3", children: years.map((year) => {
+  return /* @__PURE__ */ jsx7("div", { className: clsx6("col select-none", className), children: /* @__PURE__ */ jsx7(Scrollbars, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ jsx7("div", { className: "col gap-y-1 mr-3", children: years.map((year) => {
     const selectedYear = displayedYearMonth.getFullYear() === year;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ jsx7(
       ExpandableUncontrolled,
       {
         ref: (displayedYearMonth.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()) === year ? ref : void 0,
-        label: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: (0, import_clsx6.default)({ "text-primary font-bold": selectedYear }), children: year }),
+        label: /* @__PURE__ */ jsx7("span", { className: clsx6({ "text-primary font-bold": selectedYear }), children: year }),
         isExpanded: showValueOpen && selectedYear,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "col gap-y-1 px-2 pb-2", children: equalSizeGroups([...monthsList], 3).map((monthList, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "row", children: monthList.map((month) => {
+        children: equalSizeGroups([...monthsList], 3).map((monthList, index) => /* @__PURE__ */ jsx7("div", { className: "row", children: monthList.map((month) => {
           const monthIndex = monthsList.indexOf(month);
           const newDate = new Date(year, monthIndex);
           const selectedMonth = selectedYear && monthIndex === displayedYearMonth.getMonth();
@@ -3882,11 +3731,11 @@ var YearMonthPicker = ({
           const isAfterStart = start === void 0 || start <= addDuration(subtractDuration(lastOfMonth, { days: 1 }), { months: 1 });
           const isBeforeEnd = end === void 0 || firstOfMonth <= end;
           const isValid = isAfterStart && isBeforeEnd;
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          return /* @__PURE__ */ jsx7(
             "button",
             {
               disabled: !isValid,
-              className: (0, import_clsx6.default)(
+              className: clsx6(
                 "chip hover:brightness-95 flex-1",
                 {
                   "bg-gray-50 text-black": !selectedMonth && isValid,
@@ -3901,7 +3750,7 @@ var YearMonthPicker = ({
             },
             month
           );
-        }) }, index)) })
+        }) }, index))
       },
       year
     );
@@ -3912,9 +3761,9 @@ var YearMonthPickerUncontrolled = ({
   onChange = noop,
   ...props
 }) => {
-  const [yearMonth, setYearMonth] = (0, import_react4.useState)(displayedYearMonth);
-  (0, import_react4.useEffect)(() => setYearMonth(displayedYearMonth), [displayedYearMonth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const [yearMonth, setYearMonth] = useState4(displayedYearMonth);
+  useEffect4(() => setYearMonth(displayedYearMonth), [displayedYearMonth]);
+  return /* @__PURE__ */ jsx7(
     YearMonthPicker,
     {
       displayedYearMonth: yearMonth,
@@ -3928,9 +3777,9 @@ var YearMonthPickerUncontrolled = ({
 };
 
 // src/components/date/DayPicker.tsx
-var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react5 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+import clsx7 from "clsx";
+import { useEffect as useEffect5, useState as useState5 } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var DayPicker = ({
   displayedMonth,
   selected,
@@ -3944,18 +3793,18 @@ var DayPicker = ({
   const locale = useLocale();
   const month = displayedMonth.getMonth();
   const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_clsx7.default)("col gap-y-1 min-w-[220px] select-none", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "row text-center", children: weeks[0].map((weekDay, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 font-semibold", children: new Intl.DateTimeFormat(locale, { weekday: "long" }).format(weekDay).substring(0, 2) }, index)) }),
-    weeks.map((week, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "row text-center", children: week.map((date) => {
+  return /* @__PURE__ */ jsxs5("div", { className: clsx7("col gap-y-1 min-w-[220px] select-none", className), children: [
+    /* @__PURE__ */ jsx8("div", { className: "row text-center", children: weeks[0].map((weekDay, index) => /* @__PURE__ */ jsx8("div", { className: "flex-1 font-semibold", children: new Intl.DateTimeFormat(locale, { weekday: "long" }).format(weekDay).substring(0, 2) }, index)) }),
+    weeks.map((week, index) => /* @__PURE__ */ jsx8("div", { className: "row text-center", children: week.map((date) => {
       const isSelected = !!selected && equalDate(selected, date);
       const isToday = equalDate(/* @__PURE__ */ new Date(), date);
       const isSameMonth = date.getMonth() === month;
       const isDayValid = isInTimeSpan(date, start, end);
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      return /* @__PURE__ */ jsx8(
         "button",
         {
           disabled: !isDayValid,
-          className: (0, import_clsx7.default)(
+          className: clsx7(
             "flex-1 rounded-full border-2 border-transparent shadow-sm",
             {
               "text-gray-700 bg-gray-100": !isSameMonth && isDayValid,
@@ -3975,9 +3824,9 @@ var DayPicker = ({
   ] });
 };
 var DayPickerUncontrolled = ({ displayedMonth, onChange = noop, ...restProps }) => {
-  const [date, setDate] = (0, import_react5.useState)(displayedMonth);
-  (0, import_react5.useEffect)(() => setDate(displayedMonth), [displayedMonth]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const [date, setDate] = useState5(displayedMonth);
+  useEffect5(() => setDate(displayedMonth), [displayedMonth]);
+  return /* @__PURE__ */ jsx8(
     DayPicker,
     {
       displayedMonth: date,
@@ -3991,7 +3840,7 @@ var DayPickerUncontrolled = ({ displayedMonth, onChange = noop, ...restProps })
 };
 
 // src/components/date/DatePicker.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultDatePickerTranslation = {
   en: {
     today: "Today"
@@ -4013,28 +3862,28 @@ var DatePicker = ({
 }) => {
   const locale = useLocale();
   const translation = useTranslation(defaultDatePickerTranslation, overwriteTranslation);
-  const [displayedMonth, setDisplayedMonth] = (0, import_react6.useState)(value);
-  const [displayMode, setDisplayMode] = (0, import_react6.useState)(initialDisplay);
-  (0, import_react6.useEffect)(() => {
+  const [displayedMonth, setDisplayedMonth] = useState6(value);
+  const [displayMode, setDisplayMode] = useState6(initialDisplay);
+  useEffect6(() => {
     setDisplayedMonth(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_clsx8.default)("col gap-y-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "row items-center justify-between h-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ jsxs6("div", { className: clsx8("col gap-y-4", className), children: [
+    /* @__PURE__ */ jsxs6("div", { className: "row items-center justify-between h-7", children: [
+      /* @__PURE__ */ jsxs6(
         TextButton,
         {
-          className: (0, import_clsx8.default)("row gap-x-1 items-center cursor-pointer select-none", {
+          className: clsx8("row gap-x-1 items-center cursor-pointer select-none", {
             "text-disabled-text": displayMode !== "day"
           }),
           onClick: () => setDisplayMode(displayMode === "day" ? "yearMonth" : "day"),
           children: [
             `${new Intl.DateTimeFormat(locale, { month: "long" }).format(displayedMonth)} ${displayedMonth.getFullYear()}`,
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronDown, { size: 16 })
+            /* @__PURE__ */ jsx9(ChevronDown2, { size: 16 })
           ]
         }
       ),
-      displayMode === "day" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "row justify-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      displayMode === "day" && /* @__PURE__ */ jsxs6("div", { className: "row justify-end", children: [
+        /* @__PURE__ */ jsx9(
           SolidButton,
           {
             size: "small",
@@ -4043,10 +3892,10 @@ var DatePicker = ({
             onClick: () => {
               setDisplayedMonth(subtractDuration(displayedMonth, { months: 1 }));
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ArrowUp, { size: 20 })
+            children: /* @__PURE__ */ jsx9(ArrowUp, { size: 20 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ jsx9(
           SolidButton,
           {
             size: "small",
@@ -4055,12 +3904,12 @@ var DatePicker = ({
             onClick: () => {
               setDisplayedMonth(addDuration(displayedMonth, { months: 1 }));
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ArrowDown, { size: 20 })
+            children: /* @__PURE__ */ jsx9(ArrowDown, { size: 20 })
           }
         )
       ] })
     ] }),
-    displayMode === "yearMonth" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    displayMode === "yearMonth" ? /* @__PURE__ */ jsx9(
       YearMonthPicker,
       {
         ...yearMonthPickerProps,
@@ -4072,8 +3921,8 @@ var DatePicker = ({
           setDisplayMode("day");
         }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    ) : /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx9(
         DayPicker,
         {
           ...dayPickerProps,
@@ -4086,9 +3935,10 @@ var DatePicker = ({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ jsx9("div", { className: "mt-2", children: /* @__PURE__ */ jsx9(
         TextButton,
         {
+          color: "primary",
           onClick: () => {
             const newDate = /* @__PURE__ */ new Date();
             newDate.setHours(value.getHours(), value.getMinutes());
@@ -4105,9 +3955,9 @@ var DatePickerUncontrolled = ({
   onChange = noop,
   ...props
 }) => {
-  const [date, setDate] = (0, import_react6.useState)(value);
-  (0, import_react6.useEffect)(() => setDate(value), [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const [date, setDate] = useState6(value);
+  useEffect6(() => setDate(value), [value]);
+  return /* @__PURE__ */ jsx9(
     DatePicker,
     {
       ...props,
@@ -4121,7 +3971,7 @@ var DatePickerUncontrolled = ({
 };
 
 // src/components/date/TimeDisplay.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+import { jsx as jsx10 } from "react/jsx-runtime";
 var defaultTimeDisplayTranslations = {
   en: {
     today: "today",
@@ -4199,14 +4049,14 @@ var TimeDisplay = ({
   } else {
     fullString = `${date.getDate()}. ${monthToTranslation[date.getMonth()]} ${date.getFullYear()}`;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: fullString });
+  return /* @__PURE__ */ jsx10("span", { children: fullString });
 };
 
 // src/components/date/TimePicker.tsx
-var import_react7 = require("react");
-var import_react_custom_scrollbars_22 = require("react-custom-scrollbars-2");
-var import_clsx9 = __toESM(require("clsx"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+import { useEffect as useEffect7, useRef as useRef2, useState as useState7 } from "react";
+import { Scrollbars as Scrollbars2 } from "react-custom-scrollbars-2";
+import clsx9 from "clsx";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var TimePicker = ({
   time = /* @__PURE__ */ new Date(),
   onChange = noop,
@@ -4215,12 +4065,12 @@ var TimePicker = ({
   maxHeight = 300,
   className = ""
 }) => {
-  const minuteRef = (0, import_react7.useRef)(null);
-  const hourRef = (0, import_react7.useRef)(null);
+  const minuteRef = useRef2(null);
+  const hourRef = useRef2(null);
   const isPM = time.getHours() >= 11;
   const hours = is24HourFormat ? range(0, 23) : range(1, 12);
   let minutes = range(0, 59);
-  (0, import_react7.useEffect)(() => {
+  useEffect7(() => {
     const scrollToItem = () => {
       if (minuteRef.current) {
         const container = minuteRef.current.parentElement;
@@ -4235,7 +4085,7 @@ var TimePicker = ({
     };
     scrollToItem();
   }, [minuteRef, minuteRef.current]);
-  (0, import_react7.useEffect)(() => {
+  useEffect7(() => {
     const scrollToItem = () => {
       if (hourRef.current) {
         const container = hourRef.current.parentElement;
@@ -4265,7 +4115,7 @@ var TimePicker = ({
       break;
   }
   const closestMinute = closestMatch(minutes, (item1, item2) => Math.abs(item1 - time.getMinutes()) < Math.abs(item2 - time.getMinutes()));
-  const style = (selected) => (0, import_clsx9.default)(
+  const style = (selected) => clsx9(
     "chip-full hover:brightness-90 hover:bg-primary hover:text-on-primary rounded-md mr-3",
     { "bg-primary text-on-primary": selected, "bg-white text-black": !selected }
   );
@@ -4274,10 +4124,10 @@ var TimePicker = ({
     transformer(newDate);
     onChange(newDate);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_clsx9.default)("row gap-x-2 w-fit min-w-[150px] select-none", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_custom_scrollbars_22.Scrollbars, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "col gap-y-1 h-full", children: hours.map((hour) => {
+  return /* @__PURE__ */ jsxs7("div", { className: clsx9("row gap-x-2 w-fit min-w-[150px] select-none", className), children: [
+    /* @__PURE__ */ jsx11(Scrollbars2, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ jsx11("div", { className: "col gap-y-1 h-full", children: hours.map((hour) => {
       const currentHour = hour === time.getHours() - (!is24HourFormat && isPM ? 12 : 0);
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ jsx11(
         "button",
         {
           ref: currentHour ? hourRef : void 0,
@@ -4288,9 +4138,9 @@ var TimePicker = ({
         hour
       );
     }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_custom_scrollbars_22.Scrollbars, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "col gap-y-1 h-full", children: minutes.map((minute) => {
+    /* @__PURE__ */ jsx11(Scrollbars2, { autoHeight: true, autoHeightMax: maxHeight, style: { height: "100%" }, children: /* @__PURE__ */ jsx11("div", { className: "col gap-y-1 h-full", children: minutes.map((minute) => {
       const currentMinute = minute === closestMinute;
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ jsx11(
         "button",
         {
           ref: currentMinute ? minuteRef : void 0,
@@ -4301,8 +4151,8 @@ var TimePicker = ({
         minute + minuteIncrement
       );
     }) }) }),
-    !is24HourFormat && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "col gap-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    !is24HourFormat && /* @__PURE__ */ jsxs7("div", { className: "col gap-y-1", children: [
+      /* @__PURE__ */ jsx11(
         "button",
         {
           className: style(!isPM),
@@ -4310,7 +4160,7 @@ var TimePicker = ({
           children: "AM"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           className: style(isPM),
@@ -4326,9 +4176,9 @@ var TimePickerUncontrolled = ({
   onChange = noop,
   ...props
 }) => {
-  const [value, setValue] = (0, import_react7.useState)(time);
-  (0, import_react7.useEffect)(() => setValue(time), [time]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const [value, setValue] = useState7(time);
+  useEffect7(() => setValue(time), [time]);
+  return /* @__PURE__ */ jsx11(
     TimePicker,
     {
       ...props,
@@ -4342,23 +4192,23 @@ var TimePickerUncontrolled = ({
 };
 
 // src/components/dialogs/ConfirmDialog.tsx
-var import_clsx12 = __toESM(require("clsx"), 1);
+import clsx12 from "clsx";
 
 // src/components/layout-and-navigation/Overlay.tsx
-var import_react9 = require("react");
-var import_react_dom = __toESM(require("react-dom"), 1);
-var import_clsx11 = __toESM(require("clsx"), 1);
+import { useEffect as useEffect9, useRef as useRef3, useState as useState9 } from "react";
+import ReactDOM from "react-dom";
+import clsx11 from "clsx";
 
 // src/hooks/useHoverState.ts
-var import_react8 = require("react");
+import { useEffect as useEffect8, useState as useState8 } from "react";
 var defaultUseHoverStateProps = {
   closingDelay: 200,
   isDisabled: false
 };
 var useHoverState = (props = void 0) => {
   const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props };
-  const [isHovered, setIsHovered] = (0, import_react8.useState)(false);
-  const [timer, setTimer] = (0, import_react8.useState)();
+  const [isHovered, setIsHovered] = useState8(false);
+  const [timer, setTimer] = useState8();
   const onMouseEnter = () => {
     if (isDisabled) {
       return;
@@ -4374,14 +4224,14 @@ var useHoverState = (props = void 0) => {
       setIsHovered(false);
     }, closingDelay));
   };
-  (0, import_react8.useEffect)(() => {
+  useEffect8(() => {
     if (timer) {
       return () => {
         clearTimeout(timer);
       };
     }
   });
-  (0, import_react8.useEffect)(() => {
+  useEffect8(() => {
     if (timer) {
       clearTimeout(timer);
     }
@@ -4394,8 +4244,8 @@ var useHoverState = (props = void 0) => {
 };
 
 // src/components/user-action/Tooltip.tsx
-var import_clsx10 = require("clsx");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+import { clsx as clsx10 } from "clsx";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var Tooltip = ({
   tooltip,
   children,
@@ -4425,17 +4275,17 @@ var Tooltip = ({
     left: { borderWidth: `${triangleSize}px 0 ${triangleSize}px ${triangleSize}px` },
     right: { borderWidth: `${triangleSize}px ${triangleSize}px ${triangleSize}px 0` }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
-      className: (0, import_clsx10.clsx)("relative inline-block", containerClassName),
+      className: clsx10("relative inline-block", containerClassName),
       ...handlers,
       children: [
         children,
-        isHovered && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        isHovered && /* @__PURE__ */ jsxs8(
           "div",
           {
-            className: (0, import_clsx10.clsx)(
+            className: clsx10(
               `opacity-0 absolute text-xs font-semibold text-tooltip-text px-2 py-1 rounded whitespace-nowrap
            animate-tooltip-fade-in shadow-lg bg-tooltip-background`,
               positionClasses[position],
@@ -4444,10 +4294,10 @@ var Tooltip = ({
             style: { zIndex, animationDelay: animationDelay + "ms" },
             children: [
               tooltip,
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ jsx12(
                 "div",
                 {
-                  className: (0, import_clsx10.clsx)(`absolute w-0 h-0`, triangleClasses[position]),
+                  className: clsx10(`absolute w-0 h-0`, triangleClasses[position]),
                   style: { ...triangleStyle[position], zIndex }
                 }
               )
@@ -4460,25 +4310,25 @@ var Tooltip = ({
 };
 
 // src/components/layout-and-navigation/Overlay.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+import { X } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var Overlay = ({
   children,
   isOpen,
   onBackgroundClick,
   backgroundClassName
 }) => {
-  const [root, setRoot] = (0, import_react9.useState)();
-  (0, import_react9.useEffect)(() => {
+  const [root, setRoot] = useState9();
+  useEffect9(() => {
     setRoot(document.body);
   }, []);
   if (!root || !isOpen) return null;
-  return import_react_dom.default.createPortal(
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_clsx11.default)("fixed inset-0 z-[9999]"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxs9("div", { className: clsx11("fixed inset-0 z-[9999]"), children: [
+      /* @__PURE__ */ jsx13(
         "div",
         {
-          className: (0, import_clsx11.default)("fixed inset-0 h-screen w-screen bg-black/30", backgroundClassName),
+          className: clsx11("fixed inset-0 h-screen w-screen bg-black/30", backgroundClassName),
           onClick: onBackgroundClick
         }
       ),
@@ -4506,21 +4356,21 @@ var OverlayHeader = ({
 }) => {
   const translation = useTranslation(defaultModalHeaderTranslation, overwriteTranslation);
   const hasTitleRow = !!title || !!titleText || !!onClose;
-  const titleRow = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "row justify-between items-start gap-x-8", children: [
-    title ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const titleRow = /* @__PURE__ */ jsxs9("div", { className: "row justify-between items-start gap-x-8", children: [
+    title ?? /* @__PURE__ */ jsx13(
       "h2",
       {
-        className: (0, import_clsx11.default)("textstyle-title-lg", {
+        className: clsx11("textstyle-title-lg", {
           "mb-1": description || descriptionText
         }),
         children: titleText
       }
     ),
-    !!onClose && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tooltip, { tooltip: translation.close, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { color: "neutral", size: "small", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.X, { className: "w-full h-full" }) }) })
+    !!onClose && /* @__PURE__ */ jsx13(Tooltip, { tooltip: translation.close, children: /* @__PURE__ */ jsx13(IconButton, { color: "neutral", size: "small", onClick: onClose, children: /* @__PURE__ */ jsx13(X, { className: "w-full h-full" }) }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "col", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "col", children: [
     hasTitleRow && titleRow,
-    description ?? (descriptionText && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "textstyle-description", children: descriptionText }))
+    description ?? (descriptionText && /* @__PURE__ */ jsx13("span", { className: "textstyle-description", children: descriptionText }))
   ] });
 };
 var Modal = ({
@@ -4531,8 +4381,8 @@ var Modal = ({
   backgroundClassName,
   headerProps
 }) => {
-  const ref = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const ref = useRef3(null);
+  useEffect9(() => {
     if (!isOpen) return;
     const modal = ref.current;
     if (!modal) {
@@ -4569,25 +4419,25 @@ var Modal = ({
       overlayStack = overlayStack.filter((m) => m !== modal);
     };
   }, [isOpen, onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ jsx13(
     Overlay,
     {
       isOpen,
       onBackgroundClick: onClose,
       backgroundClassName,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      children: /* @__PURE__ */ jsxs9(
         "div",
         {
           ref,
           tabIndex: -1,
-          className: (0, import_clsx11.default)(
+          className: clsx11(
             "fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 col p-4 bg-overlay-background text-overlay-text rounded-xl shadow-xl",
             className
           ),
           role: "dialog",
           "aria-modal": true,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OverlayHeader, { ...headerProps, onClose }),
+            /* @__PURE__ */ jsx13(OverlayHeader, { ...headerProps, onClose }),
             children
           ]
         }
@@ -4602,8 +4452,8 @@ var Dialog = ({
   backgroundClassName,
   headerProps
 }) => {
-  const ref = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const ref = useRef3(null);
+  useEffect9(() => {
     if (!isOpen) return;
     const dialog = ref.current;
     if (!dialog) {
@@ -4639,24 +4489,24 @@ var Dialog = ({
       overlayStack = overlayStack.filter((m) => m !== dialog);
     };
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ jsx13(
     Overlay,
     {
       isOpen,
       backgroundClassName,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      children: /* @__PURE__ */ jsxs9(
         "div",
         {
           ref,
           tabIndex: -1,
-          className: (0, import_clsx11.default)(
+          className: clsx11(
             "fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 col p-4 bg-overlay-background text-overlay-text rounded-xl shadow-xl",
             className
           ),
           role: "dialog",
           "aria-modal": true,
           children: [
-            !!headerProps && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OverlayHeader, { ...headerProps }),
+            !!headerProps && /* @__PURE__ */ jsx13(OverlayHeader, { ...headerProps }),
             children
           ]
         }
@@ -4666,7 +4516,7 @@ var Dialog = ({
 };
 
 // src/components/dialogs/ConfirmDialog.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var defaultConfirmDialogTranslation = {
   en: {
     confirm: "Confirm",
@@ -4694,10 +4544,10 @@ var ConfirmDialog = ({
     positive: "positive",
     primary: "primary"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Dialog, { ...restProps, className: (0, import_clsx12.default)("justify-between", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "col grow", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "row mt-3 gap-x-4 justify-end", children: [
-      onDecline && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ jsxs10(Dialog, { ...restProps, className: clsx12("justify-between", className), children: [
+    /* @__PURE__ */ jsx14("div", { className: "col grow", children }),
+    /* @__PURE__ */ jsxs10("div", { className: "row mt-3 gap-x-4 justify-end", children: [
+      onDecline && /* @__PURE__ */ jsx14(
         SolidButton,
         {
           color: buttonOverwrites?.[0].color ?? "negative",
@@ -4706,7 +4556,7 @@ var ConfirmDialog = ({
           children: buttonOverwrites?.[0].text ?? translation.decline
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ jsx14(
         SolidButton,
         {
           autoFocus: true,
@@ -4721,8 +4571,8 @@ var ConfirmDialog = ({
 };
 
 // src/components/icons-and-geometry/Avatar.tsx
-var import_clsx13 = __toESM(require("clsx"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
+import clsx13 from "clsx";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var avtarSizeList = ["tiny", "small", "medium", "large"];
 var avatarSizeMapping = {
   tiny: 24,
@@ -4748,7 +4598,7 @@ var Avatar = ({ avatarUrl, alt, size = "medium", className = "" }) => {
   };
   return (
     // TODO transparent or white background later
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: (0, import_clsx13.default)(`rounded-full bg-primary`, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ jsx15("div", { className: clsx13(`rounded-full bg-primary`, className), style, children: /* @__PURE__ */ jsx15(
       "img",
       {
         className: "rounded-full border border-gray-200",
@@ -4771,22 +4621,22 @@ var AvatarGroup = ({
   const stackingOverlap = 0.5;
   const notDisplayedProfiles = avatars.length - maxShownProfiles;
   const avatarGroupWidth = diameter * (stackingOverlap * (displayedProfiles.length - 1) + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "row relative", style: { height: diameter + "px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { width: avatarGroupWidth + "px" }, children: displayedProfiles.map((avatar, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ jsxs11("div", { className: "row relative", style: { height: diameter + "px" }, children: [
+    /* @__PURE__ */ jsx15("div", { style: { width: avatarGroupWidth + "px" }, children: displayedProfiles.map((avatar, index) => /* @__PURE__ */ jsx15(
       "div",
       {
         className: "absolute",
         style: { left: index * diameter * stackingOverlap + "px", zIndex: maxShownProfiles - index },
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Avatar, { avatarUrl: avatar.avatarUrl, alt: avatar.alt, size })
+        children: /* @__PURE__ */ jsx15(Avatar, { avatarUrl: avatar.avatarUrl, alt: avatar.alt, size })
       },
       index
     )) }),
-    notDisplayedProfiles > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    notDisplayedProfiles > 0 && /* @__PURE__ */ jsx15(
       "div",
       {
         className: "truncate row items-center",
         style: { fontSize: diameter / 2 + "px", marginLeft: 1 + diameter / 16 + "px" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        children: /* @__PURE__ */ jsxs11("span", { children: [
           "+ ",
           notDisplayedProfiles
         ] })
@@ -4796,8 +4646,8 @@ var AvatarGroup = ({
 };
 
 // src/components/icons-and-geometry/Circle.tsx
-var import_clsx14 = __toESM(require("clsx"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
+import clsx14 from "clsx";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Circle = ({
   radius = 20,
   className = "bg-primary",
@@ -4805,10 +4655,10 @@ var Circle = ({
   ...restProps
 }) => {
   const size = radius * 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
-      className: (0, import_clsx14.default)(`rounded-full`, className),
+      className: clsx14(`rounded-full`, className),
       style: {
         width: `${size}px`,
         height: `${size}px`,
@@ -4820,18 +4670,18 @@ var Circle = ({
 };
 
 // src/components/icons-and-geometry/Ring.tsx
-var import_react10 = require("react");
-var import_clsx15 = __toESM(require("clsx"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+import { useCallback as useCallback2, useEffect as useEffect10, useState as useState10 } from "react";
+import clsx15 from "clsx";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var Ring = ({
   innerSize = 20,
   width = 7,
   className = "outline-primary"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
-      className: (0, import_clsx15.default)(`bg-transparent rounded-full outline`, className),
+      className: clsx15(`bg-transparent rounded-full outline`, className),
       style: {
         width: `${innerSize}px`,
         height: `${innerSize}px`,
@@ -4849,9 +4699,9 @@ var AnimatedRing = ({
   onAnimationFinished = noop,
   style
 }) => {
-  const [currentWidth, setCurrentWidth] = (0, import_react10.useState)(0);
+  const [currentWidth, setCurrentWidth] = useState10(0);
   const milliseconds = 1e3 * fillAnimationDuration;
-  const animate = (0, import_react10.useCallback)((timestamp, startTime) => {
+  const animate = useCallback2((timestamp, startTime) => {
     const progress = Math.min((timestamp - startTime) / milliseconds, 1);
     const newWidth = Math.min(width * progress, width);
     setCurrentWidth(newWidth);
@@ -4865,12 +4715,12 @@ var AnimatedRing = ({
       }
     }
   }, [milliseconds, onAnimationFinished, repeating, width]);
-  (0, import_react10.useEffect)(() => {
+  useEffect10(() => {
     if (currentWidth < width) {
       requestAnimationFrame((timestamp) => animate(timestamp, timestamp));
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: "row items-center justify-center",
@@ -4879,7 +4729,7 @@ var AnimatedRing = ({
         height: `${innerSize + 2 * width}px`,
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ jsx17(
         Ring,
         {
           innerSize,
@@ -4900,10 +4750,10 @@ var RingWave = ({
   onAnimationFinished = noop,
   style
 }) => {
-  const [currentInnerSize, setCurrentInnerSize] = (0, import_react10.useState)(startInnerSize);
+  const [currentInnerSize, setCurrentInnerSize] = useState10(startInnerSize);
   const distance = endInnerSize - startInnerSize;
   const milliseconds = 1e3 * fillAnimationDuration;
-  const animate = (0, import_react10.useCallback)((timestamp, startTime) => {
+  const animate = useCallback2((timestamp, startTime) => {
     const progress = Math.min((timestamp - startTime) / milliseconds, 1);
     const newInnerSize = Math.min(
       startInnerSize + distance * progress,
@@ -4920,12 +4770,12 @@ var RingWave = ({
       }
     }
   }, [distance, endInnerSize, milliseconds, onAnimationFinished, repeating, startInnerSize]);
-  (0, import_react10.useEffect)(() => {
+  useEffect10(() => {
     if (currentInnerSize < endInnerSize) {
       requestAnimationFrame((timestamp) => animate(timestamp, timestamp));
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: "row items-center justify-center",
@@ -4934,7 +4784,7 @@ var RingWave = ({
         height: `${endInnerSize + 2 * width}px`,
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ jsx17(
         Ring,
         {
           innerSize: currentInnerSize,
@@ -4955,9 +4805,9 @@ var RadialRings = ({
   sizeCircle2 = 200,
   sizeCircle3 = 300
 }) => {
-  const [currentRing, setCurrentRing] = (0, import_react10.useState)(0);
+  const [currentRing, setCurrentRing] = useState10(0);
   const size = sizeCircle3;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "relative",
@@ -4966,25 +4816,25 @@ var RadialRings = ({
         height: `${sizeCircle3}px`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ jsx17(
           Circle,
           {
             radius: sizeCircle1 / 2,
-            className: (0, import_clsx15.default)(circle1ClassName, `absolute z-[10] -translate-y-1/2 -translate-x-1/2`),
+            className: clsx15(circle1ClassName, `absolute z-[10] -translate-y-1/2 -translate-x-1/2`),
             style: {
               left: `${size / 2}px`,
               top: `${size / 2}px`
             }
           }
         ),
-        currentRing === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        currentRing === 0 ? /* @__PURE__ */ jsx17(
           AnimatedRing,
           {
             innerSize: sizeCircle1,
             width: (sizeCircle2 - sizeCircle1) / 2,
             onAnimationFinished: () => currentRing === 0 ? setCurrentRing(1) : null,
             repeating: true,
-            className: (0, import_clsx15.default)(
+            className: clsx15(
               circle2ClassName,
               { "opacity-5": currentRing !== 0 }
             ),
@@ -4997,14 +4847,14 @@ var RadialRings = ({
             }
           }
         ) : null,
-        currentRing === 2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        currentRing === 2 ? /* @__PURE__ */ jsx17(
           RingWave,
           {
             startInnerSize: sizeCircle1 - waveWidth,
             endInnerSize: sizeCircle2,
             width: waveWidth,
             repeating: true,
-            className: (0, import_clsx15.default)(waveBaseColor, `opacity-5`),
+            className: clsx15(waveBaseColor, `opacity-5`),
             style: {
               left: `${size / 2}px`,
               top: `${size / 2}px`,
@@ -5014,11 +4864,11 @@ var RadialRings = ({
             }
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ jsx17(
           Circle,
           {
             radius: sizeCircle2 / 2,
-            className: (0, import_clsx15.default)(
+            className: clsx15(
               circle2ClassName,
               { "opacity-20": currentRing < 1 },
               `absolute z-[8] -translate-y-1/2 -translate-x-1/2`
@@ -5029,14 +4879,14 @@ var RadialRings = ({
             }
           }
         ),
-        currentRing === 1 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        currentRing === 1 ? /* @__PURE__ */ jsx17(
           AnimatedRing,
           {
             innerSize: sizeCircle2 - 1,
             width: (sizeCircle3 - sizeCircle2) / 2,
             onAnimationFinished: () => currentRing === 1 ? setCurrentRing(2) : null,
             repeating: true,
-            className: (0, import_clsx15.default)(circle3ClassName),
+            className: clsx15(circle3ClassName),
             style: {
               left: `${size / 2}px`,
               top: `${size / 2}px`,
@@ -5046,14 +4896,14 @@ var RadialRings = ({
             }
           }
         ) : null,
-        currentRing === 2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        currentRing === 2 ? /* @__PURE__ */ jsx17(
           RingWave,
           {
             startInnerSize: sizeCircle2,
             endInnerSize: sizeCircle3 - waveWidth,
             width: waveWidth,
             repeating: true,
-            className: (0, import_clsx15.default)(waveBaseColor, `opacity-5`),
+            className: clsx15(waveBaseColor, `opacity-5`),
             style: {
               left: `${size / 2}px`,
               top: `${size / 2}px`,
@@ -5063,11 +4913,11 @@ var RadialRings = ({
             }
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ jsx17(
           Circle,
           {
             radius: sizeCircle3 / 2,
-            className: (0, import_clsx15.default)(
+            className: clsx15(
               circle3ClassName,
               { "opacity-20": currentRing < 2 },
               `absolute z-[6] -translate-y-1/2 -translate-x-1/2`
@@ -5084,12 +4934,12 @@ var RadialRings = ({
 };
 
 // src/components/icons-and-geometry/Tag.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+import { jsx as jsx18 } from "react/jsx-runtime";
 var TagIcon = ({
   className,
   size = 16
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ jsx18(
     "img",
     {
       style: { width: `${size}px`, height: `${size}px`, minWidth: `${size}px`, minHeight: `${size}px` },
@@ -5103,28 +4953,28 @@ var TagIcon = ({
 };
 
 // src/components/layout-and-navigation/BreadCrumb.tsx
-var import_link = __toESM(require_link2(), 1);
-var import_clsx16 = __toESM(require("clsx"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_link = __toESM(require_link2());
+import clsx16 from "clsx";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
   const color = "text-description";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_clsx16.default)("row gap-x-0", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ jsx19("div", { className: clsx16("row gap-x-0", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs13("div", { children: [
+    /* @__PURE__ */ jsx19(
       import_link.default,
       {
         href: crumb.link,
-        className: (0, import_clsx16.default)(linkClassName, { [`${color} hover:brightness-60`]: index !== crumbs.length - 1 }),
+        className: clsx16(linkClassName, { [`${color} hover:brightness-60`]: index !== crumbs.length - 1 }),
         children: crumb.display
       }
     ),
-    index !== crumbs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: (0, import_clsx16.default)(`px-1`, color), children: "/" })
+    index !== crumbs.length - 1 && /* @__PURE__ */ jsx19("span", { className: clsx16(`px-1`, color), children: "/" })
   ] }, index)) });
 };
 
 // src/components/layout-and-navigation/Carousel.tsx
-var import_react11 = require("react");
-var import_clsx17 = __toESM(require("clsx"), 1);
-var import_lucide_react4 = require("lucide-react");
+import { useCallback as useCallback3, useEffect as useEffect11, useMemo, useRef as useRef4, useState as useState11 } from "react";
+import clsx17 from "clsx";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 
 // src/util/math.ts
 var clamp = (value, min = 0, max = 1) => {
@@ -5229,7 +5079,7 @@ var LoopingArrayCalculator = class _LoopingArrayCalculator {
 };
 
 // src/components/layout-and-navigation/Carousel.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+import { Fragment, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var Carousel = ({
   children,
   animationTime = 200,
@@ -5254,15 +5104,15 @@ var Carousel = ({
     currentPosition,
     dragState,
     animationState
-  }, setCarouselInformation] = (0, import_react11.useState)({
+  }, setCarouselInformation] = useState11({
     currentPosition: 0
   });
-  const animationId = (0, import_react11.useRef)(void 0);
-  const timeOut = (0, import_react11.useRef)(void 0);
+  const animationId = useRef4(void 0);
+  const timeOut = useRef4(void 0);
   autoLoopingTimeOut = Math.max(0, autoLoopingTimeOut);
   const length = children.length;
   const paddingItemCount = 3;
-  const util = (0, import_react11.useMemo)(() => new LoopingArrayCalculator(length, isLooping, overScrollThreshold), [length, isLooping, overScrollThreshold]);
+  const util = useMemo(() => new LoopingArrayCalculator(length, isLooping, overScrollThreshold), [length, isLooping, overScrollThreshold]);
   const currentIndex = util.getCorrectedPosition(LoopingArrayCalculator.withoutOffset(currentPosition));
   animationTime = Math.max(200, animationTime);
   autoLoopAnimationTime = Math.max(200, autoLoopAnimationTime);
@@ -5270,7 +5120,7 @@ var Carousel = ({
     const baseOffset = -50 + (index - currentPosition) * 100;
     return `${baseOffset}%`;
   };
-  const animation = (0, import_react11.useCallback)((time) => {
+  const animation = useCallback3((time) => {
     let keepAnimating = true;
     setCarouselInformation((state) => {
       const {
@@ -5315,7 +5165,7 @@ var Carousel = ({
       animationId.current = requestAnimationFrame((time1) => animation(time1));
     }
   }, [animationTime, autoLoopAnimationTime, util]);
-  (0, import_react11.useEffect)(() => {
+  useEffect11(() => {
     if (animationState) {
       animationId.current = requestAnimationFrame(animation);
     }
@@ -5337,7 +5187,7 @@ var Carousel = ({
       isAutoLooping: true
     }
   }));
-  (0, import_react11.useEffect)(() => {
+  useEffect11(() => {
     if (!animationId.current && !animationState && !dragState && !timeOut.current) {
       if (autoLoopingTimeOut > 0) {
         timeOut.current = setTimeout(() => {
@@ -5469,34 +5319,34 @@ var Carousel = ({
     onTouchEnd: (event) => onDragEnd(event.changedTouches[0].clientX, event.target.getBoundingClientRect().width),
     onTouchCancel: (event) => onDragEnd(event.changedTouches[0].clientX, event.target.getBoundingClientRect().width)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "col items-center w-full gap-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_clsx17.default)(`relative w-full overflow-hidden`, heightClassName, className), children: [
-      arrows && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ jsxs14("div", { className: "col items-center w-full gap-y-2", children: [
+    /* @__PURE__ */ jsxs14("div", { className: clsx17(`relative w-full overflow-hidden`, heightClassName, className), children: [
+      arrows && /* @__PURE__ */ jsxs14(Fragment, { children: [
+        /* @__PURE__ */ jsx20(
           "div",
           {
-            className: (0, import_clsx17.default)("absolute z-10 left-0 top-1/2 -translate-y-1/2 bg-gray-200 hover:bg-gray-300 rounded-lg cursor-pointer border-black border-2", { hidden: !canGoLeft() }),
+            className: clsx17("absolute z-10 left-0 top-1/2 -translate-y-1/2 bg-gray-200 hover:bg-gray-300 rounded-lg cursor-pointer border-black border-2", { hidden: !canGoLeft() }),
             onClick: () => left(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.ChevronLeft, { size: 32 })
+            children: /* @__PURE__ */ jsx20(ChevronLeft, { size: 32 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ jsx20(
           "div",
           {
-            className: (0, import_clsx17.default)("absolute z-10 right-0 top-1/2 -translate-y-1/2 bg-gray-200 hover:bg-gray-300 rounded-lg cursor-pointer border-black border-2", { hidden: !canGoRight() }),
+            className: clsx17("absolute z-10 right-0 top-1/2 -translate-y-1/2 bg-gray-200 hover:bg-gray-300 rounded-lg cursor-pointer border-black border-2", { hidden: !canGoRight() }),
             onClick: () => right(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.ChevronRight, { size: 32 })
+            children: /* @__PURE__ */ jsx20(ChevronRight, { size: 32 })
           }
         )
       ] }),
-      hintNext ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_clsx17.default)(`relative row h-full`, heightClassName), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative row h-full w-full px-2 overflow-hidden", children: items.map(({
+      hintNext ? /* @__PURE__ */ jsxs14("div", { className: clsx17(`relative row h-full`, heightClassName), children: [
+        /* @__PURE__ */ jsx20("div", { className: "relative row h-full w-full px-2 overflow-hidden", children: items.map(({
           item,
           index
-        }, listIndex) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        }, listIndex) => /* @__PURE__ */ jsx20(
           "div",
           {
-            className: (0, import_clsx17.default)(`absolute left-[50%] h-full overflow-hidden`, widthClassName, { "!cursor-grabbing": !!dragState }),
+            className: clsx17(`absolute left-[50%] h-full overflow-hidden`, widthClassName, { "!cursor-grabbing": !!dragState }),
             style: { translate: getStyleOffset(listIndex - (isLooping ? paddingItemCount : 0)) },
             ...dragHandlers,
             onClick: () => startAnimation(index),
@@ -5504,28 +5354,28 @@ var Carousel = ({
           },
           listIndex
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ jsx20(
           "div",
           {
-            className: (0, import_clsx17.default)(`hidden pointer-events-none desktop:block absolute left-0 h-full w-[20%] bg-gradient-to-r to-transparent`, blurColor)
+            className: clsx17(`hidden pointer-events-none desktop:block absolute left-0 h-full w-[20%] bg-gradient-to-r to-transparent`, blurColor)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ jsx20(
           "div",
           {
-            className: (0, import_clsx17.default)(`hidden pointer-events-none desktop:block absolute right-0 h-full w-[20%] bg-gradient-to-l to-transparent`, blurColor)
+            className: clsx17(`hidden pointer-events-none desktop:block absolute right-0 h-full w-[20%] bg-gradient-to-l to-transparent`, blurColor)
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_clsx17.default)("px-16 h-full", { "!cursor-grabbing": !!dragState }), ...dragHandlers, children: children[currentIndex] })
+      ] }) : /* @__PURE__ */ jsx20("div", { className: clsx17("px-16 h-full", { "!cursor-grabbing": !!dragState }), ...dragHandlers, children: children[currentIndex] })
     ] }),
-    dots && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    dots && /* @__PURE__ */ jsx20(
       "div",
       {
         className: "row items-center justify-center w-full my-2",
-        children: range(0, length - 1).map((index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: range(0, length - 1).map((index) => /* @__PURE__ */ jsx20(
           "button",
           {
-            className: (0, import_clsx17.default)("w-[2rem] min-w-[2rem] h-[0.75rem] min-h-[0.75rem] hover:bg-primary hover:brightness-90 first:rounded-l-md last:rounded-r-md", {
+            className: clsx17("w-[2rem] min-w-[2rem] h-[0.75rem] min-h-[0.75rem] hover:bg-primary hover:brightness-90 first:rounded-l-md last:rounded-r-md", {
               "bg-gray-200": currentIndex !== index,
               "bg-primary": currentIndex === index
             }),
@@ -5539,8 +5389,8 @@ var Carousel = ({
 };
 
 // src/components/layout-and-navigation/Chip.tsx
-var import_clsx18 = __toESM(require("clsx"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+import clsx18 from "clsx";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var Chip = ({
   children,
   trailingIcon,
@@ -5567,11 +5417,11 @@ var Chip = ({
     blue: "text-tag-blue-icon",
     pink: "text-tag-pink-icon"
   }[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       ...restProps,
-      className: (0, import_clsx18.default)(
+      className: clsx18(
         `row w-fit px-2 py-1`,
         colorMapping,
         {
@@ -5582,7 +5432,7 @@ var Chip = ({
       ),
       children: [
         children,
-        trailingIcon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: colorMappingIcon, children: trailingIcon })
+        trailingIcon && /* @__PURE__ */ jsx21("span", { className: colorMappingIcon, children: trailingIcon })
       ]
     }
   );
@@ -5591,7 +5441,7 @@ var ChipList = ({
   list,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: (0, import_clsx18.default)("flex flex-wrap gap-x-4 gap-y-2", className), children: list.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ jsx21("div", { className: clsx18("flex flex-wrap gap-x-4 gap-y-2", className), children: list.map((value, index) => /* @__PURE__ */ jsx21(
     Chip,
     {
       ...value,
@@ -5604,8 +5454,8 @@ var ChipList = ({
 };
 
 // src/components/layout-and-navigation/DividerInserter.tsx
-var import_clsx19 = __toESM(require("clsx"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+import clsx19 from "clsx";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var DividerInserter = ({
   children,
   divider,
@@ -5622,15 +5472,15 @@ var DividerInserter = ({
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: (0, import_clsx19.default)(className), ...restProps, children: nodes });
+  return /* @__PURE__ */ jsx22("div", { className: clsx19(className), ...restProps, children: nodes });
 };
 
 // src/components/layout-and-navigation/FAQSection.tsx
-var import_clsx20 = __toESM(require("clsx"), 1);
-var import_lucide_react5 = require("lucide-react");
+import clsx20 from "clsx";
+import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "lucide-react";
 
 // src/components/layout-and-navigation/MarkdownInterpreter.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
 var astNodeInserterType = ["helpwave", "newline"];
 var ASTNodeInterpreter = ({
   node,
@@ -5639,27 +5489,27 @@ var ASTNodeInterpreter = ({
 }) => {
   switch (node.type) {
     case "newline":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {});
+      return /* @__PURE__ */ jsx23("br", {});
     case "text":
-      return isRoot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className, children: node.text }) : node.text;
+      return isRoot ? /* @__PURE__ */ jsx23("span", { className, children: node.text }) : node.text;
     case "helpwave":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-bold font-space no-underline", children: "helpwave" });
+      return /* @__PURE__ */ jsx23("span", { className: "font-bold font-space no-underline", children: "helpwave" });
     case "none":
-      return isRoot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className, children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return isRoot ? /* @__PURE__ */ jsx23("span", { className, children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
         },
         index
-      )) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ASTNodeInterpreter, { node: value }, index)) });
+      )) }) : /* @__PURE__ */ jsx23(Fragment2, { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "bold":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("b", { children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ASTNodeInterpreter, { node: value }, index)) });
+      return /* @__PURE__ */ jsx23("b", { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "italic":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("i", { children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ASTNodeInterpreter, { node: value }, index)) });
+      return /* @__PURE__ */ jsx23("i", { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "underline":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("u", { children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ASTNodeInterpreter, { node: value }, index)) });
+      return /* @__PURE__ */ jsx23("u", { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "font-space":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-space", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "font-space", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5667,7 +5517,7 @@ var ASTNodeInterpreter = ({
         index
       )) });
     case "primary":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-primary", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "text-primary", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5675,7 +5525,7 @@ var ASTNodeInterpreter = ({
         index
       )) });
     case "secondary":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-secondary", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "text-secondary", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5683,7 +5533,7 @@ var ASTNodeInterpreter = ({
         index
       )) });
     case "warn":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-warning", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "text-warning", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5691,7 +5541,7 @@ var ASTNodeInterpreter = ({
         index
       )) });
     case "positive":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-positive", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "text-positive", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5699,7 +5549,7 @@ var ASTNodeInterpreter = ({
         index
       )) });
     case "negative":
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-negative", children: node.children.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ jsx23("span", { className: "text-negative", children: node.children.map((value, index) => /* @__PURE__ */ jsx23(
         ASTNodeInterpreter,
         {
           node: value
@@ -5857,34 +5707,34 @@ var optimizeTree = (node) => {
 var MarkdownInterpreter = ({ text, className }) => {
   const tree = parseMarkdown(text);
   const optimizedTree = optimizeTree(tree);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ASTNodeInterpreter, { node: optimizedTree, isRoot: true, className });
+  return /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: optimizedTree, isRoot: true, className });
 };
 
 // src/components/layout-and-navigation/FAQSection.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+import { jsx as jsx24 } from "react/jsx-runtime";
 var FAQSection = ({
   entries,
   expandableClassName
 }) => {
   const chevronSize = 28;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "col gap-y-4", children: entries.map(({ id, title, content, ...restProps }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ jsx24("div", { className: "col gap-y-4", children: entries.map(({ id, title, content, ...restProps }) => /* @__PURE__ */ jsx24(
     ExpandableUncontrolled,
     {
       ...restProps,
-      label: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { id, className: "textstyle-title-md", children: title }),
+      label: /* @__PURE__ */ jsx24("h3", { id, className: "textstyle-title-md", children: title }),
       clickOnlyOnHeader: false,
-      icon: (expanded) => expanded ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.ChevronUp, { size: chevronSize, className: "text-primary", style: { minWidth: `${chevronSize}px` } }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.ChevronDown, { size: chevronSize, className: "text-primary" }),
-      className: (0, import_clsx20.default)("rounded-xl", expandableClassName),
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2", children: content.type === "markdown" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MarkdownInterpreter, { text: content.value }) : content.value })
+      icon: (expanded) => expanded ? /* @__PURE__ */ jsx24(ChevronUp2, { size: chevronSize, className: "text-primary", style: { minWidth: `${chevronSize}px` } }) : /* @__PURE__ */ jsx24(ChevronDown3, { size: chevronSize, className: "text-primary" }),
+      className: clsx20("rounded-xl", expandableClassName),
+      children: /* @__PURE__ */ jsx24("div", { className: "mt-2", children: content.type === "markdown" ? /* @__PURE__ */ jsx24(MarkdownInterpreter, { text: content.value }) : content.value })
     },
     id
   )) });
 };
 
 // src/components/layout-and-navigation/Pagination.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_clsx21 = __toESM(require("clsx"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+import { ChevronFirst, ChevronLast, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
+import clsx21 from "clsx";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 var defaultPaginationTranslations = {
   en: {
     of: "of"
@@ -5906,23 +5756,23 @@ var Pagination = ({
   const noPages = numberOfPages === 0;
   const onFirstPage = page === 0 && !noPages;
   const onLastPage = page === numberOfPages - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: (0, import_clsx21.default)("row", { "opacity-30": noPages }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => changePage(0), disabled: onFirstPage, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronFirst, { className: (0, import_clsx21.default)({ "opacity-30": onFirstPage }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => changePage(page - 1), disabled: onFirstPage, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronLeft, { className: (0, import_clsx21.default)({ "opacity-30": onFirstPage }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-[80px] justify-center mx-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "select-none text-right flex-1", children: noPages ? 0 : page + 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "select-none mx-2", children: translation.of }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "select-none text-left flex-1", children: numberOfPages })
+  return /* @__PURE__ */ jsxs16("div", { className: clsx21("row", { "opacity-30": noPages }), children: [
+    /* @__PURE__ */ jsx25("button", { onClick: () => changePage(0), disabled: onFirstPage, children: /* @__PURE__ */ jsx25(ChevronFirst, { className: clsx21({ "opacity-30": onFirstPage }) }) }),
+    /* @__PURE__ */ jsx25("button", { onClick: () => changePage(page - 1), disabled: onFirstPage, children: /* @__PURE__ */ jsx25(ChevronLeft2, { className: clsx21({ "opacity-30": onFirstPage }) }) }),
+    /* @__PURE__ */ jsxs16("div", { className: "min-w-[80px] justify-center mx-2", children: [
+      /* @__PURE__ */ jsx25("span", { className: "select-none text-right flex-1", children: noPages ? 0 : page + 1 }),
+      /* @__PURE__ */ jsx25("span", { className: "select-none mx-2", children: translation.of }),
+      /* @__PURE__ */ jsx25("span", { className: "select-none text-left flex-1", children: numberOfPages })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => changePage(page + 1), disabled: onLastPage || noPages, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronRight, { className: (0, import_clsx21.default)({ "opacity-30": onLastPage }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => changePage(numberOfPages - 1), disabled: onLastPage || noPages, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronLast, { className: (0, import_clsx21.default)({ "opacity-30": onLastPage }) }) })
+    /* @__PURE__ */ jsx25("button", { onClick: () => changePage(page + 1), disabled: onLastPage || noPages, children: /* @__PURE__ */ jsx25(ChevronRight2, { className: clsx21({ "opacity-30": onLastPage }) }) }),
+    /* @__PURE__ */ jsx25("button", { onClick: () => changePage(numberOfPages - 1), disabled: onLastPage || noPages, children: /* @__PURE__ */ jsx25(ChevronLast, { className: clsx21({ "opacity-30": onLastPage }) }) })
   ] });
 };
 
 // src/components/layout-and-navigation/SearchableList.tsx
-var import_react14 = require("react");
-var import_lucide_react7 = require("lucide-react");
-var import_clsx24 = __toESM(require("clsx"), 1);
+import { useEffect as useEffect14, useMemo as useMemo2, useState as useState14 } from "react";
+import { Search } from "lucide-react";
+import clsx24 from "clsx";
 
 // src/util/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -5945,14 +5795,14 @@ var SimpleSearch = (search, objects) => {
 };
 
 // src/components/user-action/Input.tsx
-var import_react13 = require("react");
-var import_clsx23 = __toESM(require("clsx"), 1);
+import { forwardRef as forwardRef2, useEffect as useEffect13, useRef as useRef5, useState as useState13 } from "react";
+import clsx23 from "clsx";
 
 // src/hooks/useSaveDelay.ts
-var import_react12 = require("react");
+import { useEffect as useEffect12, useState as useState12 } from "react";
 function useSaveDelay(setNotificationStatus, delay) {
-  const [updateTimer, setUpdateTimer] = (0, import_react12.useState)(void 0);
-  const [notificationTimer, setNotificationTimer] = (0, import_react12.useState)(void 0);
+  const [updateTimer, setUpdateTimer] = useState12(void 0);
+  const [notificationTimer, setNotificationTimer] = useState12(void 0);
   const restartTimer = (onSave) => {
     clearTimeout(updateTimer);
     setUpdateTimer(setTimeout(() => {
@@ -5979,7 +5829,7 @@ function useSaveDelay(setNotificationStatus, delay) {
       setNotificationStatus(false);
     }
   };
-  (0, import_react12.useEffect)(() => {
+  useEffect12(() => {
     return () => {
       clearTimeout(updateTimer);
       clearTimeout(notificationTimer);
@@ -5989,8 +5839,8 @@ function useSaveDelay(setNotificationStatus, delay) {
 }
 
 // src/components/user-action/Label.tsx
-var import_clsx22 = __toESM(require("clsx"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+import clsx22 from "clsx";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var styleMapping = {
   labelSmall: "textstyle-label-sm",
   labelMedium: "textstyle-label-md",
@@ -6003,11 +5853,11 @@ var Label = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { ...props, className: (0, import_clsx22.default)(styleMapping[labelType], className), children: children ? children : name });
+  return /* @__PURE__ */ jsx26("label", { ...props, className: clsx22(styleMapping[labelType], className), children: children ? children : name });
 };
 
 // src/components/user-action/Input.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var Input = ({
   id,
   type = "text",
@@ -6027,15 +5877,15 @@ var Input = ({
     restartTimer,
     clearUpdateTimer
   } = useSaveDelay(() => void 0, 3e3);
-  const ref = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const ref = useRef5(null);
+  useEffect13(() => {
     if (autoFocus) {
       ref.current?.focus();
     }
   }, [autoFocus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_clsx23.default)({ "w-full": expanded }, containerClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Label, { ...label, htmlFor: id, className: (0, import_clsx23.default)("mb-1", label.className) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ jsxs17("div", { className: clsx23({ "w-full": expanded }, containerClassName), children: [
+    label && /* @__PURE__ */ jsx27(Label, { ...label, htmlFor: id, className: clsx23("mb-1", label.className) }),
+    /* @__PURE__ */ jsx27(
       "input",
       {
         ref,
@@ -6073,8 +5923,8 @@ var InputUncontrolled = ({
   onChangeText = noop,
   ...props
 }) => {
-  const [value, setValue] = (0, import_react13.useState)(defaultValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const [value, setValue] = useState13(defaultValue);
+  return /* @__PURE__ */ jsx27(
     Input,
     {
       ...props,
@@ -6086,7 +5936,7 @@ var InputUncontrolled = ({
     }
   );
 };
-var FormInput = (0, import_react13.forwardRef)(function FormInput2({
+var FormInput = forwardRef2(function FormInput2({
   id,
   labelText,
   errorText,
@@ -6097,13 +5947,13 @@ var FormInput = (0, import_react13.forwardRef)(function FormInput2({
   required,
   ...restProps
 }, ref) {
-  const input = /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const input = /* @__PURE__ */ jsx27(
     "input",
     {
       ref,
       id,
       ...restProps,
-      className: (0, import_clsx23.default)(
+      className: clsx23(
         {
           "focus:border-primary focus:ring-primary": !errorText,
           "focus:border-negative focus:ring-negative text-negative": !!errorText
@@ -6112,18 +5962,18 @@ var FormInput = (0, import_react13.forwardRef)(function FormInput2({
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_clsx23.default)("flex flex-col gap-y-1", containerClassName), children: [
-    labelText && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { htmlFor: id, className: (0, import_clsx23.default)("textstyle-label-md", labelClassName), children: [
+  return /* @__PURE__ */ jsxs17("div", { className: clsx23("flex flex-col gap-y-1", containerClassName), children: [
+    labelText && /* @__PURE__ */ jsxs17("label", { htmlFor: id, className: clsx23("textstyle-label-md", labelClassName), children: [
       labelText,
-      required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-primary font-bold", children: "*" })
+      required && /* @__PURE__ */ jsx27("span", { className: "text-primary font-bold", children: "*" })
     ] }),
     input,
-    errorText && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { htmlFor: id, className: (0, import_clsx23.default)("text-negative", errorClassName), children: errorText })
+    errorText && /* @__PURE__ */ jsx27("label", { htmlFor: id, className: clsx23("text-negative", errorClassName), children: errorText })
   ] });
 });
 
 // src/components/layout-and-navigation/SearchableList.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 var defaultSearchableListTranslation = {
   en: {
     search: "Search",
@@ -6143,24 +5993,24 @@ var SearchableList = ({
   className
 }) => {
   const translation = useTranslation(defaultSearchableListTranslation, overwriteTranslation);
-  const [search, setSearch] = (0, import_react14.useState)(initialSearch);
-  (0, import_react14.useEffect)(() => setSearch(initialSearch), [initialSearch]);
-  const filteredEntries = (0, import_react14.useMemo)(() => MultiSearchWithMapping(search, list, searchMapping), [search, list, searchMapping]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: (0, import_clsx24.default)("col gap-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "row justify-between gap-x-2 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Input, { value: search, onChangeText: setSearch, placeholder: translation.search }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.Search, { size: 20 })
+  const [search, setSearch] = useState14(initialSearch);
+  useEffect14(() => setSearch(initialSearch), [initialSearch]);
+  const filteredEntries = useMemo2(() => MultiSearchWithMapping(search, list, searchMapping), [search, list, searchMapping]);
+  return /* @__PURE__ */ jsxs18("div", { className: clsx24("col gap-y-2", className), children: [
+    /* @__PURE__ */ jsxs18("div", { className: "row justify-between gap-x-2 items-center", children: [
+      /* @__PURE__ */ jsx28("div", { className: "flex-1", children: /* @__PURE__ */ jsx28(Input, { value: search, onChangeText: setSearch, placeholder: translation.search }) }),
+      /* @__PURE__ */ jsx28(Search, { size: 20 })
     ] }),
-    filteredEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "col gap-y-1", children: filteredEntries.map(itemMapper) }),
-    !filteredEntries.length && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "row justify-center", children: translation.nothingFound })
+    filteredEntries.length > 0 && /* @__PURE__ */ jsx28("div", { className: "col gap-y-1", children: filteredEntries.map(itemMapper) }),
+    !filteredEntries.length && /* @__PURE__ */ jsx28("div", { className: "row justify-center", children: translation.nothingFound })
   ] });
 };
 
 // src/components/layout-and-navigation/StepperBar.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_clsx25 = __toESM(require("clsx"), 1);
-var import_react15 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+import { Check, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
+import clsx25 from "clsx";
+import { useEffect as useEffect15, useState as useState15 } from "react";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var defaultStepperBarTranslation = {
   en: {
     back: "Back",
@@ -6195,12 +6045,12 @@ var StepperBar = ({
     seenSteps.add(newStep);
     onChange({ currentStep: newStep, seenSteps });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
-      className: (0, import_clsx25.default)("row justify-between", className),
+      className: clsx25("row justify-between", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "row flex-[2] justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ jsx29("div", { className: "row flex-[2] justify-start", children: /* @__PURE__ */ jsxs19(
           SolidButton,
           {
             disabled: currentStep === 0 || disabledSteps.has(currentStep),
@@ -6209,18 +6059,18 @@ var StepperBar = ({
             },
             className: "row gap-x-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.ChevronLeft, { size: 14 }),
+              /* @__PURE__ */ jsx29(ChevronLeft3, { size: 14 }),
               translation.back
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "row flex-[5] gap-x-2 justify-center items-center", children: showDots && dots.map((value, index) => {
+        /* @__PURE__ */ jsx29("div", { className: "row flex-[5] gap-x-2 justify-center items-center", children: showDots && dots.map((value, index) => {
           const seen = seenSteps.has(index);
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          return /* @__PURE__ */ jsx29(
             "div",
             {
               onClick: () => seen && update(index),
-              className: (0, import_clsx25.default)(
+              className: clsx25(
                 "rounded-full w-4 h-4",
                 {
                   "bg-primary hover:brightness-75": index === currentStep && seen && !disabledSteps.has(currentStep),
@@ -6236,7 +6086,7 @@ var StepperBar = ({
             index
           );
         }) }),
-        currentStep !== numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "row flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        currentStep !== numberOfSteps && /* @__PURE__ */ jsx29("div", { className: "row flex-[2] justify-end", children: /* @__PURE__ */ jsxs19(
           SolidButton,
           {
             onClick: () => update(currentStep + 1),
@@ -6244,18 +6094,18 @@ var StepperBar = ({
             disabled: disabledSteps.has(currentStep),
             children: [
               translation.next,
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.ChevronRight, { size: 14 })
+              /* @__PURE__ */ jsx29(ChevronRight3, { size: 14 })
             ]
           }
         ) }),
-        currentStep === numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "row flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        currentStep === numberOfSteps && /* @__PURE__ */ jsx29("div", { className: "row flex-[2] justify-end", children: /* @__PURE__ */ jsxs19(
           SolidButton,
           {
             disabled: disabledSteps.has(currentStep),
             onClick: onFinish,
             className: "row gap-x-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.Check, { size: 14 }),
+              /* @__PURE__ */ jsx29(Check, { size: 14 }),
               finishText ?? translation.confirm
             ]
           }
@@ -6265,11 +6115,11 @@ var StepperBar = ({
   );
 };
 var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
-  const [usedState, setUsedState] = (0, import_react15.useState)(state ?? defaultState);
-  (0, import_react15.useEffect)(() => {
+  const [usedState, setUsedState] = useState15(state ?? defaultState);
+  useEffect15(() => {
     setUsedState(state ?? defaultState);
   }, [state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ jsx29(
     StepperBar,
     {
       ...props,
@@ -6283,15 +6133,15 @@ var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
 };
 
 // src/components/layout-and-navigation/Table.tsx
-var import_react17 = require("react");
-var import_react_custom_scrollbars_23 = require("react-custom-scrollbars-2");
+import { useEffect as useEffect16, useRef as useRef6, useState as useState17 } from "react";
+import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
 
 // src/components/user-action/Checkbox.tsx
-var import_react16 = require("react");
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_clsx26 = __toESM(require("clsx"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
+import { useState as useState16 } from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check as Check2, Minus } from "lucide-react";
+import clsx26 from "clsx";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 var checkboxSizeMapping = {
   small: "size-4",
   medium: "size-6",
@@ -6327,31 +6177,31 @@ var Checkbox = ({
     const newValue = checked === "indeterminate" ? false : !checked;
     propagateChange(newValue);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_clsx26.default)("row justify-center items-center", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ jsxs20("div", { className: clsx26("row justify-center items-center", containerClassName), children: [
+    /* @__PURE__ */ jsx30(
       CheckboxPrimitive.Root,
       {
         onCheckedChange: propagateChange,
         checked,
         disabled,
         id,
-        className: (0, import_clsx26.default)(usedSizeClass, `items-center border-2 rounded outline-none focus:border-primary`, {
-          "text-disabled-text border-disabled-text": disabled,
-          "border-on-background": !disabled,
+        className: clsx26(usedSizeClass, `items-center border-2 rounded outline-none focus:border-primary`, {
+          "text-disabled-text border-disabled-text bg-disabled-background": disabled,
+          "bg-surface": !disabled && !checked,
           "bg-primary/30 border-primary text-primary": checked === true || checked === "indeterminate",
-          "hover:border-gray-400 focus:hover:border-primary": !checked
+          "hover:border-primary focus:hover:border-primary": !checked
         }, className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CheckboxPrimitive.Indicator, { children: [
-          checked === true && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react9.Check, { className: innerIconSize }),
-          checked === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react9.Minus, { className: innerIconSize })
+        children: /* @__PURE__ */ jsxs20(CheckboxPrimitive.Indicator, { children: [
+          checked === true && /* @__PURE__ */ jsx30(Check2, { className: innerIconSize }),
+          checked === "indeterminate" && /* @__PURE__ */ jsx30(Minus, { className: innerIconSize })
         ] })
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    label && /* @__PURE__ */ jsx30(
       Label,
       {
         ...label,
-        className: (0, import_clsx26.default)("cursor-pointer", label.className),
+        className: clsx26("cursor-pointer", label.className),
         htmlFor: id,
         onClick: changeValue
       }
@@ -6364,7 +6214,7 @@ var CheckboxUncontrolled = ({
   defaultValue = false,
   ...props
 }) => {
-  const [checked, setChecked] = (0, import_react16.useState)(defaultValue);
+  const [checked, setChecked] = useState16(defaultValue);
   const handleChange = (checked2) => {
     if (onChangeTristate) {
       onChangeTristate(checked2);
@@ -6374,7 +6224,7 @@ var CheckboxUncontrolled = ({
     }
     setChecked(checked2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ jsx30(
     Checkbox,
     {
       ...props,
@@ -6385,9 +6235,9 @@ var CheckboxUncontrolled = ({
 };
 
 // src/components/layout-and-navigation/Table.tsx
-var import_clsx27 = __toESM(require("clsx"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+import clsx27 from "clsx";
+import { ChevronDown as ChevronDown4, ChevronsUpDown, ChevronUp as ChevronUp3 } from "lucide-react";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 var defaultTableStatePagination = {
   currentPage: 0,
   entriesPerPage: 5
@@ -6539,8 +6389,8 @@ var Table = ({
   const headerPaddingHead = "pb-2";
   const headerPaddingBody = "pt-2";
   const cellPadding = "py-1 px-2";
-  const [scrollbarsAutoHeightMin, setScrollbarsAutoHeightMin] = (0, import_react17.useState)(0);
-  const tableRef = (0, import_react17.useRef)(null);
+  const [scrollbarsAutoHeightMin, setScrollbarsAutoHeightMin] = useState17(0);
+  const tableRef = useRef6(null);
   const calculateHeight = () => {
     if (tableRef.current) {
       const tableHeight = tableRef.current.offsetHeight;
@@ -6548,7 +6398,7 @@ var Table = ({
       setScrollbarsAutoHeightMin(tableHeight + offset);
     }
   };
-  (0, import_react17.useEffect)(() => {
+  useEffect16(() => {
     calculateHeight();
     const handleResize = () => {
       calculateHeight();
@@ -6558,20 +6408,20 @@ var Table = ({
       window.removeEventListener("resize", handleResize);
     };
   }, [data, currentPage]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: (0, import_clsx27.default)("col gap-y-4 overflow-hidden", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_custom_scrollbars_23.Scrollbars, { autoHeight: true, autoHeightMin: scrollbarsAutoHeightMin, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("table", { ref: tableRef, className: "w-full mb-[12px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: headerRow, children: [
-        header && tableState.selection && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { className: headerPaddingHead, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ jsxs21("div", { className: clsx27("col gap-y-4 overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx31("div", { children: /* @__PURE__ */ jsx31(Scrollbars3, { autoHeight: true, autoHeightMin: scrollbarsAutoHeightMin, children: /* @__PURE__ */ jsxs21("table", { ref: tableRef, className: "w-full mb-[12px]", children: [
+      /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: headerRow, children: [
+        header && tableState.selection && /* @__PURE__ */ jsx31("th", { className: headerPaddingHead, children: /* @__PURE__ */ jsx31(
           Checkbox,
           {
             checked: tableState.selection.hasSelectedSome ? "indeterminate" : tableState.selection.hasSelectedAll,
             onChange: () => updateTableState(changeTableSelectionAll(tableState, data, identifierMapping))
           }
         ) }),
-        header && header.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { className: headerPaddingHead, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "row justify-start px-2", children: value }) }, `tableHeader${index}`))
+        header && header.map((value, index) => /* @__PURE__ */ jsx31("th", { className: headerPaddingHead, children: /* @__PURE__ */ jsx31("div", { className: "row justify-start px-2", children: value }) }, `tableHeader${index}`))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { children: shownElements.map((value, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { children: [
-        tableState.selection && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: (0, import_clsx27.default)(cellPadding, { [headerPaddingBody]: rowIndex === 0 }), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ jsx31("tbody", { children: shownElements.map((value, rowIndex) => /* @__PURE__ */ jsxs21("tr", { children: [
+        tableState.selection && /* @__PURE__ */ jsx31("td", { className: clsx27(cellPadding, { [headerPaddingBody]: rowIndex === 0 }), children: /* @__PURE__ */ jsx31(
           Checkbox,
           {
             checked: isDataObjectSelected(tableState, value, identifierMapping),
@@ -6580,17 +6430,17 @@ var Table = ({
             }
           }
         ) }),
-        rowMappingToCells(value).map((value1, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        rowMappingToCells(value).map((value1, index) => /* @__PURE__ */ jsx31(
           "td",
           {
-            className: (0, import_clsx27.default)(cellPadding, { [headerPaddingBody]: rowIndex === 0 }),
+            className: clsx27(cellPadding, { [headerPaddingBody]: rowIndex === 0 }),
             children: value1
           },
           index
         ))
       ] }, identifierMapping(value))) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "row justify-center", children: tableState.pagination && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Pagination, { page: currentPage, numberOfPages: pageCount, onPageChanged: (page) => updateTableState({
+    /* @__PURE__ */ jsx31("div", { className: "row justify-center", children: tableState.pagination && /* @__PURE__ */ jsx31(Pagination, { page: currentPage, numberOfPages: pageCount, onPageChanged: (page) => updateTableState({
       ...tableState,
       pagination: { entriesPerPage, currentPage: page }
     }) }) })
@@ -6603,23 +6453,23 @@ var SortButton = ({
   onClick,
   ...buttonProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ jsx31(
     TextButton,
     {
       color,
       onClick: () => onClick(ascending === "descending" ? "ascending" : "descending"),
       ...buttonProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "row gap-x-2", children: [
+      children: /* @__PURE__ */ jsxs21("div", { className: "row gap-x-2", children: [
         children,
-        ascending === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.ChevronUp, {}) : !ascending ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.ChevronsUpDown, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.ChevronDown, {})
+        ascending === "ascending" ? /* @__PURE__ */ jsx31(ChevronUp3, {}) : !ascending ? /* @__PURE__ */ jsx31(ChevronsUpDown, {}) : /* @__PURE__ */ jsx31(ChevronDown4, {})
       ] })
     }
   );
 };
 
 // src/components/layout-and-navigation/TextImage.tsx
-var import_clsx28 = __toESM(require("clsx"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+import clsx28 from "clsx";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 var defaultTextImageTranslation = {
   de: {
     showMore: "Mehr anzeigen"
@@ -6650,25 +6500,25 @@ var TextImage = ({
     secondary: "text-text-image-secondary-text bg-linear-to-r from-30% from-text-image-secondary-background to-text-image-secondary-background/55",
     dark: "text-text-image-dark-text bg-linear-to-r from-30% from-text-image-dark-background to-text-image-dark-background/55"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
-      className: (0, import_clsx28.default)("rounded-2xl w-full", className),
+      className: clsx28("rounded-2xl w-full", className),
       style: {
         backgroundImage: `url(${imageUrl})`,
         backgroundSize: "cover"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      children: /* @__PURE__ */ jsxs22(
         "div",
         {
-          className: (0, import_clsx28.default)(`col px-6 py-12 rounded-2xl h-full`, colorMapping[color], contentClassName),
+          className: clsx28(`col px-6 py-12 rounded-2xl h-full`, colorMapping[color], contentClassName),
           children: [
-            badge && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_clsx28.default)(`chip-full bg-white mb-2 py-2 px-4 w-fit`, chipColorMapping[color]), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-lg font-bold", children: badge }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "col gap-y-1 text-white overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "textstyle-title-xl", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-ellipsis overflow-hidden", children: description })
+            badge && /* @__PURE__ */ jsx32("div", { className: clsx28(`chip-full bg-white mb-2 py-2 px-4 w-fit`, chipColorMapping[color]), children: /* @__PURE__ */ jsx32("span", { className: "text-lg font-bold", children: badge }) }),
+            /* @__PURE__ */ jsxs22("div", { className: "col gap-y-1 text-white overflow-hidden", children: [
+              /* @__PURE__ */ jsx32("span", { className: "textstyle-title-xl", children: title }),
+              /* @__PURE__ */ jsx32("span", { className: "text-ellipsis overflow-hidden", children: description })
             ] }),
-            onShowMoreClicked && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "row mt-2 text-white underline", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: onShowMoreClicked, children: translation.showMore }) })
+            onShowMoreClicked && /* @__PURE__ */ jsx32("div", { className: "row mt-2 text-white underline", children: /* @__PURE__ */ jsx32("button", { onClick: onShowMoreClicked, children: translation.showMore }) })
           ]
         }
       )
@@ -6677,7 +6527,7 @@ var TextImage = ({
 };
 
 // src/components/layout-and-navigation/VerticalDivider.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 var VerticalDivider = ({
   width = 1,
   height = 100,
@@ -6685,7 +6535,7 @@ var VerticalDivider = ({
   dashGap = 4,
   dashLength = 4
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ jsx33("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ jsxs23(
     "svg",
     {
       width,
@@ -6694,7 +6544,7 @@ var VerticalDivider = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ jsx33(
           "line",
           {
             opacity: "0.5",
@@ -6708,7 +6558,7 @@ var VerticalDivider = ({
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        /* @__PURE__ */ jsx33("defs", { children: /* @__PURE__ */ jsxs23(
           "linearGradient",
           {
             id: "paint_linear",
@@ -6718,9 +6568,9 @@ var VerticalDivider = ({
             y2: height,
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("stop", { stopOpacity: "0", stopColor: "currentColor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("stop", { offset: "0.5", stopColor: "currentColor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
+              /* @__PURE__ */ jsx33("stop", { stopOpacity: "0", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx33("stop", { offset: "0.5", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx33("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
             ]
           }
         ) })
@@ -6730,9 +6580,9 @@ var VerticalDivider = ({
 };
 
 // src/components/loading-states/ErrorComponent.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_clsx29 = __toESM(require("clsx"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+import { AlertOctagon } from "lucide-react";
+import clsx29 from "clsx";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 var defaultErrorComponentTranslation = {
   en: {
     errorOccurred: "An error occurred"
@@ -6747,18 +6597,18 @@ var ErrorComponent = ({
   classname
 }) => {
   const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: (0, import_clsx29.default)("col items-center justify-center gap-y-4 w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react11.AlertOctagon, { size: 64, className: "text-warning" }),
+  return /* @__PURE__ */ jsxs24("div", { className: clsx29("col items-center justify-center gap-y-4 w-full h-24", classname), children: [
+    /* @__PURE__ */ jsx34(AlertOctagon, { size: 64, className: "text-warning" }),
     errorText ?? `${translation.errorOccurred} :(`
   ] });
 };
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
-var import_react18 = require("react");
+import { useState as useState18 } from "react";
 
 // src/components/loading-states/LoadingAnimation.tsx
-var import_clsx30 = __toESM(require("clsx"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+import clsx30 from "clsx";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var defaultLoadingAnimationTranslation = {
   en: {
     loading: "Loading data"
@@ -6773,14 +6623,14 @@ var LoadingAnimation = ({
   classname
 }) => {
   const translation = useTranslation(defaultLoadingAnimationTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: (0, import_clsx30.default)("col items-center justify-center w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Helpwave, { animate: "loading" }),
+  return /* @__PURE__ */ jsxs25("div", { className: clsx30("col items-center justify-center w-full h-24", classname), children: [
+    /* @__PURE__ */ jsx35(Helpwave, { animate: "loading" }),
     loadingText ?? `${translation.loading}...`
   ] });
 };
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+import { jsx as jsx36 } from "react/jsx-runtime";
 var LoadingAndErrorComponent = ({
   children,
   isLoading = false,
@@ -6789,8 +6639,8 @@ var LoadingAndErrorComponent = ({
   loadingProps,
   minimumLoadingDuration
 }) => {
-  const [isInMinimumLoading, setIsInMinimumLoading] = (0, import_react18.useState)(false);
-  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = (0, import_react18.useState)(false);
+  const [isInMinimumLoading, setIsInMinimumLoading] = useState18(false);
+  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = useState18(false);
   if (minimumLoadingDuration && !isInMinimumLoading && !hasUsedMinimumLoading) {
     setIsInMinimumLoading(true);
     setTimeout(() => {
@@ -6799,27 +6649,27 @@ var LoadingAndErrorComponent = ({
     }, minimumLoadingDuration);
   }
   if (isLoading || minimumLoadingDuration && isInMinimumLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LoadingAnimation, { ...loadingProps });
+    return /* @__PURE__ */ jsx36(LoadingAnimation, { ...loadingProps });
   }
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorComponent, { ...errorProps });
+    return /* @__PURE__ */ jsx36(ErrorComponent, { ...errorProps });
   }
   return children;
 };
 
 // src/components/loading-states/LoadingButton.tsx
-var import_clsx31 = __toESM(require("clsx"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+import clsx31 from "clsx";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var LoadingButton = ({ isLoading = false, size = "medium", onClick, ...rest }) => {
   const paddingClass = ButtonUtil.paddingMapping[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "inline-block relative", children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: (0, import_clsx31.default)("absolute inset-0 row items-center justify-center bg-white/40", paddingClass), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Helpwave, { animate: "loading", className: "text-white" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SolidButton, { ...rest, disabled: rest.disabled, onClick: isLoading ? noop : onClick })
+  return /* @__PURE__ */ jsxs26("div", { className: "inline-block relative", children: [
+    isLoading && /* @__PURE__ */ jsx37("div", { className: clsx31("absolute inset-0 row items-center justify-center bg-white/40", paddingClass), children: /* @__PURE__ */ jsx37(Helpwave, { animate: "loading", className: "text-white" }) }),
+    /* @__PURE__ */ jsx37(SolidButton, { ...rest, disabled: rest.disabled, onClick: isLoading ? noop : onClick })
   ] });
 };
 
 // src/components/loading-states/ProgressIndicator.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var sizeMapping = { small: 16, medium: 24, big: 48 };
 var ProgressIndicator = ({
   progress,
@@ -6836,7 +6686,7 @@ var ProgressIndicator = ({
   if (direction === "clockwise") {
     rotation += 360 * progress;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ jsxs27(
     "svg",
     {
       style: {
@@ -6845,7 +6695,7 @@ var ProgressIndicator = ({
         transform: `rotate(${rotation}deg)`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ jsx38(
           "circle",
           {
             cx: center,
@@ -6856,7 +6706,7 @@ var ProgressIndicator = ({
             className: "stroke-primary"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ jsx38(
           "circle",
           {
             cx: center,
@@ -6875,8 +6725,8 @@ var ProgressIndicator = ({
 };
 
 // src/components/modals/ConfirmModal.tsx
-var import_clsx32 = __toESM(require("clsx"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+import clsx32 from "clsx";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var defaultConfirmDialogTranslation2 = {
   en: {
     confirm: "Confirm",
@@ -6907,10 +6757,10 @@ var ConfirmModal = ({
     positive: "positive",
     primary: "primary"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Modal, { ...restProps, onClose: onCancel, className: (0, import_clsx32.default)("justify-between", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "col grow", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "row mt-3 gap-x-4 justify-end", children: [
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ jsxs28(Modal, { ...restProps, onClose: onCancel, className: clsx32("justify-between", className), children: [
+    /* @__PURE__ */ jsx39("div", { className: "col grow", children }),
+    /* @__PURE__ */ jsxs28("div", { className: "row mt-3 gap-x-4 justify-end", children: [
+      onCancel && /* @__PURE__ */ jsx39(
         SolidButton,
         {
           color: buttonOverwrites?.[0].color ?? "neutral",
@@ -6919,7 +6769,7 @@ var ConfirmModal = ({
           children: buttonOverwrites?.[0].text ?? translation.cancel
         }
       ),
-      onDecline && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      onDecline && /* @__PURE__ */ jsx39(
         SolidButton,
         {
           color: buttonOverwrites?.[1].color ?? "negative",
@@ -6928,7 +6778,7 @@ var ConfirmModal = ({
           children: buttonOverwrites?.[1].text ?? translation.decline
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ jsx39(
         SolidButton,
         {
           autoFocus: true,
@@ -6943,7 +6793,7 @@ var ConfirmModal = ({
 };
 
 // src/components/modals/DiscardChangesModal.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+import { jsx as jsx40 } from "react/jsx-runtime";
 var defaultDiscardChangesModalTranslation = {
   en: {
     save: "Save",
@@ -6970,7 +6820,7 @@ var DiscardChangesModal = ({
   ...modalProps
 }) => {
   const translation = useTranslation(defaultDiscardChangesModalTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ jsx40(
     ConfirmModal,
     {
       headerProps: {
@@ -6989,28 +6839,28 @@ var DiscardChangesModal = ({
 };
 
 // src/components/modals/InputModal.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+import { jsx as jsx41 } from "react/jsx-runtime";
 var InputModal = ({
   inputs,
   buttonOverwrites,
   ...restProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ jsx41(
     ConfirmModal,
     {
       buttonOverwrites,
       ...restProps,
-      children: inputs.map((inputProps, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Input, { ...inputProps }, `input ${index}`))
+      children: inputs.map((inputProps, index) => /* @__PURE__ */ jsx41(Input, { ...inputProps }, `input ${index}`))
     }
   );
 };
 
 // src/components/user-action/Select.tsx
-var import_react19 = require("@headlessui/react");
-var import_lucide_react12 = require("lucide-react");
-var import_react20 = require("react");
-var import_clsx33 = __toESM(require("clsx"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
+import { Menu } from "@headlessui/react";
+import { ChevronDown as ChevronDown5, ChevronUp as ChevronUp4, Search as Search2 } from "lucide-react";
+import { useEffect as useEffect17, useState as useState19 } from "react";
+import clsx33 from "clsx";
+import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
 var Select = ({
   value,
   label,
@@ -7022,7 +6872,6 @@ var Select = ({
   isDisabled,
   className,
   textColor = "text-menu-text",
-  hoverColor = "hover:brightness-90",
   additionalItems,
   selectedDisplayOverwrite
 }) => {
@@ -7035,48 +6884,48 @@ var Select = ({
     console.warn("The selected value is not found in the options list. This might be an error on your part or default behavior if it is complex data type on which === does not work. In case of the latter use selectedDisplayOverwrite to set your selected text or component");
   }
   const borderColor = "border-menu-border";
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: (0, import_clsx33.default)(className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { ...label, labelType: label.labelType ?? "labelBig", className: (0, import_clsx33.default)("mb-1", label.className) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react19.Menu, { as: "div", className: "relative text-menu-text", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-        import_react19.Menu.Button,
+  return /* @__PURE__ */ jsxs29("div", { className: clsx33(className), children: [
+    label && /* @__PURE__ */ jsx42(Label, { ...label, labelType: label.labelType ?? "labelBig", className: clsx33("mb-1", label.className) }),
+    /* @__PURE__ */ jsx42(Menu, { as: "div", className: "relative text-menu-text", children: ({ open }) => /* @__PURE__ */ jsxs29(Fragment3, { children: [
+      /* @__PURE__ */ jsxs29(
+        Menu.Button,
         {
-          className: (0, import_clsx33.default)(
+          className: clsx33(
             "inline-flex w-full justify-between items-center rounded-t-lg border-2 px-4 py-2 font-medium bg-menu-background text-menu-text",
             textColor,
             borderColor,
             {
               "rounded-b-lg": !open,
-              [hoverColor]: !isDisabled,
+              "hover:border-primary": !isDisabled,
               "bg-disabled-background cursor-not-allowed text-disabled": isDisabled
             }
           ),
           disabled: isDisabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: selectedDisplayOverwrite ?? selectedOption?.label ?? hintText }),
-            open ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.ChevronDown, {})
+            /* @__PURE__ */ jsx42("span", { children: selectedDisplayOverwrite ?? selectedOption?.label ?? hintText }),
+            open ? /* @__PURE__ */ jsx42(ChevronUp4, {}) : /* @__PURE__ */ jsx42(ChevronDown5, {})
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-        import_react19.Menu.Items,
+      /* @__PURE__ */ jsxs29(
+        Menu.Items,
         {
           className: "absolute w-full z-10 rounded-b-lg bg-menu-background text-menu-text shadow-lg max-h-[500px] overflow-y-auto",
           children: [
-            (additionalItems ?? []).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            (additionalItems ?? []).map((item, index) => /* @__PURE__ */ jsx42(
               "div",
               {
-                className: (0, import_clsx33.default)(borderColor, "px-4 py-2 overflow-hidden whitespace-nowrap text-ellipsis border-2 border-t-0", {
+                className: clsx33(borderColor, "px-4 py-2 overflow-hidden whitespace-nowrap text-ellipsis border-2 border-t-0", {
                   "border-b-0 rounded-b-lg": filteredOptions.length === 0 && index === (additionalItems?.length ?? 1) - 1
                 }),
                 children: item
               },
               `additionalItems${index}`
             )),
-            filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react19.Menu.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            filteredOptions.map((option, index) => /* @__PURE__ */ jsx42(Menu.Item, { children: /* @__PURE__ */ jsx42(
               "div",
               {
-                className: (0, import_clsx33.default)(
+                className: clsx33(
                   "px-4 py-2 overflow-hidden whitespace-nowrap text-ellipsis border-2 border-t-0 cursor-pointer",
                   option.className,
                   borderColor,
@@ -7109,13 +6958,13 @@ var SelectUncontrolled = ({
   hintText,
   ...props
 }) => {
-  const [selected, setSelected] = (0, import_react20.useState)(value);
-  (0, import_react20.useEffect)(() => {
+  const [selected, setSelected] = useState19(value);
+  useEffect17(() => {
     if (options.find((options2) => options2.value === value)) {
       setSelected(value);
     }
   }, [options, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ jsx42(
     Select,
     {
       value: selected,
@@ -7135,16 +6984,16 @@ var SearchableSelect = ({
   searchMapping,
   ...selectProps
 }) => {
-  const [search, setSearch] = (0, import_react20.useState)("");
+  const [search, setSearch] = useState19("");
   const filteredOptions = MultiSearchWithMapping(search, options, searchMapping);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ jsx42(
     Select,
     {
       value,
       options: filteredOptions,
-      additionalItems: [/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "row gap-x-2 items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Input, { autoFocus: true, value: search, onChangeText: setSearch }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.Search, {})
+      additionalItems: [/* @__PURE__ */ jsxs29("div", { className: "row gap-x-2 items-center", children: [
+        /* @__PURE__ */ jsx42(Input, { autoFocus: true, value: search, onChangeText: setSearch, className: "w-full" }),
+        /* @__PURE__ */ jsx42(Search2, { className: "min-w-[1.5rem] min-h-[1.5rem]" })
       ] }, "selectSearch")],
       ...selectProps
     }
@@ -7152,7 +7001,7 @@ var SearchableSelect = ({
 };
 
 // src/components/modals/LanguageModal.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 var defaultLanguageModalTranslation = {
   en: {
     title: "Language",
@@ -7175,7 +7024,7 @@ var LanguageModal = ({
 }) => {
   const { language, setLanguage } = useLanguage();
   const translation = useTranslation(defaultLanguageModalTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ jsx43(
     Modal,
     {
       headerProps: {
@@ -7185,8 +7034,8 @@ var LanguageModal = ({
       },
       onClose,
       ...modalProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-64", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ jsxs30("div", { className: "w-64", children: [
+        /* @__PURE__ */ jsx43(
           Select,
           {
             className: "mt-2",
@@ -7195,15 +7044,15 @@ var LanguageModal = ({
             onChange: (language2) => setLanguage(language2)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "row mt-3 gap-x-4 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation.done }) })
+        /* @__PURE__ */ jsx43("div", { className: "row mt-3 gap-x-4 justify-end", children: /* @__PURE__ */ jsx43(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation.done }) })
       ] })
     }
   );
 };
 
 // src/theming/useTheme.tsx
-var import_react21 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect18, useState as useState20 } from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var themes = ["light", "dark"];
 var defaultThemeTypeTranslation = {
   en: {
@@ -7219,27 +7068,27 @@ var ThemeUtil = {
   themes,
   translation: defaultThemeTypeTranslation
 };
-var ThemeContext = (0, import_react21.createContext)({
+var ThemeContext = createContext2({
   theme: "light",
   setTheme: noop
 });
 var ThemeProvider = ({ children, initialTheme = "light" }) => {
-  const [theme, setTheme] = (0, import_react21.useState)(initialTheme);
-  (0, import_react21.useEffect)(() => {
+  const [theme, setTheme] = useState20(initialTheme);
+  useEffect18(() => {
     if (theme !== initialTheme) {
       console.warn("ThemeProvider initial state changed: Prefer using useTheme's setTheme instead");
       setTheme(initialTheme);
     }
   }, [initialTheme]);
-  (0, import_react21.useEffect)(() => {
+  useEffect18(() => {
     document.documentElement.setAttribute("data-theme", theme);
   }, [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ThemeContext.Provider, { value: { theme, setTheme }, children });
+  return /* @__PURE__ */ jsx44(ThemeContext.Provider, { value: { theme, setTheme }, children });
 };
-var useTheme = () => (0, import_react21.useContext)(ThemeContext);
+var useTheme = () => useContext2(ThemeContext);
 
 // src/components/modals/ThemeModal.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 var defaultConfirmDialogTranslation3 = {
   en: {
     title: "Theme",
@@ -7262,7 +7111,7 @@ var ThemeModal = ({
 }) => {
   const { theme, setTheme } = useTheme();
   const translation = useTranslation(defaultConfirmDialogTranslation3, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ jsx45(
     Modal,
     {
       headerProps: {
@@ -7272,8 +7121,8 @@ var ThemeModal = ({
       },
       onClose,
       ...modalProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "w-64", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      children: /* @__PURE__ */ jsxs31("div", { className: "w-64", children: [
+        /* @__PURE__ */ jsx45(
           Select,
           {
             className: "mt-2",
@@ -7282,19 +7131,19 @@ var ThemeModal = ({
             onChange: (theme2) => setTheme(theme2)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "row mt-3 gap-x-4 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation.done }) })
+        /* @__PURE__ */ jsx45("div", { className: "row mt-3 gap-x-4 justify-end", children: /* @__PURE__ */ jsx45(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation.done }) })
       ] })
     }
   );
 };
 
 // src/components/properties/CheckboxProperty.tsx
-var import_lucide_react14 = require("lucide-react");
+import { Check as Check3 } from "lucide-react";
 
 // src/components/properties/PropertyBase.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_clsx34 = __toESM(require("clsx"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+import { AlertTriangle } from "lucide-react";
+import clsx34 from "clsx";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 var defaultPropertyBaseTranslation = {
   en: {
     remove: "Remove"
@@ -7316,12 +7165,12 @@ var PropertyBase = ({
 }) => {
   const translation = useTranslation(defaultPropertyBaseTranslation, overwriteTranslation);
   const requiredAndNoValue = softRequired && !hasValue;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: (0, import_clsx34.default)("row gap-x-0 group", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ jsxs32("div", { className: clsx34("row gap-x-0 group", className), children: [
+    /* @__PURE__ */ jsxs32(
       "div",
       {
-        className: (0, import_clsx34.default)("row gap-x-2 !w-[200px] px-4 py-2 items-center rounded-l-xl border-2 border-r-0", {
-          "bg-gray-100 text-black group-hover:border-primary border-gray-400": !requiredAndNoValue,
+        className: clsx34("row gap-x-2 !w-[200px] px-4 py-2 items-center rounded-l-xl border-2 border-r-0", {
+          "bg-property-title-background property-title-text group-hover:border-primary": !requiredAndNoValue,
           "bg-warning text-surface-warning group-hover:border-warning border-warning/90": requiredAndNoValue
         }, className),
         children: [
@@ -7330,22 +7179,22 @@ var PropertyBase = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    /* @__PURE__ */ jsxs32(
       "div",
       {
-        className: (0, import_clsx34.default)("row grow justify-between items-center rounded-r-xl border-2 border-l-0", {
-          "bg-white group-hover:border-primary border-gray-400": !requiredAndNoValue,
+        className: clsx34("row grow justify-between items-center rounded-r-xl border-2 border-l-0", {
+          "bg-surface group-hover:border-primary": !requiredAndNoValue,
           "bg-surface-warning group-hover:border-warning border-warning/90": requiredAndNoValue
         }, className),
         children: [
           input({ softRequired, hasValue }),
-          requiredAndNoValue && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-warning pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.AlertTriangle, { size: 24 }) }),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          requiredAndNoValue && /* @__PURE__ */ jsx46("div", { className: "text-warning pr-4", children: /* @__PURE__ */ jsx46(AlertTriangle, { size: 24 }) }),
+          onRemove && /* @__PURE__ */ jsx46(
             TextButton,
             {
               onClick: onRemove,
               color: "negative",
-              className: (0, import_clsx34.default)("pr-4 items-center", { "!text-transparent": !hasValue || readOnly }),
+              className: clsx34("pr-4 items-center", { "!text-transparent": !hasValue || readOnly }),
               disabled: !hasValue || readOnly,
               children: translation.remove
             }
@@ -7357,7 +7206,7 @@ var PropertyBase = ({
 };
 
 // src/components/properties/CheckboxProperty.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+import { jsx as jsx47 } from "react/jsx-runtime";
 var defaultCheckboxPropertyTranslation = {
   en: {
     yes: "Yes",
@@ -7376,14 +7225,14 @@ var CheckboxProperty = ({
   ...baseProps
 }) => {
   const translation = useTranslation(defaultCheckboxPropertyTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ jsx47(
     PropertyBase,
     {
       ...baseProps,
       hasValue: true,
       readOnly,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Check, { size: 16 }),
-      input: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "row py-2 px-4 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      icon: /* @__PURE__ */ jsx47(Check3, { size: 16 }),
+      input: () => /* @__PURE__ */ jsx47("div", { className: "row py-2 px-4 items-center", children: /* @__PURE__ */ jsx47(
         Checkbox,
         {
           checked: value ?? true,
@@ -7397,9 +7246,9 @@ var CheckboxProperty = ({
 };
 
 // src/components/properties/DateProperty.tsx
-var import_lucide_react15 = require("lucide-react");
-var import_clsx35 = __toESM(require("clsx"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
+import { CalendarDays } from "lucide-react";
+import clsx35 from "clsx";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var DateProperty = ({
   value,
   onChange = noop,
@@ -7410,20 +7259,20 @@ var DateProperty = ({
 }) => {
   const hasValue = !!value;
   const dateText = value ? type === "dateTime" ? formatDateTime(value) : formatDate(value) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ jsx48(
     PropertyBase,
     {
       ...baseProps,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.CalendarDays, { size: 16 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      icon: /* @__PURE__ */ jsx48(CalendarDays, { size: 16 }),
+      input: ({ softRequired }) => /* @__PURE__ */ jsx48(
         "div",
         {
-          className: (0, import_clsx35.default)("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          className: clsx35("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
+          children: /* @__PURE__ */ jsx48(
             Input,
             {
-              className: (0, import_clsx35.default)("!ring-0 !border-0 !outline-0 !p-0 !m-0 !shadow-none !w-fit !rounded-none", { "bg-surface-warning": softRequired && !hasValue }),
+              className: clsx35("!ring-0 !border-0 !outline-0 !p-0 !m-0 !shadow-none !w-fit !rounded-none", { "bg-surface-warning": softRequired && !hasValue }),
               value: dateText,
               type: type === "dateTime" ? "datetime-local" : "date",
               readOnly,
@@ -7446,22 +7295,22 @@ var DateProperty = ({
 };
 
 // src/components/properties/MultiSelectProperty.tsx
-var import_lucide_react17 = require("lucide-react");
-var import_clsx38 = __toESM(require("clsx"), 1);
+import { List } from "lucide-react";
+import clsx38 from "clsx";
 
 // src/components/user-action/MultiSelect.tsx
-var import_react24 = require("react");
-var import_lucide_react16 = require("lucide-react");
-var import_clsx37 = __toESM(require("clsx"), 1);
+import { useState as useState21 } from "react";
+import { Search as Search3 } from "lucide-react";
+import clsx37 from "clsx";
 
 // src/components/user-action/Menu.tsx
-var import_react23 = require("react");
-var import_clsx36 = __toESM(require("clsx"), 1);
+import { useRef as useRef7 } from "react";
+import clsx36 from "clsx";
 
 // src/hooks/useOutsideClick.ts
-var import_react22 = require("react");
+import { useEffect as useEffect19 } from "react";
 var useOutsideClick = (refs, handler) => {
-  (0, import_react22.useEffect)(() => {
+  useEffect19(() => {
     const listener = (event) => {
       if (event.target === null) return;
       if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
@@ -7479,16 +7328,16 @@ var useOutsideClick = (refs, handler) => {
 };
 
 // src/components/user-action/Menu.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 var MenuItem = ({
   children,
   onClick,
   alignment = "left",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ jsx49(
   "div",
   {
-    className: (0, import_clsx36.default)("block px-3 py-1 bg-menu-background text-menu-text hover:brightness-90", {
+    className: clsx36("block px-3 py-1 bg-menu-background text-menu-text hover:brightness-90", {
       "text-right": alignment === "right",
       "text-left": alignment === "left"
     }, className),
@@ -7504,22 +7353,22 @@ var Menu2 = ({
   menuClassName = ""
 }) => {
   const { isHovered: isOpen, setIsHovered: setIsOpen, handlers } = useHoverState({ isDisabled: !showOnHover });
-  const triggerRef = (0, import_react23.useRef)(null);
-  const menuRef = (0, import_react23.useRef)(null);
+  const triggerRef = useRef7(null);
+  const menuRef = useRef7(null);
   useOutsideClick([triggerRef, menuRef], () => setIsOpen(false));
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: "relative",
       ...handlers,
       children: [
         trigger(() => setIsOpen(!isOpen), triggerRef),
-        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        isOpen ? /* @__PURE__ */ jsx49(
           "div",
           {
             ref: menuRef,
             onClick: (e) => e.stopPropagation(),
-            className: (0, import_clsx36.default)("absolute top-full mt-1 py-2 w-60 rounded-lg bg-menu-background text-menu-text ring-1 ring-slate-900/5 text-sm leading-6 font-semibold shadow-md z-[1]", {
+            className: clsx36("absolute top-full mt-1 py-2 w-60 rounded-lg bg-menu-background text-menu-text ring-1 ring-slate-900/5 text-sm leading-6 font-semibold shadow-md z-[1]", {
               "    top-[8px]": alignment[0] === "t",
               " bottom-[8px]": alignment[0] === "b",
               "  left-[-8px]": alignment[1] === "l",
@@ -7534,7 +7383,7 @@ var Menu2 = ({
 };
 
 // src/components/user-action/MultiSelect.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 var defaultMultiSelectTranslation = {
   en: {
     select: "Select",
@@ -7561,7 +7410,7 @@ var MultiSelect = ({
   triggerClassName = ""
 }) => {
   const translation = useTranslation(defaultMultiSelectTranslation, overwriteTranslation);
-  const [searchText, setSearchText] = (0, import_react24.useState)(search?.initialSearch ?? "");
+  const [searchText, setSearchText] = useState21(search?.initialSearch ?? "");
   let filteredOptions = options;
   const enableSearch = !!search;
   if (enableSearch && !!searchText) {
@@ -7575,32 +7424,32 @@ var MultiSelect = ({
     filteredOptions = filteredOptions.filter((value) => !value.disabled);
   }
   const selectedItems = options.filter((value) => value.selected);
-  const menuButtonText = selectedItems.length === 0 ? hintText ?? translation.select : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: `${selectedItems.length} ${translation.selected}` });
+  const menuButtonText = selectedItems.length === 0 ? hintText ?? translation.select : /* @__PURE__ */ jsx50("span", { children: `${selectedItems.length} ${translation.selected}` });
   const borderColor = "border-menu-border";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: (0, import_clsx37.default)(className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ jsxs34("div", { className: clsx37(className), children: [
+    label && /* @__PURE__ */ jsx50(
       Label,
       {
         ...label,
         htmlFor: label.name,
-        className: (0, import_clsx37.default)(" mb-1", label.className),
+        className: clsx37(" mb-1", label.className),
         labelType: label.labelType ?? "labelBig"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    /* @__PURE__ */ jsxs34(
       Menu2,
       {
         alignment: "t_",
-        trigger: (onClick, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        trigger: (onClick, ref) => /* @__PURE__ */ jsx50(
           "div",
           {
             ref,
             onClick: disabled ? void 0 : onClick,
-            className: (0, import_clsx37.default)(
+            className: clsx37(
               borderColor,
               "bg-menu-background text-menu-text inline-w-full justify-between items-center rounded-lg border-2 px-4 py-2 font-medium",
               {
-                "hover:brightness-90 hover:border-primary cursor-pointer": !disabled,
+                "hover:border-primary cursor-pointer": !disabled,
                 "bg-disabled-background text-disabled cursor-not-allowed": disabled
               },
               triggerClassName
@@ -7608,27 +7457,27 @@ var MultiSelect = ({
             children: selectedDisplay ? selectedDisplay({ items: options, disabled }) : menuButtonText
           }
         ),
-        menuClassName: (0, import_clsx37.default)(
+        menuClassName: clsx37(
           "!rounded-lg !shadow-lg !max-h-[500px] !min-w-[400px] !max-w-[70vh] !overflow-y-auto !border !border-2",
           borderColor,
           { "!py-0": !enableSearch, "!pb-0": enableSearch }
         ),
         children: [
-          enableSearch && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "row gap-x-2 items-center px-2 py-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Input, { autoFocus: true, className: "w-full", value: searchText, onChangeText: setSearchText }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react16.Search, {})
+          enableSearch && /* @__PURE__ */ jsxs34("div", { className: "row gap-x-2 items-center px-2 py-2", children: [
+            /* @__PURE__ */ jsx50(Input, { autoFocus: true, className: "w-full", value: searchText, onChangeText: setSearchText }),
+            /* @__PURE__ */ jsx50(Search3, {})
           ] }, "selectSearch"),
-          filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          filteredOptions.map((option, index) => /* @__PURE__ */ jsx50(
             MenuItem,
             {
-              className: (0, import_clsx37.default)({
+              className: clsx37({
                 "cursor-not-allowed !bg-disabled-background !text-disabled-text hover:brightness-100": !!option.disabled,
                 "cursor-pointer": !option.disabled
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+              children: /* @__PURE__ */ jsxs34(
                 "div",
                 {
-                  className: (0, import_clsx37.default)("overflow-hidden whitespace-nowrap text-ellipsis row items-center gap-x-2", option.className),
+                  className: clsx37("overflow-hidden whitespace-nowrap text-ellipsis row items-center gap-x-2", option.className),
                   onClick: () => {
                     if (!option.disabled) {
                       onChange(options.map((value) => value.value === option.value ? {
@@ -7638,7 +7487,7 @@ var MultiSelect = ({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Checkbox, { checked: option.selected, disabled: option.disabled, size: "small" }),
+                    /* @__PURE__ */ jsx50(Checkbox, { checked: option.selected, disabled: option.disabled, size: "small" }),
                     option.label
                   ]
                 }
@@ -7653,7 +7502,7 @@ var MultiSelect = ({
 };
 
 // src/components/properties/MultiSelectProperty.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+import { jsx as jsx51 } from "react/jsx-runtime";
 var defaultMultiSelectPropertyTranslation = {
   en: {
     select: "Select"
@@ -7677,7 +7526,7 @@ var MultiSelectProperty = ({
   if (softRequired && !hasValue) {
     triggerClassName = "border-warning hover:brightness-90";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ jsx51(
     PropertyBase,
     {
       name,
@@ -7685,23 +7534,23 @@ var MultiSelectProperty = ({
       readOnly,
       softRequired,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react17.List, { size: 16 }),
-      input: ({ softRequired: softRequired2 }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      icon: /* @__PURE__ */ jsx51(List, { size: 16 }),
+      input: ({ softRequired: softRequired2 }) => /* @__PURE__ */ jsx51(
         "div",
         {
-          className: (0, import_clsx38.default)("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired2 && !hasValue }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          className: clsx38("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired2 && !hasValue }),
+          children: /* @__PURE__ */ jsx51(
             MultiSelect,
             {
               ...multiSelectProps,
-              className: (0, import_clsx38.default)("w-full", { "bg-surface-warning": softRequired2 && !hasValue }),
+              className: clsx38("w-full", { "bg-surface-warning": softRequired2 && !hasValue }),
               triggerClassName,
               selectedDisplay: ({ items }) => {
                 const selected = items.filter((value) => value.selected);
                 if (selected.length === 0) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Select" });
+                  return /* @__PURE__ */ jsx51("span", { children: "Select" });
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChipList, { list: selected.map((value) => ({ children: value.label })) });
+                return /* @__PURE__ */ jsx51(ChipList, { list: selected.map((value) => ({ children: value.label })) });
               },
               options,
               disabled: readOnly,
@@ -7715,9 +7564,9 @@ var MultiSelectProperty = ({
 };
 
 // src/components/properties/NumberProperty.tsx
-var import_lucide_react18 = require("lucide-react");
-var import_clsx39 = __toESM(require("clsx"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+import { Binary } from "lucide-react";
+import clsx39 from "clsx";
+import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
 var defaultNumberPropertyTranslation = {
   en: {
     value: "Value"
@@ -7738,23 +7587,23 @@ var NumberProperty = ({
 }) => {
   const translation = useTranslation(defaultNumberPropertyTranslation, overwriteTranslation);
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ jsx52(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react18.Binary, { size: 16 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      icon: /* @__PURE__ */ jsx52(Binary, { size: 16 }),
+      input: ({ softRequired }) => /* @__PURE__ */ jsxs35(
         "div",
         {
-          className: (0, import_clsx39.default)("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
+          className: clsx39("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ jsx52(
               Input,
               {
                 expanded: false,
-                className: (0, import_clsx39.default)("!ring-0 !border-0 !outline-0 !p-0 !m-0 !w-fit !shadow-none !rounded-none", { "bg-surface-warning placeholder-warning": softRequired && !hasValue }),
+                className: clsx39("!ring-0 !border-0 !outline-0 !p-0 !m-0 !w-fit !shadow-none !rounded-none", { "bg-surface-warning placeholder-warning": softRequired && !hasValue }),
                 value: value?.toString() ?? "",
                 type: "number",
                 readOnly,
@@ -7777,7 +7626,7 @@ var NumberProperty = ({
                 }
               }
             ),
-            suffix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx39.default)("ml-1", { "bg-surface-warning": softRequired && !hasValue }), children: suffix })
+            suffix && /* @__PURE__ */ jsx52("span", { className: clsx39("ml-1", { "bg-surface-warning": softRequired && !hasValue }), children: suffix })
           ]
         }
       )
@@ -7786,9 +7635,9 @@ var NumberProperty = ({
 };
 
 // src/components/properties/SelectProperty.tsx
-var import_lucide_react19 = require("lucide-react");
-var import_clsx40 = __toESM(require("clsx"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
+import { List as List2 } from "lucide-react";
+import clsx40 from "clsx";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var defaultSingleSelectPropertyTranslation = {
   en: {
     select: "Select"
@@ -7809,7 +7658,7 @@ var SingleSelectProperty = ({
 }) => {
   const translation = useTranslation(defaultSingleSelectPropertyTranslation, overwriteTranslation);
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ jsx53(
     PropertyBase,
     {
       name,
@@ -7817,19 +7666,19 @@ var SingleSelectProperty = ({
       readOnly,
       softRequired,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react19.List, { size: 16 }),
-      input: ({ softRequired: softRequired2 }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      icon: /* @__PURE__ */ jsx53(List2, { size: 16 }),
+      input: ({ softRequired: softRequired2 }) => /* @__PURE__ */ jsx53(
         "div",
         {
-          className: (0, import_clsx40.default)("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired2 && !hasValue }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          className: clsx40("row grow py-2 px-4 cursor-pointer", { "text-warning": softRequired2 && !hasValue }),
+          children: /* @__PURE__ */ jsx53(
             SearchableSelect,
             {
               ...multiSelectProps,
               value,
               options,
               isDisabled: readOnly,
-              className: (0, import_clsx40.default)("w-full", { "bg-surface-warning": softRequired2 && !hasValue }),
+              className: clsx40("w-full", { "bg-surface-warning": softRequired2 && !hasValue }),
               hintText: `${translation.select}...`
             }
           )
@@ -7840,13 +7689,13 @@ var SingleSelectProperty = ({
 };
 
 // src/components/properties/TextProperty.tsx
-var import_lucide_react20 = require("lucide-react");
-var import_clsx42 = __toESM(require("clsx"), 1);
+import { Text } from "lucide-react";
+import clsx42 from "clsx";
 
 // src/components/user-action/Textarea.tsx
-var import_react25 = require("react");
-var import_clsx41 = __toESM(require("clsx"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
+import { useEffect as useEffect20, useState as useState22 } from "react";
+import clsx41 from "clsx";
+import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
 var Textarea = ({
   label,
   headline,
@@ -7861,33 +7710,33 @@ var Textarea = ({
   className,
   ...props
 }) => {
-  const [hasFocus, setHasFocus] = (0, import_react25.useState)(false);
+  const [hasFocus, setHasFocus] = useState22(false);
   const { restartTimer, clearUpdateTimer } = useSaveDelay(() => void 0, 3e3);
   const onEditCompletedWrapper = (text) => {
     onEditCompleted(text);
     clearUpdateTimer();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ jsxs36("div", { className: "w-full", children: [
+    label && /* @__PURE__ */ jsx54(
       Label,
       {
         ...label,
         htmlFor: id,
-        className: (0, import_clsx41.default)("mb-1", label.className),
+        className: clsx41("mb-1", label.className),
         labelType: label.labelType ?? "labelSmall"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    /* @__PURE__ */ jsxs36(
       "div",
       {
-        className: `${(0, import_clsx41.default)(" bg-surface text-on-surface focus-within:border-primary relative", { "shadow border-2 border-gray-300 hover:border-primary rounded-lg": defaultStyle })}`,
+        className: `${clsx41(" bg-surface text-on-surface focus-within:border-primary relative", { "shadow border-2 hover:border-primary rounded-lg": defaultStyle })}`,
         children: [
-          headline && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "mx-3 mt-3 block text-gray-700 font-bold", children: headline }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          headline && /* @__PURE__ */ jsx54("span", { className: "mx-3 mt-3 block textstyle-label-md", children: headline }),
+          /* @__PURE__ */ jsx54(
             "textarea",
             {
               id,
-              className: (0, import_clsx41.default)("pt-0 px-3 border-transparent focus:border-transparent focus:ring-0 appearance-none border w-full leading-tight focus:outline-none", {
+              className: clsx41("pt-0 px-3 border-transparent focus:border-transparent focus:ring-0 appearance-none border w-full leading-tight focus:outline-none", {
                 "resize-none": !resizable,
                 "h-32": defaultStyle,
                 "mt-3": !headline
@@ -7914,7 +7763,7 @@ var Textarea = ({
         ]
       }
     ),
-    hasFocus && disclaimer && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-negative", children: disclaimer })
+    hasFocus && disclaimer && /* @__PURE__ */ jsx54("label", { className: "text-negative", children: disclaimer })
   ] });
 };
 var TextareaUncontrolled = ({
@@ -7922,11 +7771,11 @@ var TextareaUncontrolled = ({
   onChangeText = noop,
   ...props
 }) => {
-  const [text, setText] = (0, import_react25.useState)(value);
-  (0, import_react25.useEffect)(() => {
+  const [text, setText] = useState22(value);
+  useEffect20(() => {
     setText(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ jsx54(
     Textarea,
     {
       ...props,
@@ -7940,7 +7789,7 @@ var TextareaUncontrolled = ({
 };
 
 // src/components/properties/TextProperty.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+import { jsx as jsx55 } from "react/jsx-runtime";
 var defaultTextPropertyTranslation = {
   en: {
     value: "Text"
@@ -7960,21 +7809,21 @@ var TextProperty = ({
 }) => {
   const translation = useTranslation(defaultTextPropertyTranslation, overwriteTranslation);
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ jsx55(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react20.Text, { size: 16 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      icon: /* @__PURE__ */ jsx55(Text, { size: 16 }),
+      input: ({ softRequired }) => /* @__PURE__ */ jsx55(
         "div",
         {
-          className: (0, import_clsx42.default)("row grow pt-2 pb-1 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          className: clsx42("row grow pt-2 pb-1 px-4 cursor-pointer", { "text-warning": softRequired && !hasValue }),
+          children: /* @__PURE__ */ jsx55(
             Textarea,
             {
-              className: (0, import_clsx42.default)("ring-0 border-0 outline-0 p-0 m-0 shadow-none rounded-none", { "bg-surface-warning placeholder-warning": softRequired && !hasValue }),
+              className: clsx42("ring-0 border-0 outline-0 p-0 m-0 shadow-none rounded-none", { "bg-surface-warning placeholder-warning": softRequired && !hasValue }),
               rows: 5,
               defaultStyle: false,
               value: value ?? "",
@@ -8003,8 +7852,8 @@ var TextProperty = ({
 };
 
 // src/components/user-action/DateAndTimePicker.tsx
-var import_clsx43 = __toESM(require("clsx"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+import clsx43 from "clsx";
+import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
 var defaultTimeTranslation = {
   en: {
     clear: "Clear",
@@ -8063,7 +7912,7 @@ var DateTimePicker = ({
   let dateDisplay;
   let timeDisplay;
   if (useDate) {
-    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    dateDisplay = /* @__PURE__ */ jsx56(
       DatePicker,
       {
         ...datePickerProps,
@@ -8077,25 +7926,25 @@ var DateTimePicker = ({
     );
   }
   if (useTime) {
-    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    timeDisplay = /* @__PURE__ */ jsx56(
       TimePicker,
       {
         ...timePickerProps,
-        className: (0, import_clsx43.default)("h-full", { "justify-between w-full": mode === "time" }),
+        className: clsx43("h-full", { "justify-between w-full": mode === "time" }),
         maxHeight: 250,
         time: value,
         onChange
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "col w-fit", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "row gap-x-4", children: [
+  return /* @__PURE__ */ jsxs37("div", { className: "col w-fit", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "row gap-x-4", children: [
       dateDisplay,
       timeDisplay
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "row justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "row gap-x-2 mt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SolidButton, { size: "medium", color: "negative", onClick: onRemove, children: translation.clear }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ jsx56("div", { className: "row justify-end", children: /* @__PURE__ */ jsxs37("div", { className: "row gap-x-2 mt-1", children: [
+      /* @__PURE__ */ jsx56(SolidButton, { size: "medium", color: "negative", onClick: onRemove, children: translation.clear }),
+      /* @__PURE__ */ jsx56(
         SolidButton,
         {
           size: "medium",
@@ -8108,9 +7957,9 @@ var DateTimePicker = ({
 };
 
 // src/components/user-action/ScrollPicker.tsx
-var import_react26 = require("react");
-var import_clsx44 = __toESM(require("clsx"), 1);
-var import_jsx_runtime57 = require("react/jsx-runtime");
+import { useCallback as useCallback4, useEffect as useEffect21, useState as useState23 } from "react";
+import clsx44 from "clsx";
+import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
 var up = 1;
 var down = -1;
 var ScrollPicker = ({
@@ -8129,7 +7978,7 @@ var ScrollPicker = ({
     transition,
     items,
     lastTimeStamp
-  }, setAnimation] = (0, import_react26.useState)({
+  }, setAnimation] = useState23({
     targetIndex: selectedIndex,
     currentIndex: disabled ? selectedIndex : 0,
     velocity: 0,
@@ -8145,7 +7994,7 @@ var ScrollPicker = ({
   const itemHeight = 40;
   const distance = 8;
   const containerHeight = itemHeight * (itemsShownCount - 2) + distance * (itemsShownCount - 2 + 1);
-  const getDirection = (0, import_react26.useCallback)((targetIndex, currentIndex2, transition2, length) => {
+  const getDirection = useCallback4((targetIndex, currentIndex2, transition2, length) => {
     if (targetIndex === currentIndex2) {
       return transition2 > 0 ? up : down;
     }
@@ -8155,7 +8004,7 @@ var ScrollPicker = ({
     }
     return distanceForward >= length / 2 ? down : up;
   }, []);
-  const animate = (0, import_react26.useCallback)((timestamp, startTime) => {
+  const animate = useCallback4((timestamp, startTime) => {
     setAnimation((prevState) => {
       const {
         targetIndex,
@@ -8228,7 +8077,7 @@ var ScrollPicker = ({
       };
     });
   }, [disabled, getDirection, onChange]);
-  (0, import_react26.useEffect)(() => {
+  useEffect21(() => {
     requestAnimationFrame((timestamp) => animate(timestamp, lastTimeStamp));
   });
   const opacity = (transition2, index, itemsCount) => {
@@ -8249,7 +8098,7 @@ var ScrollPicker = ({
     }
     return clamp(1 - opacityValue / max);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: "relative overflow-hidden",
@@ -8259,15 +8108,15 @@ var ScrollPicker = ({
           setAnimation(({ velocity, ...animationData }) => ({ ...animationData, velocity: velocity + event.deltaY }));
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      children: /* @__PURE__ */ jsxs38("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
+        /* @__PURE__ */ jsx57(
           "div",
           {
-            className: "absolute z-[1] top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2 w-full min-w-[40px] border border-y-2 border-x-0 border-[#00000033]",
+            className: "absolute z-[1] top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2 w-full min-w-[40px] border border-divider/30 border-y-2 border-x-0 ",
             style: { height: `${itemHeight}px` }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ jsx57(
           "div",
           {
             className: "col select-none",
@@ -8275,10 +8124,10 @@ var ScrollPicker = ({
               transform: `translateY(${-transition * (distance + itemHeight)}px)`,
               columnGap: `${distance}px`
             },
-            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ jsx57(
               "div",
               {
-                className: (0, import_clsx44.default)(
+                className: clsx44(
                   `col items-center justify-center rounded-md`,
                   {
                     "text-primary font-bold": currentIndex === index,
@@ -8305,10 +8154,10 @@ var ScrollPicker = ({
 };
 
 // src/components/user-action/ToggleableInput.tsx
-var import_react27 = require("react");
-var import_lucide_react21 = require("lucide-react");
-var import_clsx45 = __toESM(require("clsx"), 1);
-var import_jsx_runtime58 = require("react/jsx-runtime");
+import { useEffect as useEffect22, useRef as useRef8, useState as useState24 } from "react";
+import { Pencil } from "lucide-react";
+import clsx45 from "clsx";
+import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
 var ToggleableInput = ({
   type = "text",
   value,
@@ -8322,26 +8171,26 @@ var ToggleableInput = ({
   onBlur,
   ...restProps
 }) => {
-  const [isEditing, setIsEditing] = (0, import_react27.useState)(initialState !== "display");
+  const [isEditing, setIsEditing] = useState24(initialState !== "display");
   const { restartTimer, clearUpdateTimer } = useSaveDelay(() => void 0, 3e3);
-  const ref = (0, import_react27.useRef)(null);
+  const ref = useRef8(null);
   const onEditCompletedWrapper = (text) => {
     onEditCompleted(text);
     clearUpdateTimer();
   };
-  (0, import_react27.useEffect)(() => {
+  useEffect22(() => {
     if (isEditing) {
       ref.current?.focus();
     }
   }, [isEditing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ jsxs39("div", { children: [
+    /* @__PURE__ */ jsxs39(
       "div",
       {
-        className: (0, import_clsx45.default)("row items-center w-full gap-x-2 overflow-hidden", { "cursor-pointer": !isEditing }),
+        className: clsx45("row items-center w-full gap-x-2 overflow-hidden", { "cursor-pointer": !isEditing }),
         onClick: () => !isEditing ? setIsEditing(!isEditing) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: (0, import_clsx45.default)("row overflow-hidden", { "flex-1": isEditing }), children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          /* @__PURE__ */ jsx58("div", { className: clsx45("row overflow-hidden", { "flex-1": isEditing }), children: isEditing ? /* @__PURE__ */ jsx58(
             "input",
             {
               ref,
@@ -8369,16 +8218,16 @@ var ToggleableInput = ({
                   onEditCompletedWrapper(value);
                 }
               },
-              className: (0, import_clsx45.default)(`w-full border-none rounded-none ring-0 outline-0 text-inherit bg-inherit shadow-transparent decoration-primary p-0 underline-offset-4`, {
+              className: clsx45(`w-full border-none rounded-none ring-0 outline-0 text-inherit bg-inherit shadow-transparent decoration-primary p-0 underline-offset-4`, {
                 underline: isEditing
               }, labelClassName),
               onFocus: (event) => event.target.select()
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: (0, import_clsx45.default)("max-w-xs break-words overflow-hidden", labelClassName), children: value }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-            import_lucide_react21.Pencil,
+          ) : /* @__PURE__ */ jsx58("span", { className: clsx45("max-w-xs break-words overflow-hidden", labelClassName), children: value }) }),
+          /* @__PURE__ */ jsx58(
+            Pencil,
             {
-              className: (0, import_clsx45.default)(`cursor-pointer`, { "text-transparent": isEditing }),
+              className: clsx45(`cursor-pointer`, { "text-transparent": isEditing }),
               size,
               style: { minWidth: `${size}px` }
             }
@@ -8386,7 +8235,7 @@ var ToggleableInput = ({
         ]
       }
     ),
-    isEditing && disclaimer && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "text-negative", children: disclaimer })
+    isEditing && disclaimer && /* @__PURE__ */ jsx58("label", { className: "text-negative", children: disclaimer })
   ] });
 };
 var ToggleableInputUncontrolled = ({
@@ -8394,11 +8243,11 @@ var ToggleableInputUncontrolled = ({
   onChangeText = noop,
   ...restProps
 }) => {
-  const [value, setValue] = (0, import_react27.useState)(initialValue);
-  (0, import_react27.useEffect)(() => {
+  const [value, setValue] = useState24(initialValue);
+  useEffect22(() => {
     setValue(initialValue);
   }, [initialValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ jsx58(
     ToggleableInput,
     {
       value,
@@ -8423,14 +8272,14 @@ var validateEmail = (email) => {
 };
 
 // src/util/news.ts
-var import_zod = require("zod");
-var newsSchema = import_zod.z.object({
-  title: import_zod.z.string(),
-  description: import_zod.z.string(),
-  date: import_zod.z.string(),
-  image: import_zod.z.string().url().optional(),
-  externalResource: import_zod.z.string().url().optional(),
-  keys: import_zod.z.array(import_zod.z.string())
+import { z } from "zod";
+var newsSchema = z.object({
+  title: z.string(),
+  description: z.string(),
+  date: z.string(),
+  image: z.string().url().optional(),
+  externalResource: z.string().url().optional(),
+  keys: z.array(z.string())
 }).transform((obj) => {
   let description = [obj.description];
   if (obj.image) {
@@ -8444,13 +8293,12 @@ var newsSchema = import_zod.z.object({
     keys: obj.keys
   };
 });
-var newsListSchema = import_zod.z.array(newsSchema);
-var localizedNewsSchema = import_zod.z.record(import_zod.z.enum(LanguageUtil.languages), newsListSchema);
+var newsListSchema = z.array(newsSchema);
+var localizedNewsSchema = z.record(z.enum(LanguageUtil.languages), newsListSchema);
 var filterNews = (localizedNews, requiredKeys) => {
   return localizedNews.filter((news) => requiredKeys.every((value) => news.keys.includes(value)));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ASTNodeInterpreter,
   AnimatedRing,
   ArrayUtil,
@@ -8500,7 +8348,7 @@ var filterNews = (localizedNews, requiredKeys) => {
   LocalStorageService,
   LoopingArrayCalculator,
   MarkdownInterpreter,
-  Menu,
+  Menu2 as Menu,
   MenuItem,
   Modal,
   MultiSearchWithMapping,
@@ -8597,5 +8445,5 @@ var filterNews = (localizedNews, requiredKeys) => {
   useTranslation,
   validateEmail,
   weekDayList
-});
-//# sourceMappingURL=index.cjs.map
+};
+//# sourceMappingURL=index.mjs.map