npm - @helpwave/hightide - Versions diffs - 0.1.6 → 0.1.7-alpha.1 - Mend

@helpwave/hightide 0.1.6 → 0.1.7-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (495) hide show

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

@@ -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: /* @__PURE__ */ jsx7("div", { className: "col gap-y-1 px-2 pb-2", 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,
@@ -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,7 +3935,7 @@ 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,
         {
           onClick: () => {
@@ -4105,9 +3954,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 +3970,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 +4048,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 +4064,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 +4084,7 @@ var TimePicker = ({
     };
     scrollToItem();
   }, [minuteRef, minuteRef.current]);
-  (0, import_react7.useEffect)(() => {
+  useEffect7(() => {
     const scrollToItem = () => {
       if (hourRef.current) {
         const container = hourRef.current.parentElement;
@@ -4265,7 +4114,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 +4123,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 +4137,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 +4150,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 +4159,7 @@ var TimePicker = ({
           children: "AM"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           className: style(isPM),
@@ -4326,9 +4175,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 +4191,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 +4223,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 +4243,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 +4274,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 +4293,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 +4309,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 +4355,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 +4380,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 +4418,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 +4451,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 +4488,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 +4515,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 +4543,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 +4555,7 @@ var ConfirmDialog = ({
           children: buttonOverwrites?.[0].text ?? translation.decline
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ jsx14(
         SolidButton,
         {
           autoFocus: true,
@@ -4721,8 +4570,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 +4597,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 +4620,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 +4645,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 +4654,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 +4669,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 +4698,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 +4714,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 +4728,7 @@ var AnimatedRing = ({
         height: `${innerSize + 2 * width}px`,
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ jsx17(
         Ring,
         {
           innerSize,
@@ -4900,10 +4749,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 +4769,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 +4783,7 @@ var RingWave = ({
         height: `${endInnerSize + 2 * width}px`,
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ jsx17(
         Ring,
         {
           innerSize: currentInnerSize,
@@ -4955,9 +4804,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 +4815,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 +4846,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 +4863,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 +4878,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 +4895,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 +4912,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 +4933,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 +4952,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 +5078,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 +5103,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 +5119,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 +5164,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 +5186,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 +5318,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 +5353,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 +5388,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 +5416,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 +5431,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 +5440,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 +5453,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 +5471,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 +5488,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 +5516,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 +5524,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 +5532,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 +5540,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 +5548,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 +5706,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 +5755,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 +5794,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 +5828,7 @@ function useSaveDelay(setNotificationStatus, delay) {
       setNotificationStatus(false);
     }
   };
-  (0, import_react12.useEffect)(() => {
+  useEffect12(() => {
     return () => {
       clearTimeout(updateTimer);
       clearTimeout(notificationTimer);
@@ -5989,8 +5838,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 +5852,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 +5876,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 +5922,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 +5935,7 @@ var InputUncontrolled = ({
     }
   );
 };
-var FormInput = (0, import_react13.forwardRef)(function FormInput2({
+var FormInput = forwardRef2(function FormInput2({
   id,
   labelText,
   errorText,
@@ -6097,13 +5946,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 +5961,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 +5992,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 +6044,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 +6058,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 +6085,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 +6093,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 +6114,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 +6132,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 +6176,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`, {
+        className: clsx26(usedSizeClass, `items-center border-2 rounded outline-none focus:border-primary`, {
           "text-disabled-text border-disabled-text": disabled,
           "border-on-background": !disabled,
           "bg-primary/30 border-primary text-primary": checked === true || checked === "indeterminate",
           "hover:border-gray-400 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 +6213,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 +6223,7 @@ var CheckboxUncontrolled = ({
     }
     setChecked(checked2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ jsx30(
     Checkbox,
     {
       ...props,
@@ -6385,9 +6234,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 +6388,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 +6397,7 @@ var Table = ({
       setScrollbarsAutoHeightMin(tableHeight + offset);
     }
   };
-  (0, import_react17.useEffect)(() => {
+  useEffect16(() => {
     calculateHeight();
     const handleResize = () => {
       calculateHeight();
@@ -6558,20 +6407,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 +6429,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 +6452,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 +6499,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 +6526,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 +6534,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 +6543,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 +6557,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 +6567,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 +6579,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 +6596,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 +6622,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 +6638,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 +6648,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 +6685,7 @@ var ProgressIndicator = ({
   if (direction === "clockwise") {
     rotation += 360 * progress;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ jsxs27(
     "svg",
     {
       style: {
@@ -6845,7 +6694,7 @@ var ProgressIndicator = ({
         transform: `rotate(${rotation}deg)`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ jsx38(
           "circle",
           {
             cx: center,
@@ -6856,7 +6705,7 @@ var ProgressIndicator = ({
             className: "stroke-primary"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ jsx38(
           "circle",
           {
             cx: center,
@@ -6875,8 +6724,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 +6756,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 +6768,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 +6777,7 @@ var ConfirmModal = ({
           children: buttonOverwrites?.[1].text ?? translation.decline
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ jsx39(
         SolidButton,
         {
           autoFocus: true,
@@ -6943,7 +6792,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 +6819,7 @@ var DiscardChangesModal = ({
   ...modalProps
 }) => {
   const translation = useTranslation(defaultDiscardChangesModalTranslation, overwriteTranslation);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ jsx40(
     ConfirmModal,
     {
       headerProps: {
@@ -6989,28 +6838,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,
@@ -7035,13 +6884,13 @@ 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,
@@ -7053,30 +6902,30 @@ var Select = ({
           ),
           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 }),
+        /* @__PURE__ */ jsx42(Search2, {})
       ] }, "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,11 +7165,11 @@ 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", {
+        className: clsx34("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,
           "bg-warning text-surface-warning group-hover:border-warning border-warning/90": requiredAndNoValue
         }, className),
@@ -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", {
+        className: clsx34("row grow justify-between items-center rounded-r-xl border-2 border-l-0", {
           "bg-white group-hover:border-primary border-gray-400": !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,28 +7424,28 @@ 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",
               {
@@ -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 border-gray-300 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 text-gray-700 font-bold", 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]",
             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