@helpwave/hightide 0.1.21 → 0.1.23

package/dist/index.mjs

@@ -30,37 +30,2900 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
+// node_modules/@swc/helpers/cjs/_interop_require_default.cjs
+var require_interop_require_default = __commonJS({
+  "node_modules/@swc/helpers/cjs/_interop_require_default.cjs"(exports) {
+    "use strict";
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : { default: obj };
+    }
+    exports._ = _interop_require_default;
+  }
+});
+
+// node_modules/next/dist/shared/lib/utils/warn-once.js
+var require_warn_once = __commonJS({
+  "node_modules/next/dist/shared/lib/utils/warn-once.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "warnOnce", {
+      enumerable: true,
+      get: function() {
+        return warnOnce;
+      }
+    });
+    var warnOnce = (_) => {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      const warnings = /* @__PURE__ */ new Set();
+      warnOnce = (msg) => {
+        if (!warnings.has(msg)) {
+          console.warn(msg);
+        }
+        warnings.add(msg);
+      };
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/image-blur-svg.js
+var require_image_blur_svg = __commonJS({
+  "node_modules/next/dist/shared/lib/image-blur-svg.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "getImageBlurSvg", {
+      enumerable: true,
+      get: function() {
+        return getImageBlurSvg;
+      }
+    });
+    function getImageBlurSvg(param) {
+      let { widthInt, heightInt, blurWidth, blurHeight, blurDataURL, objectFit } = param;
+      const std = 20;
+      const svgWidth = blurWidth ? blurWidth * 40 : widthInt;
+      const svgHeight = blurHeight ? blurHeight * 40 : heightInt;
+      const viewBox = svgWidth && svgHeight ? "viewBox='0 0 " + svgWidth + " " + svgHeight + "'" : "";
+      const preserveAspectRatio = viewBox ? "none" : objectFit === "contain" ? "xMidYMid" : objectFit === "cover" ? "xMidYMid slice" : "none";
+      return "%3Csvg xmlns='http://www.w3.org/2000/svg' " + viewBox + "%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='" + std + "'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='" + std + "'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='" + preserveAspectRatio + "' style='filter: url(%23b);' href='" + blurDataURL + "'/%3E%3C/svg%3E";
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/image-config.js
+var require_image_config = __commonJS({
+  "node_modules/next/dist/shared/lib/image-config.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports, {
+      VALID_LOADERS: function() {
+        return VALID_LOADERS;
+      },
+      imageConfigDefault: function() {
+        return imageConfigDefault;
+      }
+    });
+    var VALID_LOADERS = [
+      "default",
+      "imgix",
+      "cloudinary",
+      "akamai",
+      "custom"
+    ];
+    var imageConfigDefault = {
+      deviceSizes: [
+        640,
+        750,
+        828,
+        1080,
+        1200,
+        1920,
+        2048,
+        3840
+      ],
+      imageSizes: [
+        16,
+        32,
+        48,
+        64,
+        96,
+        128,
+        256,
+        384
+      ],
+      path: "/_next/image",
+      loader: "default",
+      loaderFile: "",
+      domains: [],
+      disableStaticImages: false,
+      minimumCacheTTL: 60,
+      formats: [
+        "image/webp"
+      ],
+      dangerouslyAllowSVG: false,
+      contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
+      contentDispositionType: "attachment",
+      localPatterns: void 0,
+      remotePatterns: [],
+      qualities: void 0,
+      unoptimized: false
+    };
+  }
+});
+
+// node_modules/next/dist/shared/lib/get-img-props.js
+var require_get_img_props = __commonJS({
+  "node_modules/next/dist/shared/lib/get-img-props.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "getImgProps", {
+      enumerable: true,
+      get: function() {
+        return getImgProps;
+      }
+    });
+    var _warnonce = require_warn_once();
+    var _imageblursvg = require_image_blur_svg();
+    var _imageconfig = require_image_config();
+    var VALID_LOADING_VALUES = [
+      "lazy",
+      "eager",
+      void 0
+    ];
+    var INVALID_BACKGROUND_SIZE_VALUES = [
+      "-moz-initial",
+      "fill",
+      "none",
+      "scale-down",
+      void 0
+    ];
+    function isStaticRequire(src) {
+      return src.default !== void 0;
+    }
+    function isStaticImageData(src) {
+      return src.src !== void 0;
+    }
+    function isStaticImport(src) {
+      return !!src && typeof src === "object" && (isStaticRequire(src) || isStaticImageData(src));
+    }
+    var allImgs = /* @__PURE__ */ new Map();
+    var perfObserver;
+    function getInt(x) {
+      if (typeof x === "undefined") {
+        return x;
+      }
+      if (typeof x === "number") {
+        return Number.isFinite(x) ? x : NaN;
+      }
+      if (typeof x === "string" && /^[0-9]+$/.test(x)) {
+        return parseInt(x, 10);
+      }
+      return NaN;
+    }
+    function getWidths(param, width, sizes) {
+      let { deviceSizes, allSizes } = param;
+      if (sizes) {
+        const viewportWidthRe = /(^|\s)(1?\d?\d)vw/g;
+        const percentSizes = [];
+        for (let match; match = viewportWidthRe.exec(sizes); match) {
+          percentSizes.push(parseInt(match[2]));
+        }
+        if (percentSizes.length) {
+          const smallestRatio = Math.min(...percentSizes) * 0.01;
+          return {
+            widths: allSizes.filter((s) => s >= deviceSizes[0] * smallestRatio),
+            kind: "w"
+          };
+        }
+        return {
+          widths: allSizes,
+          kind: "w"
+        };
+      }
+      if (typeof width !== "number") {
+        return {
+          widths: deviceSizes,
+          kind: "w"
+        };
+      }
+      const widths = [
+        ...new Set(
+          // > This means that most OLED screens that say they are 3x resolution,
+          // > are actually 3x in the green color, but only 1.5x in the red and
+          // > blue colors. Showing a 3x resolution image in the app vs a 2x
+          // > resolution image will be visually the same, though the 3x image
+          // > takes significantly more data. Even true 3x resolution screens are
+          // > wasteful as the human eye cannot see that level of detail without
+          // > something like a magnifying glass.
+          // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
+          [
+            width,
+            width * 2
+            /*, width * 3*/
+          ].map((w) => allSizes.find((p) => p >= w) || allSizes[allSizes.length - 1])
+        )
+      ];
+      return {
+        widths,
+        kind: "x"
+      };
+    }
+    function generateImgAttrs(param) {
+      let { config, src, unoptimized, width, quality, sizes, loader } = param;
+      if (unoptimized) {
+        return {
+          src,
+          srcSet: void 0,
+          sizes: void 0
+        };
+      }
+      const { widths, kind } = getWidths(config, width, sizes);
+      const last = widths.length - 1;
+      return {
+        sizes: !sizes && kind === "w" ? "100vw" : sizes,
+        srcSet: widths.map((w, i) => loader({
+          config,
+          src,
+          quality,
+          width: w
+        }) + " " + (kind === "w" ? w : i + 1) + kind).join(", "),
+        // It's intended to keep `src` the last attribute because React updates
+        // attributes in order. If we keep `src` the first one, Safari will
+        // immediately start to fetch `src`, before `sizes` and `srcSet` are even
+        // updated by React. That causes multiple unnecessary requests if `srcSet`
+        // and `sizes` are defined.
+        // This bug cannot be reproduced in Chrome or Firefox.
+        src: loader({
+          config,
+          src,
+          quality,
+          width: widths[last]
+        })
+      };
+    }
+    function getImgProps(param, _state) {
+      let { src, sizes, unoptimized = false, priority = false, loading, className, quality, width, height, fill = false, style, overrideSrc, onLoad, onLoadingComplete, placeholder = "empty", blurDataURL, fetchPriority, decoding = "async", layout, objectFit, objectPosition, lazyBoundary, lazyRoot, ...rest } = param;
+      const { imgConf, showAltText, blurComplete, defaultLoader } = _state;
+      let config;
+      let c = imgConf || _imageconfig.imageConfigDefault;
+      if ("allSizes" in c) {
+        config = c;
+      } else {
+        var _c_qualities;
+        const allSizes = [
+          ...c.deviceSizes,
+          ...c.imageSizes
+        ].sort((a, b) => a - b);
+        const deviceSizes = c.deviceSizes.sort((a, b) => a - b);
+        const qualities = (_c_qualities = c.qualities) == null ? void 0 : _c_qualities.sort((a, b) => a - b);
+        config = {
+          ...c,
+          allSizes,
+          deviceSizes,
+          qualities
+        };
+      }
+      if (typeof defaultLoader === "undefined") {
+        throw Object.defineProperty(new Error("images.loaderFile detected but the file is missing default export.\nRead more: https://nextjs.org/docs/messages/invalid-images-config"), "__NEXT_ERROR_CODE", {
+          value: "E163",
+          enumerable: false,
+          configurable: true
+        });
+      }
+      let loader = rest.loader || defaultLoader;
+      delete rest.loader;
+      delete rest.srcSet;
+      const isDefaultLoader = "__next_img_default" in loader;
+      if (isDefaultLoader) {
+        if (config.loader === "custom") {
+          throw Object.defineProperty(new Error('Image with src "' + src + '" is missing "loader" prop.\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader'), "__NEXT_ERROR_CODE", {
+            value: "E252",
+            enumerable: false,
+            configurable: true
+          });
+        }
+      } else {
+        const customImageLoader = loader;
+        loader = (obj) => {
+          const { config: _, ...opts } = obj;
+          return customImageLoader(opts);
+        };
+      }
+      if (layout) {
+        if (layout === "fill") {
+          fill = true;
+        }
+        const layoutToStyle = {
+          intrinsic: {
+            maxWidth: "100%",
+            height: "auto"
+          },
+          responsive: {
+            width: "100%",
+            height: "auto"
+          }
+        };
+        const layoutToSizes = {
+          responsive: "100vw",
+          fill: "100vw"
+        };
+        const layoutStyle = layoutToStyle[layout];
+        if (layoutStyle) {
+          style = {
+            ...style,
+            ...layoutStyle
+          };
+        }
+        const layoutSizes = layoutToSizes[layout];
+        if (layoutSizes && !sizes) {
+          sizes = layoutSizes;
+        }
+      }
+      let staticSrc = "";
+      let widthInt = getInt(width);
+      let heightInt = getInt(height);
+      let blurWidth;
+      let blurHeight;
+      if (isStaticImport(src)) {
+        const staticImageData = isStaticRequire(src) ? src.default : src;
+        if (!staticImageData.src) {
+          throw Object.defineProperty(new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received " + JSON.stringify(staticImageData)), "__NEXT_ERROR_CODE", {
+            value: "E460",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (!staticImageData.height || !staticImageData.width) {
+          throw Object.defineProperty(new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received " + JSON.stringify(staticImageData)), "__NEXT_ERROR_CODE", {
+            value: "E48",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        blurWidth = staticImageData.blurWidth;
+        blurHeight = staticImageData.blurHeight;
+        blurDataURL = blurDataURL || staticImageData.blurDataURL;
+        staticSrc = staticImageData.src;
+        if (!fill) {
+          if (!widthInt && !heightInt) {
+            widthInt = staticImageData.width;
+            heightInt = staticImageData.height;
+          } else if (widthInt && !heightInt) {
+            const ratio = widthInt / staticImageData.width;
+            heightInt = Math.round(staticImageData.height * ratio);
+          } else if (!widthInt && heightInt) {
+            const ratio = heightInt / staticImageData.height;
+            widthInt = Math.round(staticImageData.width * ratio);
+          }
+        }
+      }
+      src = typeof src === "string" ? src : staticSrc;
+      let isLazy = !priority && (loading === "lazy" || typeof loading === "undefined");
+      if (!src || src.startsWith("data:") || src.startsWith("blob:")) {
+        unoptimized = true;
+        isLazy = false;
+      }
+      if (config.unoptimized) {
+        unoptimized = true;
+      }
+      if (isDefaultLoader && !config.dangerouslyAllowSVG && src.split("?", 1)[0].endsWith(".svg")) {
+        unoptimized = true;
+      }
+      const qualityInt = getInt(quality);
+      if (process.env.NODE_ENV !== "production") {
+        if (config.output === "export" && isDefaultLoader && !unoptimized) {
+          throw Object.defineProperty(new Error("Image Optimization using the default loader is not compatible with `{ output: 'export' }`.\n  Possible solutions:\n    - Remove `{ output: 'export' }` and run \"next start\" to run server mode including the Image Optimization API.\n    - Configure `{ images: { unoptimized: true } }` in `next.config.js` to disable the Image Optimization API.\n  Read more: https://nextjs.org/docs/messages/export-image-api"), "__NEXT_ERROR_CODE", {
+            value: "E500",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (!src) {
+          unoptimized = true;
+        } else {
+          if (fill) {
+            if (width) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has both "width" and "fill" properties. Only one should be used.'), "__NEXT_ERROR_CODE", {
+                value: "E96",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if (height) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has both "height" and "fill" properties. Only one should be used.'), "__NEXT_ERROR_CODE", {
+                value: "E115",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if ((style == null ? void 0 : style.position) && style.position !== "absolute") {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.position" properties. Images with "fill" always use position absolute - it cannot be modified.'), "__NEXT_ERROR_CODE", {
+                value: "E216",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if ((style == null ? void 0 : style.width) && style.width !== "100%") {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.width" properties. Images with "fill" always use width 100% - it cannot be modified.'), "__NEXT_ERROR_CODE", {
+                value: "E73",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if ((style == null ? void 0 : style.height) && style.height !== "100%") {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.height" properties. Images with "fill" always use height 100% - it cannot be modified.'), "__NEXT_ERROR_CODE", {
+                value: "E404",
+                enumerable: false,
+                configurable: true
+              });
+            }
+          } else {
+            if (typeof widthInt === "undefined") {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" is missing required "width" property.'), "__NEXT_ERROR_CODE", {
+                value: "E451",
+                enumerable: false,
+                configurable: true
+              });
+            } else if (isNaN(widthInt)) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "width" property. Expected a numeric value in pixels but received "' + width + '".'), "__NEXT_ERROR_CODE", {
+                value: "E66",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if (typeof heightInt === "undefined") {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" is missing required "height" property.'), "__NEXT_ERROR_CODE", {
+                value: "E397",
+                enumerable: false,
+                configurable: true
+              });
+            } else if (isNaN(heightInt)) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "height" property. Expected a numeric value in pixels but received "' + height + '".'), "__NEXT_ERROR_CODE", {
+                value: "E444",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if (/^[\x00-\x20]/.test(src)) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" cannot start with a space or control character. Use src.trimStart() to remove it or encodeURIComponent(src) to keep it.'), "__NEXT_ERROR_CODE", {
+                value: "E176",
+                enumerable: false,
+                configurable: true
+              });
+            }
+            if (/[\x00-\x20]$/.test(src)) {
+              throw Object.defineProperty(new Error('Image with src "' + src + '" cannot end with a space or control character. Use src.trimEnd() to remove it or encodeURIComponent(src) to keep it.'), "__NEXT_ERROR_CODE", {
+                value: "E21",
+                enumerable: false,
+                configurable: true
+              });
+            }
+          }
+        }
+        if (!VALID_LOADING_VALUES.includes(loading)) {
+          throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "loading" property. Provided "' + loading + '" should be one of ' + VALID_LOADING_VALUES.map(String).join(",") + "."), "__NEXT_ERROR_CODE", {
+            value: "E357",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (priority && loading === "lazy") {
+          throw Object.defineProperty(new Error('Image with src "' + src + `" has both "priority" and "loading='lazy'" properties. Only one should be used.`), "__NEXT_ERROR_CODE", {
+            value: "E218",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (placeholder !== "empty" && placeholder !== "blur" && !placeholder.startsWith("data:image/")) {
+          throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "placeholder" property "' + placeholder + '".'), "__NEXT_ERROR_CODE", {
+            value: "E431",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (placeholder !== "empty") {
+          if (widthInt && heightInt && widthInt * heightInt < 1600) {
+            (0, _warnonce.warnOnce)('Image with src "' + src + '" is smaller than 40x40. Consider removing the "placeholder" property to improve performance.');
+          }
+        }
+        if (placeholder === "blur" && !blurDataURL) {
+          const VALID_BLUR_EXT = [
+            "jpeg",
+            "png",
+            "webp",
+            "avif"
+          ];
+          throw Object.defineProperty(new Error('Image with src "' + src + `" has "placeholder='blur'" property but is missing the "blurDataURL" property.
+        Possible solutions:
+          - Add a "blurDataURL" property, the contents should be a small Data URL to represent the image
+          - Change the "src" property to a static import with one of the supported file types: ` + VALID_BLUR_EXT.join(",") + ' (animated images not supported)\n          - Remove the "placeholder" property, effectively no blur effect\n        Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url'), "__NEXT_ERROR_CODE", {
+            value: "E371",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if ("ref" in rest) {
+          (0, _warnonce.warnOnce)('Image with src "' + src + '" is using unsupported "ref" property. Consider using the "onLoad" property instead.');
+        }
+        if (!unoptimized && !isDefaultLoader) {
+          const urlStr = loader({
+            config,
+            src,
+            width: widthInt || 400,
+            quality: qualityInt || 75
+          });
+          let url;
+          try {
+            url = new URL(urlStr);
+          } catch (err) {
+          }
+          if (urlStr === src || url && url.pathname === src && !url.search) {
+            (0, _warnonce.warnOnce)('Image with src "' + src + '" has a "loader" property that does not implement width. Please implement it or use the "unoptimized" property instead.\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader-width');
+          }
+        }
+        if (onLoadingComplete) {
+          (0, _warnonce.warnOnce)('Image with src "' + src + '" is using deprecated "onLoadingComplete" property. Please use the "onLoad" property instead.');
+        }
+        for (const [legacyKey, legacyValue] of Object.entries({
+          layout,
+          objectFit,
+          objectPosition,
+          lazyBoundary,
+          lazyRoot
+        })) {
+          if (legacyValue) {
+            (0, _warnonce.warnOnce)('Image with src "' + src + '" has legacy prop "' + legacyKey + '". Did you forget to run the codemod?\nRead more: https://nextjs.org/docs/messages/next-image-upgrade-to-13');
+          }
+        }
+        if (typeof window !== "undefined" && !perfObserver && window.PerformanceObserver) {
+          perfObserver = new PerformanceObserver((entryList) => {
+            for (const entry of entryList.getEntries()) {
+              var _entry_element;
+              const imgSrc = (entry == null ? void 0 : (_entry_element = entry.element) == null ? void 0 : _entry_element.src) || "";
+              const lcpImage = allImgs.get(imgSrc);
+              if (lcpImage && !lcpImage.priority && lcpImage.placeholder === "empty" && !lcpImage.src.startsWith("data:") && !lcpImage.src.startsWith("blob:")) {
+                (0, _warnonce.warnOnce)('Image with src "' + lcpImage.src + '" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.\nRead more: https://nextjs.org/docs/api-reference/next/image#priority');
+              }
+            }
+          });
+          try {
+            perfObserver.observe({
+              type: "largest-contentful-paint",
+              buffered: true
+            });
+          } catch (err) {
+            console.error(err);
+          }
+        }
+      }
+      const imgStyle = Object.assign(fill ? {
+        position: "absolute",
+        height: "100%",
+        width: "100%",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        objectFit,
+        objectPosition
+      } : {}, showAltText ? {} : {
+        color: "transparent"
+      }, style);
+      const backgroundImage = !blurComplete && placeholder !== "empty" ? placeholder === "blur" ? 'url("data:image/svg+xml;charset=utf-8,' + (0, _imageblursvg.getImageBlurSvg)({
+        widthInt,
+        heightInt,
+        blurWidth,
+        blurHeight,
+        blurDataURL: blurDataURL || "",
+        objectFit: imgStyle.objectFit
+      }) + '")' : 'url("' + placeholder + '")' : null;
+      const backgroundSize = !INVALID_BACKGROUND_SIZE_VALUES.includes(imgStyle.objectFit) ? imgStyle.objectFit : imgStyle.objectFit === "fill" ? "100% 100%" : "cover";
+      let placeholderStyle = backgroundImage ? {
+        backgroundSize,
+        backgroundPosition: imgStyle.objectPosition || "50% 50%",
+        backgroundRepeat: "no-repeat",
+        backgroundImage
+      } : {};
+      if (process.env.NODE_ENV === "development") {
+        if (placeholderStyle.backgroundImage && placeholder === "blur" && (blurDataURL == null ? void 0 : blurDataURL.startsWith("/"))) {
+          placeholderStyle.backgroundImage = 'url("' + blurDataURL + '")';
+        }
+      }
+      const imgAttributes = generateImgAttrs({
+        config,
+        src,
+        unoptimized,
+        width: widthInt,
+        quality: qualityInt,
+        sizes,
+        loader
+      });
+      if (process.env.NODE_ENV !== "production") {
+        if (typeof window !== "undefined") {
+          let fullUrl;
+          try {
+            fullUrl = new URL(imgAttributes.src);
+          } catch (e) {
+            fullUrl = new URL(imgAttributes.src, window.location.href);
+          }
+          allImgs.set(fullUrl.href, {
+            src,
+            priority,
+            placeholder
+          });
+        }
+      }
+      const props = {
+        ...rest,
+        loading: isLazy ? "lazy" : loading,
+        fetchPriority,
+        width: widthInt,
+        height: heightInt,
+        decoding,
+        className,
+        style: {
+          ...imgStyle,
+          ...placeholderStyle
+        },
+        sizes: imgAttributes.sizes,
+        srcSet: imgAttributes.srcSet,
+        src: overrideSrc || imgAttributes.src
+      };
+      const meta = {
+        unoptimized,
+        priority,
+        placeholder,
+        fill
+      };
+      return {
+        props,
+        meta
+      };
+    }
+  }
+});
+
 // node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs
 var require_interop_require_wildcard = __commonJS({
   "node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs"(exports) {
     "use strict";
-    function _getRequireWildcardCache(nodeInterop) {
-      if (typeof WeakMap !== "function") return null;
-      var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-      var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-      return (_getRequireWildcardCache = function(nodeInterop2) {
-        return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-      })(nodeInterop);
+    function _getRequireWildcardCache(nodeInterop) {
+      if (typeof WeakMap !== "function") return null;
+      var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+      var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+      return (_getRequireWildcardCache = function(nodeInterop2) {
+        return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+      })(nodeInterop);
+    }
+    function _interop_require_wildcard(obj, nodeInterop) {
+      if (!nodeInterop && obj && obj.__esModule) return obj;
+      if (obj === null || typeof obj !== "object" && typeof obj !== "function") return { default: obj };
+      var cache = _getRequireWildcardCache(nodeInterop);
+      if (cache && cache.has(obj)) return cache.get(obj);
+      var newObj = { __proto__: null };
+      var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+      for (var key in obj) {
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+          var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+          if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+          else newObj[key] = obj[key];
+        }
+      }
+      newObj.default = obj;
+      if (cache) cache.set(obj, newObj);
+      return newObj;
+    }
+    exports._ = _interop_require_wildcard;
+  }
+});
+
+// node_modules/next/dist/shared/lib/side-effect.js
+var require_side_effect = __commonJS({
+  "node_modules/next/dist/shared/lib/side-effect.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "default", {
+      enumerable: true,
+      get: function() {
+        return SideEffect;
+      }
+    });
+    var _react = __require("react");
+    var isServer = typeof window === "undefined";
+    var useClientOnlyLayoutEffect = isServer ? () => {
+    } : _react.useLayoutEffect;
+    var useClientOnlyEffect = isServer ? () => {
+    } : _react.useEffect;
+    function SideEffect(props) {
+      const { headManager, reduceComponentsToState } = props;
+      function emitChange() {
+        if (headManager && headManager.mountedInstances) {
+          const headElements = _react.Children.toArray(Array.from(headManager.mountedInstances).filter(Boolean));
+          headManager.updateHead(reduceComponentsToState(headElements, props));
+        }
+      }
+      if (isServer) {
+        var _headManager_mountedInstances;
+        headManager == null ? void 0 : (_headManager_mountedInstances = headManager.mountedInstances) == null ? void 0 : _headManager_mountedInstances.add(props.children);
+        emitChange();
+      }
+      useClientOnlyLayoutEffect(() => {
+        var _headManager_mountedInstances2;
+        headManager == null ? void 0 : (_headManager_mountedInstances2 = headManager.mountedInstances) == null ? void 0 : _headManager_mountedInstances2.add(props.children);
+        return () => {
+          var _headManager_mountedInstances3;
+          headManager == null ? void 0 : (_headManager_mountedInstances3 = headManager.mountedInstances) == null ? void 0 : _headManager_mountedInstances3.delete(props.children);
+        };
+      });
+      useClientOnlyLayoutEffect(() => {
+        if (headManager) {
+          headManager._pendingUpdate = emitChange;
+        }
+        return () => {
+          if (headManager) {
+            headManager._pendingUpdate = emitChange;
+          }
+        };
+      });
+      useClientOnlyEffect(() => {
+        if (headManager && headManager._pendingUpdate) {
+          headManager._pendingUpdate();
+          headManager._pendingUpdate = null;
+        }
+        return () => {
+          if (headManager && headManager._pendingUpdate) {
+            headManager._pendingUpdate();
+            headManager._pendingUpdate = null;
+          }
+        };
+      });
+      return null;
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/amp-context.shared-runtime.js
+var require_amp_context_shared_runtime = __commonJS({
+  "node_modules/next/dist/shared/lib/amp-context.shared-runtime.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "AmpStateContext", {
+      enumerable: true,
+      get: function() {
+        return AmpStateContext;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _react = /* @__PURE__ */ _interop_require_default._(__require("react"));
+    var AmpStateContext = _react.default.createContext({});
+    if (process.env.NODE_ENV !== "production") {
+      AmpStateContext.displayName = "AmpStateContext";
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/head-manager-context.shared-runtime.js
+var require_head_manager_context_shared_runtime = __commonJS({
+  "node_modules/next/dist/shared/lib/head-manager-context.shared-runtime.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "HeadManagerContext", {
+      enumerable: true,
+      get: function() {
+        return HeadManagerContext;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _react = /* @__PURE__ */ _interop_require_default._(__require("react"));
+    var HeadManagerContext = _react.default.createContext({});
+    if (process.env.NODE_ENV !== "production") {
+      HeadManagerContext.displayName = "HeadManagerContext";
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/amp-mode.js
+var require_amp_mode = __commonJS({
+  "node_modules/next/dist/shared/lib/amp-mode.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "isInAmpMode", {
+      enumerable: true,
+      get: function() {
+        return isInAmpMode;
+      }
+    });
+    function isInAmpMode(param) {
+      let { ampFirst = false, hybrid = false, hasQuery = false } = param === void 0 ? {} : param;
+      return ampFirst || hybrid && hasQuery;
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/head.js
+var require_head = __commonJS({
+  "node_modules/next/dist/shared/lib/head.js"(exports, module) {
+    "use client";
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports, {
+      default: function() {
+        return _default;
+      },
+      defaultHead: function() {
+        return defaultHead;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _interop_require_wildcard = require_interop_require_wildcard();
+    var _jsxruntime = __require("react/jsx-runtime");
+    var _react = /* @__PURE__ */ _interop_require_wildcard._(__require("react"));
+    var _sideeffect = /* @__PURE__ */ _interop_require_default._(require_side_effect());
+    var _ampcontextsharedruntime = require_amp_context_shared_runtime();
+    var _headmanagercontextsharedruntime = require_head_manager_context_shared_runtime();
+    var _ampmode = require_amp_mode();
+    var _warnonce = require_warn_once();
+    function defaultHead(inAmpMode) {
+      if (inAmpMode === void 0) inAmpMode = false;
+      const head = [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("meta", {
+          charSet: "utf-8"
+        }, "charset")
+      ];
+      if (!inAmpMode) {
+        head.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("meta", {
+          name: "viewport",
+          content: "width=device-width"
+        }, "viewport"));
+      }
+      return head;
+    }
+    function onlyReactElement(list, child) {
+      if (typeof child === "string" || typeof child === "number") {
+        return list;
+      }
+      if (child.type === _react.default.Fragment) {
+        return list.concat(
+          // @ts-expect-error @types/react does not remove fragments but this could also return ReactPortal[]
+          _react.default.Children.toArray(child.props.children).reduce(
+            // @ts-expect-error @types/react does not remove fragments but this could also return ReactPortal[]
+            (fragmentList, fragmentChild) => {
+              if (typeof fragmentChild === "string" || typeof fragmentChild === "number") {
+                return fragmentList;
+              }
+              return fragmentList.concat(fragmentChild);
+            },
+            []
+          )
+        );
+      }
+      return list.concat(child);
+    }
+    var METATYPES = [
+      "name",
+      "httpEquiv",
+      "charSet",
+      "itemProp"
+    ];
+    function unique() {
+      const keys = /* @__PURE__ */ new Set();
+      const tags = /* @__PURE__ */ new Set();
+      const metaTypes = /* @__PURE__ */ new Set();
+      const metaCategories = {};
+      return (h) => {
+        let isUnique = true;
+        let hasKey = false;
+        if (h.key && typeof h.key !== "number" && h.key.indexOf("$") > 0) {
+          hasKey = true;
+          const key = h.key.slice(h.key.indexOf("$") + 1);
+          if (keys.has(key)) {
+            isUnique = false;
+          } else {
+            keys.add(key);
+          }
+        }
+        switch (h.type) {
+          case "title":
+          case "base":
+            if (tags.has(h.type)) {
+              isUnique = false;
+            } else {
+              tags.add(h.type);
+            }
+            break;
+          case "meta":
+            for (let i = 0, len = METATYPES.length; i < len; i++) {
+              const metatype = METATYPES[i];
+              if (!h.props.hasOwnProperty(metatype)) continue;
+              if (metatype === "charSet") {
+                if (metaTypes.has(metatype)) {
+                  isUnique = false;
+                } else {
+                  metaTypes.add(metatype);
+                }
+              } else {
+                const category = h.props[metatype];
+                const categories = metaCategories[metatype] || /* @__PURE__ */ new Set();
+                if ((metatype !== "name" || !hasKey) && categories.has(category)) {
+                  isUnique = false;
+                } else {
+                  categories.add(category);
+                  metaCategories[metatype] = categories;
+                }
+              }
+            }
+            break;
+        }
+        return isUnique;
+      };
+    }
+    function reduceComponents(headChildrenElements, props) {
+      const { inAmpMode } = props;
+      return headChildrenElements.reduce(onlyReactElement, []).reverse().concat(defaultHead(inAmpMode).reverse()).filter(unique()).reverse().map((c, i) => {
+        const key = c.key || i;
+        if (process.env.NODE_ENV !== "development" && process.env.__NEXT_OPTIMIZE_FONTS && !inAmpMode) {
+          if (c.type === "link" && c.props["href"] && // TODO(prateekbh@): Replace this with const from `constants` when the tree shaking works.
+          [
+            "https://fonts.googleapis.com/css",
+            "https://use.typekit.net/"
+          ].some((url) => c.props["href"].startsWith(url))) {
+            const newProps = {
+              ...c.props || {}
+            };
+            newProps["data-href"] = newProps["href"];
+            newProps["href"] = void 0;
+            newProps["data-optimized-fonts"] = true;
+            return /* @__PURE__ */ _react.default.cloneElement(c, newProps);
+          }
+        }
+        if (process.env.NODE_ENV === "development") {
+          if (c.type === "script" && c.props["type"] !== "application/ld+json") {
+            const srcMessage = c.props["src"] ? '<script> tag with src="' + c.props["src"] + '"' : "inline <script>";
+            (0, _warnonce.warnOnce)("Do not add <script> tags using next/head (see " + srcMessage + "). Use next/script instead. \nSee more info here: https://nextjs.org/docs/messages/no-script-tags-in-head-component");
+          } else if (c.type === "link" && c.props["rel"] === "stylesheet") {
+            (0, _warnonce.warnOnce)('Do not add stylesheets using next/head (see <link rel="stylesheet"> tag with href="' + c.props["href"] + '"). Use Document instead. \nSee more info here: https://nextjs.org/docs/messages/no-stylesheets-in-head-component');
+          }
+        }
+        return /* @__PURE__ */ _react.default.cloneElement(c, {
+          key
+        });
+      });
+    }
+    function Head(param) {
+      let { children } = param;
+      const ampState = (0, _react.useContext)(_ampcontextsharedruntime.AmpStateContext);
+      const headManager = (0, _react.useContext)(_headmanagercontextsharedruntime.HeadManagerContext);
+      return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sideeffect.default, {
+        reduceComponentsToState: reduceComponents,
+        headManager,
+        inAmpMode: (0, _ampmode.isInAmpMode)(ampState),
+        children
+      });
+    }
+    var _default = Head;
+    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/image-config-context.shared-runtime.js
+var require_image_config_context_shared_runtime = __commonJS({
+  "node_modules/next/dist/shared/lib/image-config-context.shared-runtime.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "ImageConfigContext", {
+      enumerable: true,
+      get: function() {
+        return ImageConfigContext;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _react = /* @__PURE__ */ _interop_require_default._(__require("react"));
+    var _imageconfig = require_image_config();
+    var ImageConfigContext = _react.default.createContext(_imageconfig.imageConfigDefault);
+    if (process.env.NODE_ENV !== "production") {
+      ImageConfigContext.displayName = "ImageConfigContext";
+    }
+  }
+});
+
+// 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"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    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 RouterContext = _react.default.createContext(null);
+    if (process.env.NODE_ENV !== "production") {
+      RouterContext.displayName = "RouterContext";
+    }
+  }
+});
+
+// node_modules/next/dist/compiled/picomatch/index.js
+var require_picomatch = __commonJS({
+  "node_modules/next/dist/compiled/picomatch/index.js"(exports, module) {
+    (() => {
+      "use strict";
+      var t = { 170: (t2, e2, u2) => {
+        const n = u2(510);
+        const isWindows = () => {
+          if (typeof navigator !== "undefined" && navigator.platform) {
+            const t3 = navigator.platform.toLowerCase();
+            return t3 === "win32" || t3 === "windows";
+          }
+          if (typeof process !== "undefined" && process.platform) {
+            return process.platform === "win32";
+          }
+          return false;
+        };
+        function picomatch(t3, e3, u3 = false) {
+          if (e3 && (e3.windows === null || e3.windows === void 0)) {
+            e3 = { ...e3, windows: isWindows() };
+          }
+          return n(t3, e3, u3);
+        }
+        Object.assign(picomatch, n);
+        t2.exports = picomatch;
+      }, 154: (t2) => {
+        const e2 = "\\\\/";
+        const u2 = `[^${e2}]`;
+        const n = "\\.";
+        const o = "\\+";
+        const s = "\\?";
+        const r = "\\/";
+        const a = "(?=.)";
+        const i = "[^/]";
+        const c = `(?:${r}|$)`;
+        const p = `(?:^|${r})`;
+        const l = `${n}{1,2}${c}`;
+        const f = `(?!${n})`;
+        const A = `(?!${p}${l})`;
+        const _ = `(?!${n}{0,1}${c})`;
+        const R = `(?!${l})`;
+        const E = `[^.${r}]`;
+        const h = `${i}*?`;
+        const g = "/";
+        const b = { DOT_LITERAL: n, PLUS_LITERAL: o, QMARK_LITERAL: s, SLASH_LITERAL: r, ONE_CHAR: a, QMARK: i, END_ANCHOR: c, DOTS_SLASH: l, NO_DOT: f, NO_DOTS: A, NO_DOT_SLASH: _, NO_DOTS_SLASH: R, QMARK_NO_DOT: E, STAR: h, START_ANCHOR: p, SEP: g };
+        const C = { ...b, SLASH_LITERAL: `[${e2}]`, QMARK: u2, STAR: `${u2}*?`, DOTS_SLASH: `${n}{1,2}(?:[${e2}]|$)`, NO_DOT: `(?!${n})`, NO_DOTS: `(?!(?:^|[${e2}])${n}{1,2}(?:[${e2}]|$))`, NO_DOT_SLASH: `(?!${n}{0,1}(?:[${e2}]|$))`, NO_DOTS_SLASH: `(?!${n}{1,2}(?:[${e2}]|$))`, QMARK_NO_DOT: `[^.${e2}]`, START_ANCHOR: `(?:^|[${e2}])`, END_ANCHOR: `(?:[${e2}]|$)`, SEP: "\\" };
+        const y = { alnum: "a-zA-Z0-9", alpha: "a-zA-Z", ascii: "\\x00-\\x7F", blank: " \\t", cntrl: "\\x00-\\x1F\\x7F", digit: "0-9", graph: "\\x21-\\x7E", lower: "a-z", print: "\\x20-\\x7E ", punct: "\\-!\"#$%&'()\\*+,./:;<=>?@[\\]^_`{|}~", space: " \\t\\r\\n\\v\\f", upper: "A-Z", word: "A-Za-z0-9_", xdigit: "A-Fa-f0-9" };
+        t2.exports = { MAX_LENGTH: 1024 * 64, POSIX_REGEX_SOURCE: y, REGEX_BACKSLASH: /\\(?![*+?^${}(|)[\]])/g, REGEX_NON_SPECIAL_CHARS: /^[^@![\].,$*+?^{}()|\\/]+/, REGEX_SPECIAL_CHARS: /[-*+?.^${}(|)[\]]/, REGEX_SPECIAL_CHARS_BACKREF: /(\\?)((\W)(\3*))/g, REGEX_SPECIAL_CHARS_GLOBAL: /([-*+?.^${}(|)[\]])/g, REGEX_REMOVE_BACKSLASH: /(?:\[.*?[^\\]\]|\\(?=.))/g, REPLACEMENTS: { "***": "*", "**/**": "**", "**/**/**": "**" }, CHAR_0: 48, CHAR_9: 57, CHAR_UPPERCASE_A: 65, CHAR_LOWERCASE_A: 97, CHAR_UPPERCASE_Z: 90, CHAR_LOWERCASE_Z: 122, CHAR_LEFT_PARENTHESES: 40, CHAR_RIGHT_PARENTHESES: 41, CHAR_ASTERISK: 42, CHAR_AMPERSAND: 38, CHAR_AT: 64, CHAR_BACKWARD_SLASH: 92, CHAR_CARRIAGE_RETURN: 13, CHAR_CIRCUMFLEX_ACCENT: 94, CHAR_COLON: 58, CHAR_COMMA: 44, CHAR_DOT: 46, CHAR_DOUBLE_QUOTE: 34, CHAR_EQUAL: 61, CHAR_EXCLAMATION_MARK: 33, CHAR_FORM_FEED: 12, CHAR_FORWARD_SLASH: 47, CHAR_GRAVE_ACCENT: 96, CHAR_HASH: 35, CHAR_HYPHEN_MINUS: 45, CHAR_LEFT_ANGLE_BRACKET: 60, CHAR_LEFT_CURLY_BRACE: 123, CHAR_LEFT_SQUARE_BRACKET: 91, CHAR_LINE_FEED: 10, CHAR_NO_BREAK_SPACE: 160, CHAR_PERCENT: 37, CHAR_PLUS: 43, CHAR_QUESTION_MARK: 63, CHAR_RIGHT_ANGLE_BRACKET: 62, CHAR_RIGHT_CURLY_BRACE: 125, CHAR_RIGHT_SQUARE_BRACKET: 93, CHAR_SEMICOLON: 59, CHAR_SINGLE_QUOTE: 39, CHAR_SPACE: 32, CHAR_TAB: 9, CHAR_UNDERSCORE: 95, CHAR_VERTICAL_LINE: 124, CHAR_ZERO_WIDTH_NOBREAK_SPACE: 65279, extglobChars(t3) {
+          return { "!": { type: "negate", open: "(?:(?!(?:", close: `))${t3.STAR})` }, "?": { type: "qmark", open: "(?:", close: ")?" }, "+": { type: "plus", open: "(?:", close: ")+" }, "*": { type: "star", open: "(?:", close: ")*" }, "@": { type: "at", open: "(?:", close: ")" } };
+        }, globChars(t3) {
+          return t3 === true ? C : b;
+        } };
+      }, 697: (t2, e2, u2) => {
+        const n = u2(154);
+        const o = u2(96);
+        const { MAX_LENGTH: s, POSIX_REGEX_SOURCE: r, REGEX_NON_SPECIAL_CHARS: a, REGEX_SPECIAL_CHARS_BACKREF: i, REPLACEMENTS: c } = n;
+        const expandRange = (t3, e3) => {
+          if (typeof e3.expandRange === "function") {
+            return e3.expandRange(...t3, e3);
+          }
+          t3.sort();
+          const u3 = `[${t3.join("-")}]`;
+          try {
+            new RegExp(u3);
+          } catch (e4) {
+            return t3.map((t4) => o.escapeRegex(t4)).join("..");
+          }
+          return u3;
+        };
+        const syntaxError = (t3, e3) => `Missing ${t3}: "${e3}" - use "\\\\${e3}" to match literal characters`;
+        const parse = (t3, e3) => {
+          if (typeof t3 !== "string") {
+            throw new TypeError("Expected a string");
+          }
+          t3 = c[t3] || t3;
+          const u3 = { ...e3 };
+          const p = typeof u3.maxLength === "number" ? Math.min(s, u3.maxLength) : s;
+          let l = t3.length;
+          if (l > p) {
+            throw new SyntaxError(`Input length: ${l}, exceeds maximum allowed length: ${p}`);
+          }
+          const f = { type: "bos", value: "", output: u3.prepend || "" };
+          const A = [f];
+          const _ = u3.capture ? "" : "?:";
+          const R = n.globChars(u3.windows);
+          const E = n.extglobChars(R);
+          const { DOT_LITERAL: h, PLUS_LITERAL: g, SLASH_LITERAL: b, ONE_CHAR: C, DOTS_SLASH: y, NO_DOT: $, NO_DOT_SLASH: x, NO_DOTS_SLASH: S, QMARK: H, QMARK_NO_DOT: v, STAR: d, START_ANCHOR: L } = R;
+          const globstar = (t4) => `(${_}(?:(?!${L}${t4.dot ? y : h}).)*?)`;
+          const T = u3.dot ? "" : $;
+          const O = u3.dot ? H : v;
+          let k = u3.bash === true ? globstar(u3) : d;
+          if (u3.capture) {
+            k = `(${k})`;
+          }
+          if (typeof u3.noext === "boolean") {
+            u3.noextglob = u3.noext;
+          }
+          const m = { input: t3, index: -1, start: 0, dot: u3.dot === true, consumed: "", output: "", prefix: "", backtrack: false, negated: false, brackets: 0, braces: 0, parens: 0, quotes: 0, globstar: false, tokens: A };
+          t3 = o.removePrefix(t3, m);
+          l = t3.length;
+          const w = [];
+          const N = [];
+          const I = [];
+          let B = f;
+          let G;
+          const eos = () => m.index === l - 1;
+          const D = m.peek = (e4 = 1) => t3[m.index + e4];
+          const M = m.advance = () => t3[++m.index] || "";
+          const remaining = () => t3.slice(m.index + 1);
+          const consume = (t4 = "", e4 = 0) => {
+            m.consumed += t4;
+            m.index += e4;
+          };
+          const append = (t4) => {
+            m.output += t4.output != null ? t4.output : t4.value;
+            consume(t4.value);
+          };
+          const negate = () => {
+            let t4 = 1;
+            while (D() === "!" && (D(2) !== "(" || D(3) === "?")) {
+              M();
+              m.start++;
+              t4++;
+            }
+            if (t4 % 2 === 0) {
+              return false;
+            }
+            m.negated = true;
+            m.start++;
+            return true;
+          };
+          const increment = (t4) => {
+            m[t4]++;
+            I.push(t4);
+          };
+          const decrement = (t4) => {
+            m[t4]--;
+            I.pop();
+          };
+          const push = (t4) => {
+            if (B.type === "globstar") {
+              const e4 = m.braces > 0 && (t4.type === "comma" || t4.type === "brace");
+              const u4 = t4.extglob === true || w.length && (t4.type === "pipe" || t4.type === "paren");
+              if (t4.type !== "slash" && t4.type !== "paren" && !e4 && !u4) {
+                m.output = m.output.slice(0, -B.output.length);
+                B.type = "star";
+                B.value = "*";
+                B.output = k;
+                m.output += B.output;
+              }
+            }
+            if (w.length && t4.type !== "paren") {
+              w[w.length - 1].inner += t4.value;
+            }
+            if (t4.value || t4.output) append(t4);
+            if (B && B.type === "text" && t4.type === "text") {
+              B.output = (B.output || B.value) + t4.value;
+              B.value += t4.value;
+              return;
+            }
+            t4.prev = B;
+            A.push(t4);
+            B = t4;
+          };
+          const extglobOpen = (t4, e4) => {
+            const n2 = { ...E[e4], conditions: 1, inner: "" };
+            n2.prev = B;
+            n2.parens = m.parens;
+            n2.output = m.output;
+            const o2 = (u3.capture ? "(" : "") + n2.open;
+            increment("parens");
+            push({ type: t4, value: e4, output: m.output ? "" : C });
+            push({ type: "paren", extglob: true, value: M(), output: o2 });
+            w.push(n2);
+          };
+          const extglobClose = (t4) => {
+            let n2 = t4.close + (u3.capture ? ")" : "");
+            let o2;
+            if (t4.type === "negate") {
+              let s2 = k;
+              if (t4.inner && t4.inner.length > 1 && t4.inner.includes("/")) {
+                s2 = globstar(u3);
+              }
+              if (s2 !== k || eos() || /^\)+$/.test(remaining())) {
+                n2 = t4.close = `)$))${s2}`;
+              }
+              if (t4.inner.includes("*") && (o2 = remaining()) && /^\.[^\\/.]+$/.test(o2)) {
+                const u4 = parse(o2, { ...e3, fastpaths: false }).output;
+                n2 = t4.close = `)${u4})${s2})`;
+              }
+              if (t4.prev.type === "bos") {
+                m.negatedExtglob = true;
+              }
+            }
+            push({ type: "paren", extglob: true, value: G, output: n2 });
+            decrement("parens");
+          };
+          if (u3.fastpaths !== false && !/(^[*!]|[/()[\]{}"])/.test(t3)) {
+            let n2 = false;
+            let s2 = t3.replace(i, (t4, e4, u4, o2, s3, r2) => {
+              if (o2 === "\\") {
+                n2 = true;
+                return t4;
+              }
+              if (o2 === "?") {
+                if (e4) {
+                  return e4 + o2 + (s3 ? H.repeat(s3.length) : "");
+                }
+                if (r2 === 0) {
+                  return O + (s3 ? H.repeat(s3.length) : "");
+                }
+                return H.repeat(u4.length);
+              }
+              if (o2 === ".") {
+                return h.repeat(u4.length);
+              }
+              if (o2 === "*") {
+                if (e4) {
+                  return e4 + o2 + (s3 ? k : "");
+                }
+                return k;
+              }
+              return e4 ? t4 : `\\${t4}`;
+            });
+            if (n2 === true) {
+              if (u3.unescape === true) {
+                s2 = s2.replace(/\\/g, "");
+              } else {
+                s2 = s2.replace(/\\+/g, (t4) => t4.length % 2 === 0 ? "\\\\" : t4 ? "\\" : "");
+              }
+            }
+            if (s2 === t3 && u3.contains === true) {
+              m.output = t3;
+              return m;
+            }
+            m.output = o.wrapOutput(s2, m, e3);
+            return m;
+          }
+          while (!eos()) {
+            G = M();
+            if (G === "\0") {
+              continue;
+            }
+            if (G === "\\") {
+              const t4 = D();
+              if (t4 === "/" && u3.bash !== true) {
+                continue;
+              }
+              if (t4 === "." || t4 === ";") {
+                continue;
+              }
+              if (!t4) {
+                G += "\\";
+                push({ type: "text", value: G });
+                continue;
+              }
+              const e5 = /^\\+/.exec(remaining());
+              let n3 = 0;
+              if (e5 && e5[0].length > 2) {
+                n3 = e5[0].length;
+                m.index += n3;
+                if (n3 % 2 !== 0) {
+                  G += "\\";
+                }
+              }
+              if (u3.unescape === true) {
+                G = M();
+              } else {
+                G += M();
+              }
+              if (m.brackets === 0) {
+                push({ type: "text", value: G });
+                continue;
+              }
+            }
+            if (m.brackets > 0 && (G !== "]" || B.value === "[" || B.value === "[^")) {
+              if (u3.posix !== false && G === ":") {
+                const t4 = B.value.slice(1);
+                if (t4.includes("[")) {
+                  B.posix = true;
+                  if (t4.includes(":")) {
+                    const t5 = B.value.lastIndexOf("[");
+                    const e5 = B.value.slice(0, t5);
+                    const u4 = B.value.slice(t5 + 2);
+                    const n3 = r[u4];
+                    if (n3) {
+                      B.value = e5 + n3;
+                      m.backtrack = true;
+                      M();
+                      if (!f.output && A.indexOf(B) === 1) {
+                        f.output = C;
+                      }
+                      continue;
+                    }
+                  }
+                }
+              }
+              if (G === "[" && D() !== ":" || G === "-" && D() === "]") {
+                G = `\\${G}`;
+              }
+              if (G === "]" && (B.value === "[" || B.value === "[^")) {
+                G = `\\${G}`;
+              }
+              if (u3.posix === true && G === "!" && B.value === "[") {
+                G = "^";
+              }
+              B.value += G;
+              append({ value: G });
+              continue;
+            }
+            if (m.quotes === 1 && G !== '"') {
+              G = o.escapeRegex(G);
+              B.value += G;
+              append({ value: G });
+              continue;
+            }
+            if (G === '"') {
+              m.quotes = m.quotes === 1 ? 0 : 1;
+              if (u3.keepQuotes === true) {
+                push({ type: "text", value: G });
+              }
+              continue;
+            }
+            if (G === "(") {
+              increment("parens");
+              push({ type: "paren", value: G });
+              continue;
+            }
+            if (G === ")") {
+              if (m.parens === 0 && u3.strictBrackets === true) {
+                throw new SyntaxError(syntaxError("opening", "("));
+              }
+              const t4 = w[w.length - 1];
+              if (t4 && m.parens === t4.parens + 1) {
+                extglobClose(w.pop());
+                continue;
+              }
+              push({ type: "paren", value: G, output: m.parens ? ")" : "\\)" });
+              decrement("parens");
+              continue;
+            }
+            if (G === "[") {
+              if (u3.nobracket === true || !remaining().includes("]")) {
+                if (u3.nobracket !== true && u3.strictBrackets === true) {
+                  throw new SyntaxError(syntaxError("closing", "]"));
+                }
+                G = `\\${G}`;
+              } else {
+                increment("brackets");
+              }
+              push({ type: "bracket", value: G });
+              continue;
+            }
+            if (G === "]") {
+              if (u3.nobracket === true || B && B.type === "bracket" && B.value.length === 1) {
+                push({ type: "text", value: G, output: `\\${G}` });
+                continue;
+              }
+              if (m.brackets === 0) {
+                if (u3.strictBrackets === true) {
+                  throw new SyntaxError(syntaxError("opening", "["));
+                }
+                push({ type: "text", value: G, output: `\\${G}` });
+                continue;
+              }
+              decrement("brackets");
+              const t4 = B.value.slice(1);
+              if (B.posix !== true && t4[0] === "^" && !t4.includes("/")) {
+                G = `/${G}`;
+              }
+              B.value += G;
+              append({ value: G });
+              if (u3.literalBrackets === false || o.hasRegexChars(t4)) {
+                continue;
+              }
+              const e5 = o.escapeRegex(B.value);
+              m.output = m.output.slice(0, -B.value.length);
+              if (u3.literalBrackets === true) {
+                m.output += e5;
+                B.value = e5;
+                continue;
+              }
+              B.value = `(${_}${e5}|${B.value})`;
+              m.output += B.value;
+              continue;
+            }
+            if (G === "{" && u3.nobrace !== true) {
+              increment("braces");
+              const t4 = { type: "brace", value: G, output: "(", outputIndex: m.output.length, tokensIndex: m.tokens.length };
+              N.push(t4);
+              push(t4);
+              continue;
+            }
+            if (G === "}") {
+              const t4 = N[N.length - 1];
+              if (u3.nobrace === true || !t4) {
+                push({ type: "text", value: G, output: G });
+                continue;
+              }
+              let e5 = ")";
+              if (t4.dots === true) {
+                const t5 = A.slice();
+                const n3 = [];
+                for (let e6 = t5.length - 1; e6 >= 0; e6--) {
+                  A.pop();
+                  if (t5[e6].type === "brace") {
+                    break;
+                  }
+                  if (t5[e6].type !== "dots") {
+                    n3.unshift(t5[e6].value);
+                  }
+                }
+                e5 = expandRange(n3, u3);
+                m.backtrack = true;
+              }
+              if (t4.comma !== true && t4.dots !== true) {
+                const u4 = m.output.slice(0, t4.outputIndex);
+                const n3 = m.tokens.slice(t4.tokensIndex);
+                t4.value = t4.output = "\\{";
+                G = e5 = "\\}";
+                m.output = u4;
+                for (const t5 of n3) {
+                  m.output += t5.output || t5.value;
+                }
+              }
+              push({ type: "brace", value: G, output: e5 });
+              decrement("braces");
+              N.pop();
+              continue;
+            }
+            if (G === "|") {
+              if (w.length > 0) {
+                w[w.length - 1].conditions++;
+              }
+              push({ type: "text", value: G });
+              continue;
+            }
+            if (G === ",") {
+              let t4 = G;
+              const e5 = N[N.length - 1];
+              if (e5 && I[I.length - 1] === "braces") {
+                e5.comma = true;
+                t4 = "|";
+              }
+              push({ type: "comma", value: G, output: t4 });
+              continue;
+            }
+            if (G === "/") {
+              if (B.type === "dot" && m.index === m.start + 1) {
+                m.start = m.index + 1;
+                m.consumed = "";
+                m.output = "";
+                A.pop();
+                B = f;
+                continue;
+              }
+              push({ type: "slash", value: G, output: b });
+              continue;
+            }
+            if (G === ".") {
+              if (m.braces > 0 && B.type === "dot") {
+                if (B.value === ".") B.output = h;
+                const t4 = N[N.length - 1];
+                B.type = "dots";
+                B.output += G;
+                B.value += G;
+                t4.dots = true;
+                continue;
+              }
+              if (m.braces + m.parens === 0 && B.type !== "bos" && B.type !== "slash") {
+                push({ type: "text", value: G, output: h });
+                continue;
+              }
+              push({ type: "dot", value: G, output: h });
+              continue;
+            }
+            if (G === "?") {
+              const t4 = B && B.value === "(";
+              if (!t4 && u3.noextglob !== true && D() === "(" && D(2) !== "?") {
+                extglobOpen("qmark", G);
+                continue;
+              }
+              if (B && B.type === "paren") {
+                const t5 = D();
+                let e5 = G;
+                if (B.value === "(" && !/[!=<:]/.test(t5) || t5 === "<" && !/<([!=]|\w+>)/.test(remaining())) {
+                  e5 = `\\${G}`;
+                }
+                push({ type: "text", value: G, output: e5 });
+                continue;
+              }
+              if (u3.dot !== true && (B.type === "slash" || B.type === "bos")) {
+                push({ type: "qmark", value: G, output: v });
+                continue;
+              }
+              push({ type: "qmark", value: G, output: H });
+              continue;
+            }
+            if (G === "!") {
+              if (u3.noextglob !== true && D() === "(") {
+                if (D(2) !== "?" || !/[!=<:]/.test(D(3))) {
+                  extglobOpen("negate", G);
+                  continue;
+                }
+              }
+              if (u3.nonegate !== true && m.index === 0) {
+                negate();
+                continue;
+              }
+            }
+            if (G === "+") {
+              if (u3.noextglob !== true && D() === "(" && D(2) !== "?") {
+                extglobOpen("plus", G);
+                continue;
+              }
+              if (B && B.value === "(" || u3.regex === false) {
+                push({ type: "plus", value: G, output: g });
+                continue;
+              }
+              if (B && (B.type === "bracket" || B.type === "paren" || B.type === "brace") || m.parens > 0) {
+                push({ type: "plus", value: G });
+                continue;
+              }
+              push({ type: "plus", value: g });
+              continue;
+            }
+            if (G === "@") {
+              if (u3.noextglob !== true && D() === "(" && D(2) !== "?") {
+                push({ type: "at", extglob: true, value: G, output: "" });
+                continue;
+              }
+              push({ type: "text", value: G });
+              continue;
+            }
+            if (G !== "*") {
+              if (G === "$" || G === "^") {
+                G = `\\${G}`;
+              }
+              const t4 = a.exec(remaining());
+              if (t4) {
+                G += t4[0];
+                m.index += t4[0].length;
+              }
+              push({ type: "text", value: G });
+              continue;
+            }
+            if (B && (B.type === "globstar" || B.star === true)) {
+              B.type = "star";
+              B.star = true;
+              B.value += G;
+              B.output = k;
+              m.backtrack = true;
+              m.globstar = true;
+              consume(G);
+              continue;
+            }
+            let e4 = remaining();
+            if (u3.noextglob !== true && /^\([^?]/.test(e4)) {
+              extglobOpen("star", G);
+              continue;
+            }
+            if (B.type === "star") {
+              if (u3.noglobstar === true) {
+                consume(G);
+                continue;
+              }
+              const n3 = B.prev;
+              const o2 = n3.prev;
+              const s2 = n3.type === "slash" || n3.type === "bos";
+              const r2 = o2 && (o2.type === "star" || o2.type === "globstar");
+              if (u3.bash === true && (!s2 || e4[0] && e4[0] !== "/")) {
+                push({ type: "star", value: G, output: "" });
+                continue;
+              }
+              const a2 = m.braces > 0 && (n3.type === "comma" || n3.type === "brace");
+              const i2 = w.length && (n3.type === "pipe" || n3.type === "paren");
+              if (!s2 && n3.type !== "paren" && !a2 && !i2) {
+                push({ type: "star", value: G, output: "" });
+                continue;
+              }
+              while (e4.slice(0, 3) === "/**") {
+                const u4 = t3[m.index + 4];
+                if (u4 && u4 !== "/") {
+                  break;
+                }
+                e4 = e4.slice(3);
+                consume("/**", 3);
+              }
+              if (n3.type === "bos" && eos()) {
+                B.type = "globstar";
+                B.value += G;
+                B.output = globstar(u3);
+                m.output = B.output;
+                m.globstar = true;
+                consume(G);
+                continue;
+              }
+              if (n3.type === "slash" && n3.prev.type !== "bos" && !r2 && eos()) {
+                m.output = m.output.slice(0, -(n3.output + B.output).length);
+                n3.output = `(?:${n3.output}`;
+                B.type = "globstar";
+                B.output = globstar(u3) + (u3.strictSlashes ? ")" : "|$)");
+                B.value += G;
+                m.globstar = true;
+                m.output += n3.output + B.output;
+                consume(G);
+                continue;
+              }
+              if (n3.type === "slash" && n3.prev.type !== "bos" && e4[0] === "/") {
+                const t4 = e4[1] !== void 0 ? "|$" : "";
+                m.output = m.output.slice(0, -(n3.output + B.output).length);
+                n3.output = `(?:${n3.output}`;
+                B.type = "globstar";
+                B.output = `${globstar(u3)}${b}|${b}${t4})`;
+                B.value += G;
+                m.output += n3.output + B.output;
+                m.globstar = true;
+                consume(G + M());
+                push({ type: "slash", value: "/", output: "" });
+                continue;
+              }
+              if (n3.type === "bos" && e4[0] === "/") {
+                B.type = "globstar";
+                B.value += G;
+                B.output = `(?:^|${b}|${globstar(u3)}${b})`;
+                m.output = B.output;
+                m.globstar = true;
+                consume(G + M());
+                push({ type: "slash", value: "/", output: "" });
+                continue;
+              }
+              m.output = m.output.slice(0, -B.output.length);
+              B.type = "globstar";
+              B.output = globstar(u3);
+              B.value += G;
+              m.output += B.output;
+              m.globstar = true;
+              consume(G);
+              continue;
+            }
+            const n2 = { type: "star", value: G, output: k };
+            if (u3.bash === true) {
+              n2.output = ".*?";
+              if (B.type === "bos" || B.type === "slash") {
+                n2.output = T + n2.output;
+              }
+              push(n2);
+              continue;
+            }
+            if (B && (B.type === "bracket" || B.type === "paren") && u3.regex === true) {
+              n2.output = G;
+              push(n2);
+              continue;
+            }
+            if (m.index === m.start || B.type === "slash" || B.type === "dot") {
+              if (B.type === "dot") {
+                m.output += x;
+                B.output += x;
+              } else if (u3.dot === true) {
+                m.output += S;
+                B.output += S;
+              } else {
+                m.output += T;
+                B.output += T;
+              }
+              if (D() !== "*") {
+                m.output += C;
+                B.output += C;
+              }
+            }
+            push(n2);
+          }
+          while (m.brackets > 0) {
+            if (u3.strictBrackets === true) throw new SyntaxError(syntaxError("closing", "]"));
+            m.output = o.escapeLast(m.output, "[");
+            decrement("brackets");
+          }
+          while (m.parens > 0) {
+            if (u3.strictBrackets === true) throw new SyntaxError(syntaxError("closing", ")"));
+            m.output = o.escapeLast(m.output, "(");
+            decrement("parens");
+          }
+          while (m.braces > 0) {
+            if (u3.strictBrackets === true) throw new SyntaxError(syntaxError("closing", "}"));
+            m.output = o.escapeLast(m.output, "{");
+            decrement("braces");
+          }
+          if (u3.strictSlashes !== true && (B.type === "star" || B.type === "bracket")) {
+            push({ type: "maybe_slash", value: "", output: `${b}?` });
+          }
+          if (m.backtrack === true) {
+            m.output = "";
+            for (const t4 of m.tokens) {
+              m.output += t4.output != null ? t4.output : t4.value;
+              if (t4.suffix) {
+                m.output += t4.suffix;
+              }
+            }
+          }
+          return m;
+        };
+        parse.fastpaths = (t3, e3) => {
+          const u3 = { ...e3 };
+          const r2 = typeof u3.maxLength === "number" ? Math.min(s, u3.maxLength) : s;
+          const a2 = t3.length;
+          if (a2 > r2) {
+            throw new SyntaxError(`Input length: ${a2}, exceeds maximum allowed length: ${r2}`);
+          }
+          t3 = c[t3] || t3;
+          const { DOT_LITERAL: i2, SLASH_LITERAL: p, ONE_CHAR: l, DOTS_SLASH: f, NO_DOT: A, NO_DOTS: _, NO_DOTS_SLASH: R, STAR: E, START_ANCHOR: h } = n.globChars(u3.windows);
+          const g = u3.dot ? _ : A;
+          const b = u3.dot ? R : A;
+          const C = u3.capture ? "" : "?:";
+          const y = { negated: false, prefix: "" };
+          let $ = u3.bash === true ? ".*?" : E;
+          if (u3.capture) {
+            $ = `(${$})`;
+          }
+          const globstar = (t4) => {
+            if (t4.noglobstar === true) return $;
+            return `(${C}(?:(?!${h}${t4.dot ? f : i2}).)*?)`;
+          };
+          const create = (t4) => {
+            switch (t4) {
+              case "*":
+                return `${g}${l}${$}`;
+              case ".*":
+                return `${i2}${l}${$}`;
+              case "*.*":
+                return `${g}${$}${i2}${l}${$}`;
+              case "*/*":
+                return `${g}${$}${p}${l}${b}${$}`;
+              case "**":
+                return g + globstar(u3);
+              case "**/*":
+                return `(?:${g}${globstar(u3)}${p})?${b}${l}${$}`;
+              case "**/*.*":
+                return `(?:${g}${globstar(u3)}${p})?${b}${$}${i2}${l}${$}`;
+              case "**/.*":
+                return `(?:${g}${globstar(u3)}${p})?${i2}${l}${$}`;
+              default: {
+                const e4 = /^(.*?)\.(\w+)$/.exec(t4);
+                if (!e4) return;
+                const u4 = create(e4[1]);
+                if (!u4) return;
+                return u4 + i2 + e4[2];
+              }
+            }
+          };
+          const x = o.removePrefix(t3, y);
+          let S = create(x);
+          if (S && u3.strictSlashes !== true) {
+            S += `${p}?`;
+          }
+          return S;
+        };
+        t2.exports = parse;
+      }, 510: (t2, e2, u2) => {
+        const n = u2(716);
+        const o = u2(697);
+        const s = u2(96);
+        const r = u2(154);
+        const isObject = (t3) => t3 && typeof t3 === "object" && !Array.isArray(t3);
+        const picomatch = (t3, e3, u3 = false) => {
+          if (Array.isArray(t3)) {
+            const n3 = t3.map((t4) => picomatch(t4, e3, u3));
+            const arrayMatcher = (t4) => {
+              for (const e4 of n3) {
+                const u4 = e4(t4);
+                if (u4) return u4;
+              }
+              return false;
+            };
+            return arrayMatcher;
+          }
+          const n2 = isObject(t3) && t3.tokens && t3.input;
+          if (t3 === "" || typeof t3 !== "string" && !n2) {
+            throw new TypeError("Expected pattern to be a non-empty string");
+          }
+          const o2 = e3 || {};
+          const s2 = o2.windows;
+          const r2 = n2 ? picomatch.compileRe(t3, e3) : picomatch.makeRe(t3, e3, false, true);
+          const a = r2.state;
+          delete r2.state;
+          let isIgnored = () => false;
+          if (o2.ignore) {
+            const t4 = { ...e3, ignore: null, onMatch: null, onResult: null };
+            isIgnored = picomatch(o2.ignore, t4, u3);
+          }
+          const matcher = (u4, n3 = false) => {
+            const { isMatch: i, match: c, output: p } = picomatch.test(u4, r2, e3, { glob: t3, posix: s2 });
+            const l = { glob: t3, state: a, regex: r2, posix: s2, input: u4, output: p, match: c, isMatch: i };
+            if (typeof o2.onResult === "function") {
+              o2.onResult(l);
+            }
+            if (i === false) {
+              l.isMatch = false;
+              return n3 ? l : false;
+            }
+            if (isIgnored(u4)) {
+              if (typeof o2.onIgnore === "function") {
+                o2.onIgnore(l);
+              }
+              l.isMatch = false;
+              return n3 ? l : false;
+            }
+            if (typeof o2.onMatch === "function") {
+              o2.onMatch(l);
+            }
+            return n3 ? l : true;
+          };
+          if (u3) {
+            matcher.state = a;
+          }
+          return matcher;
+        };
+        picomatch.test = (t3, e3, u3, { glob: n2, posix: o2 } = {}) => {
+          if (typeof t3 !== "string") {
+            throw new TypeError("Expected input to be a string");
+          }
+          if (t3 === "") {
+            return { isMatch: false, output: "" };
+          }
+          const r2 = u3 || {};
+          const a = r2.format || (o2 ? s.toPosixSlashes : null);
+          let i = t3 === n2;
+          let c = i && a ? a(t3) : t3;
+          if (i === false) {
+            c = a ? a(t3) : t3;
+            i = c === n2;
+          }
+          if (i === false || r2.capture === true) {
+            if (r2.matchBase === true || r2.basename === true) {
+              i = picomatch.matchBase(t3, e3, u3, o2);
+            } else {
+              i = e3.exec(c);
+            }
+          }
+          return { isMatch: Boolean(i), match: i, output: c };
+        };
+        picomatch.matchBase = (t3, e3, u3) => {
+          const n2 = e3 instanceof RegExp ? e3 : picomatch.makeRe(e3, u3);
+          return n2.test(s.basename(t3));
+        };
+        picomatch.isMatch = (t3, e3, u3) => picomatch(e3, u3)(t3);
+        picomatch.parse = (t3, e3) => {
+          if (Array.isArray(t3)) return t3.map((t4) => picomatch.parse(t4, e3));
+          return o(t3, { ...e3, fastpaths: false });
+        };
+        picomatch.scan = (t3, e3) => n(t3, e3);
+        picomatch.compileRe = (t3, e3, u3 = false, n2 = false) => {
+          if (u3 === true) {
+            return t3.output;
+          }
+          const o2 = e3 || {};
+          const s2 = o2.contains ? "" : "^";
+          const r2 = o2.contains ? "" : "$";
+          let a = `${s2}(?:${t3.output})${r2}`;
+          if (t3 && t3.negated === true) {
+            a = `^(?!${a}).*$`;
+          }
+          const i = picomatch.toRegex(a, e3);
+          if (n2 === true) {
+            i.state = t3;
+          }
+          return i;
+        };
+        picomatch.makeRe = (t3, e3 = {}, u3 = false, n2 = false) => {
+          if (!t3 || typeof t3 !== "string") {
+            throw new TypeError("Expected a non-empty string");
+          }
+          let s2 = { negated: false, fastpaths: true };
+          if (e3.fastpaths !== false && (t3[0] === "." || t3[0] === "*")) {
+            s2.output = o.fastpaths(t3, e3);
+          }
+          if (!s2.output) {
+            s2 = o(t3, e3);
+          }
+          return picomatch.compileRe(s2, e3, u3, n2);
+        };
+        picomatch.toRegex = (t3, e3) => {
+          try {
+            const u3 = e3 || {};
+            return new RegExp(t3, u3.flags || (u3.nocase ? "i" : ""));
+          } catch (t4) {
+            if (e3 && e3.debug === true) throw t4;
+            return /$^/;
+          }
+        };
+        picomatch.constants = r;
+        t2.exports = picomatch;
+      }, 716: (t2, e2, u2) => {
+        const n = u2(96);
+        const { CHAR_ASTERISK: o, CHAR_AT: s, CHAR_BACKWARD_SLASH: r, CHAR_COMMA: a, CHAR_DOT: i, CHAR_EXCLAMATION_MARK: c, CHAR_FORWARD_SLASH: p, CHAR_LEFT_CURLY_BRACE: l, CHAR_LEFT_PARENTHESES: f, CHAR_LEFT_SQUARE_BRACKET: A, CHAR_PLUS: _, CHAR_QUESTION_MARK: R, CHAR_RIGHT_CURLY_BRACE: E, CHAR_RIGHT_PARENTHESES: h, CHAR_RIGHT_SQUARE_BRACKET: g } = u2(154);
+        const isPathSeparator = (t3) => t3 === p || t3 === r;
+        const depth = (t3) => {
+          if (t3.isPrefix !== true) {
+            t3.depth = t3.isGlobstar ? Infinity : 1;
+          }
+        };
+        const scan = (t3, e3) => {
+          const u3 = e3 || {};
+          const b = t3.length - 1;
+          const C = u3.parts === true || u3.scanToEnd === true;
+          const y = [];
+          const $ = [];
+          const x = [];
+          let S = t3;
+          let H = -1;
+          let v = 0;
+          let d = 0;
+          let L = false;
+          let T = false;
+          let O = false;
+          let k = false;
+          let m = false;
+          let w = false;
+          let N = false;
+          let I = false;
+          let B = false;
+          let G = false;
+          let D = 0;
+          let M;
+          let P;
+          let K = { value: "", depth: 0, isGlob: false };
+          const eos = () => H >= b;
+          const peek = () => S.charCodeAt(H + 1);
+          const advance = () => {
+            M = P;
+            return S.charCodeAt(++H);
+          };
+          while (H < b) {
+            P = advance();
+            let t4;
+            if (P === r) {
+              N = K.backslashes = true;
+              P = advance();
+              if (P === l) {
+                w = true;
+              }
+              continue;
+            }
+            if (w === true || P === l) {
+              D++;
+              while (eos() !== true && (P = advance())) {
+                if (P === r) {
+                  N = K.backslashes = true;
+                  advance();
+                  continue;
+                }
+                if (P === l) {
+                  D++;
+                  continue;
+                }
+                if (w !== true && P === i && (P = advance()) === i) {
+                  L = K.isBrace = true;
+                  O = K.isGlob = true;
+                  G = true;
+                  if (C === true) {
+                    continue;
+                  }
+                  break;
+                }
+                if (w !== true && P === a) {
+                  L = K.isBrace = true;
+                  O = K.isGlob = true;
+                  G = true;
+                  if (C === true) {
+                    continue;
+                  }
+                  break;
+                }
+                if (P === E) {
+                  D--;
+                  if (D === 0) {
+                    w = false;
+                    L = K.isBrace = true;
+                    G = true;
+                    break;
+                  }
+                }
+              }
+              if (C === true) {
+                continue;
+              }
+              break;
+            }
+            if (P === p) {
+              y.push(H);
+              $.push(K);
+              K = { value: "", depth: 0, isGlob: false };
+              if (G === true) continue;
+              if (M === i && H === v + 1) {
+                v += 2;
+                continue;
+              }
+              d = H + 1;
+              continue;
+            }
+            if (u3.noext !== true) {
+              const t5 = P === _ || P === s || P === o || P === R || P === c;
+              if (t5 === true && peek() === f) {
+                O = K.isGlob = true;
+                k = K.isExtglob = true;
+                G = true;
+                if (P === c && H === v) {
+                  B = true;
+                }
+                if (C === true) {
+                  while (eos() !== true && (P = advance())) {
+                    if (P === r) {
+                      N = K.backslashes = true;
+                      P = advance();
+                      continue;
+                    }
+                    if (P === h) {
+                      O = K.isGlob = true;
+                      G = true;
+                      break;
+                    }
+                  }
+                  continue;
+                }
+                break;
+              }
+            }
+            if (P === o) {
+              if (M === o) m = K.isGlobstar = true;
+              O = K.isGlob = true;
+              G = true;
+              if (C === true) {
+                continue;
+              }
+              break;
+            }
+            if (P === R) {
+              O = K.isGlob = true;
+              G = true;
+              if (C === true) {
+                continue;
+              }
+              break;
+            }
+            if (P === A) {
+              while (eos() !== true && (t4 = advance())) {
+                if (t4 === r) {
+                  N = K.backslashes = true;
+                  advance();
+                  continue;
+                }
+                if (t4 === g) {
+                  T = K.isBracket = true;
+                  O = K.isGlob = true;
+                  G = true;
+                  break;
+                }
+              }
+              if (C === true) {
+                continue;
+              }
+              break;
+            }
+            if (u3.nonegate !== true && P === c && H === v) {
+              I = K.negated = true;
+              v++;
+              continue;
+            }
+            if (u3.noparen !== true && P === f) {
+              O = K.isGlob = true;
+              if (C === true) {
+                while (eos() !== true && (P = advance())) {
+                  if (P === f) {
+                    N = K.backslashes = true;
+                    P = advance();
+                    continue;
+                  }
+                  if (P === h) {
+                    G = true;
+                    break;
+                  }
+                }
+                continue;
+              }
+              break;
+            }
+            if (O === true) {
+              G = true;
+              if (C === true) {
+                continue;
+              }
+              break;
+            }
+          }
+          if (u3.noext === true) {
+            k = false;
+            O = false;
+          }
+          let U = S;
+          let X2 = "";
+          let F = "";
+          if (v > 0) {
+            X2 = S.slice(0, v);
+            S = S.slice(v);
+            d -= v;
+          }
+          if (U && O === true && d > 0) {
+            U = S.slice(0, d);
+            F = S.slice(d);
+          } else if (O === true) {
+            U = "";
+            F = S;
+          } else {
+            U = S;
+          }
+          if (U && U !== "" && U !== "/" && U !== S) {
+            if (isPathSeparator(U.charCodeAt(U.length - 1))) {
+              U = U.slice(0, -1);
+            }
+          }
+          if (u3.unescape === true) {
+            if (F) F = n.removeBackslashes(F);
+            if (U && N === true) {
+              U = n.removeBackslashes(U);
+            }
+          }
+          const Q = { prefix: X2, input: t3, start: v, base: U, glob: F, isBrace: L, isBracket: T, isGlob: O, isExtglob: k, isGlobstar: m, negated: I, negatedExtglob: B };
+          if (u3.tokens === true) {
+            Q.maxDepth = 0;
+            if (!isPathSeparator(P)) {
+              $.push(K);
+            }
+            Q.tokens = $;
+          }
+          if (u3.parts === true || u3.tokens === true) {
+            let e4;
+            for (let n2 = 0; n2 < y.length; n2++) {
+              const o2 = e4 ? e4 + 1 : v;
+              const s2 = y[n2];
+              const r2 = t3.slice(o2, s2);
+              if (u3.tokens) {
+                if (n2 === 0 && v !== 0) {
+                  $[n2].isPrefix = true;
+                  $[n2].value = X2;
+                } else {
+                  $[n2].value = r2;
+                }
+                depth($[n2]);
+                Q.maxDepth += $[n2].depth;
+              }
+              if (n2 !== 0 || r2 !== "") {
+                x.push(r2);
+              }
+              e4 = s2;
+            }
+            if (e4 && e4 + 1 < t3.length) {
+              const n2 = t3.slice(e4 + 1);
+              x.push(n2);
+              if (u3.tokens) {
+                $[$.length - 1].value = n2;
+                depth($[$.length - 1]);
+                Q.maxDepth += $[$.length - 1].depth;
+              }
+            }
+            Q.slashes = y;
+            Q.parts = x;
+          }
+          return Q;
+        };
+        t2.exports = scan;
+      }, 96: (t2, e2, u2) => {
+        const { REGEX_BACKSLASH: n, REGEX_REMOVE_BACKSLASH: o, REGEX_SPECIAL_CHARS: s, REGEX_SPECIAL_CHARS_GLOBAL: r } = u2(154);
+        e2.isObject = (t3) => t3 !== null && typeof t3 === "object" && !Array.isArray(t3);
+        e2.hasRegexChars = (t3) => s.test(t3);
+        e2.isRegexChar = (t3) => t3.length === 1 && e2.hasRegexChars(t3);
+        e2.escapeRegex = (t3) => t3.replace(r, "\\$1");
+        e2.toPosixSlashes = (t3) => t3.replace(n, "/");
+        e2.removeBackslashes = (t3) => t3.replace(o, (t4) => t4 === "\\" ? "" : t4);
+        e2.escapeLast = (t3, u3, n2) => {
+          const o2 = t3.lastIndexOf(u3, n2);
+          if (o2 === -1) return t3;
+          if (t3[o2 - 1] === "\\") return e2.escapeLast(t3, u3, o2 - 1);
+          return `${t3.slice(0, o2)}\\${t3.slice(o2)}`;
+        };
+        e2.removePrefix = (t3, e3 = {}) => {
+          let u3 = t3;
+          if (u3.startsWith("./")) {
+            u3 = u3.slice(2);
+            e3.prefix = "./";
+          }
+          return u3;
+        };
+        e2.wrapOutput = (t3, e3 = {}, u3 = {}) => {
+          const n2 = u3.contains ? "" : "^";
+          const o2 = u3.contains ? "" : "$";
+          let s2 = `${n2}(?:${t3})${o2}`;
+          if (e3.negated === true) {
+            s2 = `(?:^(?!${s2}).*$)`;
+          }
+          return s2;
+        };
+        e2.basename = (t3, { windows: e3 } = {}) => {
+          const u3 = t3.split(e3 ? /[\\/]/ : "/");
+          const n2 = u3[u3.length - 1];
+          if (n2 === "") {
+            return u3[u3.length - 2];
+          }
+          return n2;
+        };
+      } };
+      var e = {};
+      function __nccwpck_require__(u2) {
+        var n = e[u2];
+        if (n !== void 0) {
+          return n.exports;
+        }
+        var o = e[u2] = { exports: {} };
+        var s = true;
+        try {
+          t[u2](o, o.exports, __nccwpck_require__);
+          s = false;
+        } finally {
+          if (s) delete e[u2];
+        }
+        return o.exports;
+      }
+      if (typeof __nccwpck_require__ !== "undefined") __nccwpck_require__.ab = __dirname + "/";
+      var u = __nccwpck_require__(170);
+      module.exports = u;
+    })();
+  }
+});
+
+// node_modules/next/dist/shared/lib/match-local-pattern.js
+var require_match_local_pattern = __commonJS({
+  "node_modules/next/dist/shared/lib/match-local-pattern.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports, {
+      hasLocalMatch: function() {
+        return hasLocalMatch;
+      },
+      matchLocalPattern: function() {
+        return matchLocalPattern;
+      }
+    });
+    var _picomatch = require_picomatch();
+    function matchLocalPattern(pattern, url) {
+      if (pattern.search !== void 0) {
+        if (pattern.search !== url.search) {
+          return false;
+        }
+      }
+      var _pattern_pathname;
+      if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname : "**", {
+        dot: true
+      }).test(url.pathname)) {
+        return false;
+      }
+      return true;
+    }
+    function hasLocalMatch(localPatterns, urlPathAndQuery) {
+      if (!localPatterns) {
+        return true;
+      }
+      const url = new URL(urlPathAndQuery, "http://n");
+      return localPatterns.some((p) => matchLocalPattern(p, url));
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/match-remote-pattern.js
+var require_match_remote_pattern = __commonJS({
+  "node_modules/next/dist/shared/lib/match-remote-pattern.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports, {
+      hasRemoteMatch: function() {
+        return hasRemoteMatch;
+      },
+      matchRemotePattern: function() {
+        return matchRemotePattern;
+      }
+    });
+    var _picomatch = require_picomatch();
+    function matchRemotePattern(pattern, url) {
+      if (pattern.protocol !== void 0) {
+        if (pattern.protocol.replace(/:$/, "") !== url.protocol.replace(/:$/, "")) {
+          return false;
+        }
+      }
+      if (pattern.port !== void 0) {
+        if (pattern.port !== url.port) {
+          return false;
+        }
+      }
+      if (pattern.hostname === void 0) {
+        throw Object.defineProperty(new Error("Pattern should define hostname but found\n" + JSON.stringify(pattern)), "__NEXT_ERROR_CODE", {
+          value: "E410",
+          enumerable: false,
+          configurable: true
+        });
+      } else {
+        if (!(0, _picomatch.makeRe)(pattern.hostname).test(url.hostname)) {
+          return false;
+        }
+      }
+      if (pattern.search !== void 0) {
+        if (pattern.search !== url.search) {
+          return false;
+        }
+      }
+      var _pattern_pathname;
+      if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname : "**", {
+        dot: true
+      }).test(url.pathname)) {
+        return false;
+      }
+      return true;
+    }
+    function hasRemoteMatch(domains, remotePatterns, url) {
+      return domains.some((domain) => url.hostname === domain) || remotePatterns.some((p) => matchRemotePattern(p, url));
+    }
+  }
+});
+
+// node_modules/next/dist/shared/lib/image-loader.js
+var require_image_loader = __commonJS({
+  "node_modules/next/dist/shared/lib/image-loader.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var DEFAULT_Q = 75;
+    function defaultLoader(param) {
+      let { config, src, width, quality } = param;
+      var _config_qualities;
+      if (process.env.NODE_ENV !== "production") {
+        const missingValues = [];
+        if (!src) missingValues.push("src");
+        if (!width) missingValues.push("width");
+        if (missingValues.length > 0) {
+          throw Object.defineProperty(new Error("Next Image Optimization requires " + missingValues.join(", ") + " to be provided. Make sure you pass them as props to the `next/image` component. Received: " + JSON.stringify({
+            src,
+            width,
+            quality
+          })), "__NEXT_ERROR_CODE", {
+            value: "E188",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (src.startsWith("//")) {
+          throw Object.defineProperty(new Error('Failed to parse src "' + src + '" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'), "__NEXT_ERROR_CODE", {
+            value: "E360",
+            enumerable: false,
+            configurable: true
+          });
+        }
+        if (src.startsWith("/") && config.localPatterns) {
+          if (process.env.NODE_ENV !== "test" && // micromatch isn't compatible with edge runtime
+          process.env.NEXT_RUNTIME !== "edge") {
+            const { hasLocalMatch } = require_match_local_pattern();
+            if (!hasLocalMatch(config.localPatterns, src)) {
+              throw Object.defineProperty(new Error("Invalid src prop (" + src + ") on `next/image` does not match `images.localPatterns` configured in your `next.config.js`\nSee more info: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns"), "__NEXT_ERROR_CODE", {
+                value: "E426",
+                enumerable: false,
+                configurable: true
+              });
+            }
+          }
+        }
+        if (!src.startsWith("/") && (config.domains || config.remotePatterns)) {
+          let parsedSrc;
+          try {
+            parsedSrc = new URL(src);
+          } catch (err) {
+            console.error(err);
+            throw Object.defineProperty(new Error('Failed to parse src "' + src + '" on `next/image`, if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://)'), "__NEXT_ERROR_CODE", {
+              value: "E63",
+              enumerable: false,
+              configurable: true
+            });
+          }
+          if (process.env.NODE_ENV !== "test" && // micromatch isn't compatible with edge runtime
+          process.env.NEXT_RUNTIME !== "edge") {
+            const { hasRemoteMatch } = require_match_remote_pattern();
+            if (!hasRemoteMatch(config.domains, config.remotePatterns, parsedSrc)) {
+              throw Object.defineProperty(new Error("Invalid src prop (" + src + ') on `next/image`, hostname "' + parsedSrc.hostname + '" is not configured under images in your `next.config.js`\nSee more info: https://nextjs.org/docs/messages/next-image-unconfigured-host'), "__NEXT_ERROR_CODE", {
+                value: "E231",
+                enumerable: false,
+                configurable: true
+              });
+            }
+          }
+        }
+        if (quality && config.qualities && !config.qualities.includes(quality)) {
+          throw Object.defineProperty(new Error("Invalid quality prop (" + quality + ") on `next/image` does not match `images.qualities` configured in your `next.config.js`\nSee more info: https://nextjs.org/docs/messages/next-image-unconfigured-qualities"), "__NEXT_ERROR_CODE", {
+            value: "E623",
+            enumerable: false,
+            configurable: true
+          });
+        }
+      }
+      const q = quality || ((_config_qualities = config.qualities) == null ? void 0 : _config_qualities.reduce((prev, cur) => Math.abs(cur - DEFAULT_Q) < Math.abs(prev - DEFAULT_Q) ? cur : prev)) || DEFAULT_Q;
+      return config.path + "?url=" + encodeURIComponent(src) + "&w=" + width + "&q=" + q + (src.startsWith("/_next/static/media/") && process.env.NEXT_DEPLOYMENT_ID ? "&dpl=" + process.env.NEXT_DEPLOYMENT_ID : "");
+    }
+    defaultLoader.__next_img_default = true;
+    var _default = defaultLoader;
+  }
+});
+
+// node_modules/next/dist/client/use-merged-ref.js
+var require_use_merged_ref = __commonJS({
+  "node_modules/next/dist/client/use-merged-ref.js"(exports, module) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "useMergedRef", {
+      enumerable: true,
+      get: function() {
+        return useMergedRef;
+      }
+    });
+    var _react = __require("react");
+    function useMergedRef(refA, refB) {
+      const cleanupA = (0, _react.useRef)(null);
+      const cleanupB = (0, _react.useRef)(null);
+      return (0, _react.useCallback)((current) => {
+        if (current === null) {
+          const cleanupFnA = cleanupA.current;
+          if (cleanupFnA) {
+            cleanupA.current = null;
+            cleanupFnA();
+          }
+          const cleanupFnB = cleanupB.current;
+          if (cleanupFnB) {
+            cleanupB.current = null;
+            cleanupFnB();
+          }
+        } else {
+          if (refA) {
+            cleanupA.current = applyRef(refA, current);
+          }
+          if (refB) {
+            cleanupB.current = applyRef(refB, current);
+          }
+        }
+      }, [
+        refA,
+        refB
+      ]);
+    }
+    function applyRef(refA, current) {
+      if (typeof refA === "function") {
+        const cleanup = refA(current);
+        if (typeof cleanup === "function") {
+          return cleanup;
+        } else {
+          return () => refA(null);
+        }
+      } else {
+        refA.current = current;
+        return () => {
+          refA.current = null;
+        };
+      }
+    }
+    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/image-component.js
+var require_image_component = __commonJS({
+  "node_modules/next/dist/client/image-component.js"(exports, module) {
+    "use client";
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "Image", {
+      enumerable: true,
+      get: function() {
+        return Image3;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _interop_require_wildcard = require_interop_require_wildcard();
+    var _jsxruntime = __require("react/jsx-runtime");
+    var _react = /* @__PURE__ */ _interop_require_wildcard._(__require("react"));
+    var _reactdom = /* @__PURE__ */ _interop_require_default._(__require("react-dom"));
+    var _head = /* @__PURE__ */ _interop_require_default._(require_head());
+    var _getimgprops = require_get_img_props();
+    var _imageconfig = require_image_config();
+    var _imageconfigcontextsharedruntime = require_image_config_context_shared_runtime();
+    var _warnonce = require_warn_once();
+    var _routercontextsharedruntime = require_router_context_shared_runtime();
+    var _imageloader = /* @__PURE__ */ _interop_require_default._(require_image_loader());
+    var _usemergedref = require_use_merged_ref();
+    var configEnv = process.env.__NEXT_IMAGE_OPTS;
+    if (typeof window === "undefined") {
+      ;
+      globalThis.__NEXT_IMAGE_IMPORTED = true;
+    }
+    function handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput) {
+      const src = img == null ? void 0 : img.src;
+      if (!img || img["data-loaded-src"] === src) {
+        return;
+      }
+      img["data-loaded-src"] = src;
+      const p = "decode" in img ? img.decode() : Promise.resolve();
+      p.catch(() => {
+      }).then(() => {
+        if (!img.parentElement || !img.isConnected) {
+          return;
+        }
+        if (placeholder !== "empty") {
+          setBlurComplete(true);
+        }
+        if (onLoadRef == null ? void 0 : onLoadRef.current) {
+          const event = new Event("load");
+          Object.defineProperty(event, "target", {
+            writable: false,
+            value: img
+          });
+          let prevented = false;
+          let stopped = false;
+          onLoadRef.current({
+            ...event,
+            nativeEvent: event,
+            currentTarget: img,
+            target: img,
+            isDefaultPrevented: () => prevented,
+            isPropagationStopped: () => stopped,
+            persist: () => {
+            },
+            preventDefault: () => {
+              prevented = true;
+              event.preventDefault();
+            },
+            stopPropagation: () => {
+              stopped = true;
+              event.stopPropagation();
+            }
+          });
+        }
+        if (onLoadingCompleteRef == null ? void 0 : onLoadingCompleteRef.current) {
+          onLoadingCompleteRef.current(img);
+        }
+        if (process.env.NODE_ENV !== "production") {
+          const origSrc = new URL(src, "http://n").searchParams.get("url") || src;
+          if (img.getAttribute("data-nimg") === "fill") {
+            if (!unoptimized && (!sizesInput || sizesInput === "100vw")) {
+              let widthViewportRatio = img.getBoundingClientRect().width / window.innerWidth;
+              if (widthViewportRatio < 0.6) {
+                if (sizesInput === "100vw") {
+                  (0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" prop and "sizes" prop of "100vw", but image is not rendered at full viewport width. Please adjust "sizes" to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
+                } else {
+                  (0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" but is missing "sizes" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
+                }
+              }
+            }
+            if (img.parentElement) {
+              const { position } = window.getComputedStyle(img.parentElement);
+              const valid = [
+                "absolute",
+                "fixed",
+                "relative"
+              ];
+              if (!valid.includes(position)) {
+                (0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" and parent element with invalid "position". Provided "' + position + '" should be one of ' + valid.map(String).join(",") + ".");
+              }
+            }
+            if (img.height === 0) {
+              (0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" and a height value of 0. This is likely because the parent element of the image has not been styled to have a set height.');
+            }
+          }
+          const heightModified = img.height.toString() !== img.getAttribute("height");
+          const widthModified = img.width.toString() !== img.getAttribute("width");
+          if (heightModified && !widthModified || !heightModified && widthModified) {
+            (0, _warnonce.warnOnce)('Image with src "' + origSrc + `" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.`);
+          }
+        }
+      });
+    }
+    function getDynamicProps(fetchPriority) {
+      if (Boolean(_react.use)) {
+        return {
+          fetchPriority
+        };
+      }
+      return {
+        fetchpriority: fetchPriority
+      };
+    }
+    var ImageElement = /* @__PURE__ */ (0, _react.forwardRef)((param, forwardedRef) => {
+      let { src, srcSet, sizes, height, width, decoding, className, style, fetchPriority, placeholder, loading, unoptimized, fill, onLoadRef, onLoadingCompleteRef, setBlurComplete, setShowAltText, sizesInput, onLoad, onError, ...rest } = param;
+      const ownRef = (0, _react.useCallback)((img) => {
+        if (!img) {
+          return;
+        }
+        if (onError) {
+          img.src = img.src;
+        }
+        if (process.env.NODE_ENV !== "production") {
+          if (!src) {
+            console.error('Image is missing required "src" property:', img);
+          }
+          if (img.getAttribute("alt") === null) {
+            console.error('Image is missing required "alt" property. Please add Alternative Text to describe the image for screen readers and search engines.');
+          }
+        }
+        if (img.complete) {
+          handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
+        }
+      }, [
+        src,
+        placeholder,
+        onLoadRef,
+        onLoadingCompleteRef,
+        setBlurComplete,
+        onError,
+        unoptimized,
+        sizesInput
+      ]);
+      const ref = (0, _usemergedref.useMergedRef)(forwardedRef, ownRef);
+      return /* @__PURE__ */ (0, _jsxruntime.jsx)("img", {
+        ...rest,
+        ...getDynamicProps(fetchPriority),
+        // It's intended to keep `loading` before `src` because React updates
+        // props in order which causes Safari/Firefox to not lazy load properly.
+        // See https://github.com/facebook/react/issues/25883
+        loading,
+        width,
+        height,
+        decoding,
+        "data-nimg": fill ? "fill" : "1",
+        className,
+        style,
+        // It's intended to keep `src` the last attribute because React updates
+        // attributes in order. If we keep `src` the first one, Safari will
+        // immediately start to fetch `src`, before `sizes` and `srcSet` are even
+        // updated by React. That causes multiple unnecessary requests if `srcSet`
+        // and `sizes` are defined.
+        // This bug cannot be reproduced in Chrome or Firefox.
+        sizes,
+        srcSet,
+        src,
+        ref,
+        onLoad: (event) => {
+          const img = event.currentTarget;
+          handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
+        },
+        onError: (event) => {
+          setShowAltText(true);
+          if (placeholder !== "empty") {
+            setBlurComplete(true);
+          }
+          if (onError) {
+            onError(event);
+          }
+        }
+      });
+    });
+    function ImagePreload(param) {
+      let { isAppRouter, imgAttributes } = param;
+      const opts = {
+        as: "image",
+        imageSrcSet: imgAttributes.srcSet,
+        imageSizes: imgAttributes.sizes,
+        crossOrigin: imgAttributes.crossOrigin,
+        referrerPolicy: imgAttributes.referrerPolicy,
+        ...getDynamicProps(imgAttributes.fetchPriority)
+      };
+      if (isAppRouter && _reactdom.default.preload) {
+        _reactdom.default.preload(
+          imgAttributes.src,
+          // @ts-expect-error TODO: upgrade to `@types/react-dom@18.3.x`
+          opts
+        );
+        return null;
+      }
+      return /* @__PURE__ */ (0, _jsxruntime.jsx)(_head.default, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("link", {
+          rel: "preload",
+          // Note how we omit the `href` attribute, as it would only be relevant
+          // for browsers that do not support `imagesrcset`, and in those cases
+          // it would cause the incorrect image to be preloaded.
+          //
+          // https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset
+          href: imgAttributes.srcSet ? void 0 : imgAttributes.src,
+          ...opts
+        }, "__nimg-" + imgAttributes.src + imgAttributes.srcSet + imgAttributes.sizes)
+      });
+    }
+    var Image3 = /* @__PURE__ */ (0, _react.forwardRef)((props, forwardedRef) => {
+      const pagesRouter = (0, _react.useContext)(_routercontextsharedruntime.RouterContext);
+      const isAppRouter = !pagesRouter;
+      const configContext = (0, _react.useContext)(_imageconfigcontextsharedruntime.ImageConfigContext);
+      const config = (0, _react.useMemo)(() => {
+        var _c_qualities;
+        const c = configEnv || configContext || _imageconfig.imageConfigDefault;
+        const allSizes = [
+          ...c.deviceSizes,
+          ...c.imageSizes
+        ].sort((a, b) => a - b);
+        const deviceSizes = c.deviceSizes.sort((a, b) => a - b);
+        const qualities = (_c_qualities = c.qualities) == null ? void 0 : _c_qualities.sort((a, b) => a - b);
+        return {
+          ...c,
+          allSizes,
+          deviceSizes,
+          qualities
+        };
+      }, [
+        configContext
+      ]);
+      const { onLoad, onLoadingComplete } = props;
+      const onLoadRef = (0, _react.useRef)(onLoad);
+      (0, _react.useEffect)(() => {
+        onLoadRef.current = onLoad;
+      }, [
+        onLoad
+      ]);
+      const onLoadingCompleteRef = (0, _react.useRef)(onLoadingComplete);
+      (0, _react.useEffect)(() => {
+        onLoadingCompleteRef.current = onLoadingComplete;
+      }, [
+        onLoadingComplete
+      ]);
+      const [blurComplete, setBlurComplete] = (0, _react.useState)(false);
+      const [showAltText, setShowAltText] = (0, _react.useState)(false);
+      const { props: imgAttributes, meta: imgMeta } = (0, _getimgprops.getImgProps)(props, {
+        defaultLoader: _imageloader.default,
+        imgConf: config,
+        blurComplete,
+        showAltText
+      });
+      return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, _jsxruntime.jsx)(ImageElement, {
+            ...imgAttributes,
+            unoptimized: imgMeta.unoptimized,
+            placeholder: imgMeta.placeholder,
+            fill: imgMeta.fill,
+            onLoadRef,
+            onLoadingCompleteRef,
+            setBlurComplete,
+            setShowAltText,
+            sizesInput: props.sizes,
+            ref: forwardedRef
+          }),
+          imgMeta.priority ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ImagePreload, {
+            isAppRouter,
+            imgAttributes
+          }) : null
+        ]
+      });
+    });
+    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/image-external.js
+var require_image_external = __commonJS({
+  "node_modules/next/dist/shared/lib/image-external.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
     }
-    function _interop_require_wildcard(obj, nodeInterop) {
-      if (!nodeInterop && obj && obj.__esModule) return obj;
-      if (obj === null || typeof obj !== "object" && typeof obj !== "function") return { default: obj };
-      var cache = _getRequireWildcardCache(nodeInterop);
-      if (cache && cache.has(obj)) return cache.get(obj);
-      var newObj = { __proto__: null };
-      var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-      for (var key in obj) {
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-          var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-          if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
-          else newObj[key] = obj[key];
+    _export(exports, {
+      default: function() {
+        return _default;
+      },
+      getImageProps: function() {
+        return getImageProps;
+      }
+    });
+    var _interop_require_default = require_interop_require_default();
+    var _getimgprops = require_get_img_props();
+    var _imagecomponent = require_image_component();
+    var _imageloader = /* @__PURE__ */ _interop_require_default._(require_image_loader());
+    function getImageProps(imgProps) {
+      const { props } = (0, _getimgprops.getImgProps)(imgProps, {
+        defaultLoader: _imageloader.default,
+        // This is replaced by webpack define plugin
+        imgConf: process.env.__NEXT_IMAGE_OPTS
+      });
+      for (const [key, value] of Object.entries(props)) {
+        if (value === void 0) {
+          delete props[key];
         }
       }
-      newObj.default = obj;
-      if (cache) cache.set(obj, newObj);
-      return newObj;
+      return {
+        props
+      };
     }
-    exports._ = _interop_require_wildcard;
+    var _default = _imagecomponent.Image;
+  }
+});
+
+// node_modules/next/image.js
+var require_image = __commonJS({
+  "node_modules/next/image.js"(exports, module) {
+    module.exports = require_image_external();
   }
 });
 
@@ -1951,39 +4814,6 @@ var require_add_locale2 = __commonJS({
   }
 });
 
-// node_modules/@swc/helpers/cjs/_interop_require_default.cjs
-var require_interop_require_default = __commonJS({
-  "node_modules/@swc/helpers/cjs/_interop_require_default.cjs"(exports) {
-    "use strict";
-    function _interop_require_default(obj) {
-      return obj && obj.__esModule ? obj : { default: obj };
-    }
-    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"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", {
-      value: true
-    });
-    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 RouterContext = _react.default.createContext(null);
-    if (process.env.NODE_ENV !== "production") {
-      RouterContext.displayName = "RouterContext";
-    }
-  }
-});
-
 // node_modules/next/dist/client/request-idle-callback.js
 var require_request_idle_callback = __commonJS({
   "node_modules/next/dist/client/request-idle-callback.js"(exports, module) {
@@ -2340,71 +5170,6 @@ var require_add_base_path = __commonJS({
   }
 });
 
-// node_modules/next/dist/client/use-merged-ref.js
-var require_use_merged_ref = __commonJS({
-  "node_modules/next/dist/client/use-merged-ref.js"(exports, module) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", {
-      value: true
-    });
-    Object.defineProperty(exports, "useMergedRef", {
-      enumerable: true,
-      get: function() {
-        return useMergedRef;
-      }
-    });
-    var _react = __require("react");
-    function useMergedRef(refA, refB) {
-      const cleanupA = (0, _react.useRef)(null);
-      const cleanupB = (0, _react.useRef)(null);
-      return (0, _react.useCallback)((current) => {
-        if (current === null) {
-          const cleanupFnA = cleanupA.current;
-          if (cleanupFnA) {
-            cleanupA.current = null;
-            cleanupFnA();
-          }
-          const cleanupFnB = cleanupB.current;
-          if (cleanupFnB) {
-            cleanupB.current = null;
-            cleanupFnB();
-          }
-        } else {
-          if (refA) {
-            cleanupA.current = applyRef(refA, current);
-          }
-          if (refB) {
-            cleanupB.current = applyRef(refB, current);
-          }
-        }
-      }, [
-        refA,
-        refB
-      ]);
-    }
-    function applyRef(refA, current) {
-      if (typeof refA === "function") {
-        const cleanup = refA(current);
-        if (typeof cleanup === "function") {
-          return cleanup;
-        } else {
-          return () => refA(null);
-        }
-      } else {
-        refA.current = current;
-        return () => {
-          refA.current = null;
-        };
-      }
-    }
-    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"(exports) {
@@ -2891,14 +5656,16 @@ import { Check } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Tile = ({
   title,
+  titleClassName,
   description,
+  descriptionClassName,
   onClick,
   isSelected = false,
   disabled = false,
   prefix,
   suffix,
   normalClassName = "hover:bg-primary/40 cursor-pointer",
-  selectedClassName = " bg-primary/20",
+  selectedClassName = "bg-primary/20",
   disabledClassName = "text-disabled-text bg-disabled-background cursor-not-allowed",
   className
 }) => {
@@ -2908,7 +5675,7 @@ var Tile = ({
       className: clsx(
         "flex-row-2 w-full items-center",
         {
-          [normalClassName]: !!onClick && !disabled,
+          [normalClassName]: onClick && !disabled,
           [selectedClassName]: isSelected && !disabled,
           [disabledClassName]: disabled
         },
@@ -2918,14 +5685,27 @@ var Tile = ({
       children: [
         prefix,
         /* @__PURE__ */ jsxs("div", { className: "flex-col-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 })
+          /* @__PURE__ */ jsx("span", { className: clsx(titleClassName ?? "textstyle-title-normal"), children: title }),
+          !!description && /* @__PURE__ */ jsx("span", { className: clsx(descriptionClassName ?? "textstyle-description"), children: description })
         ] }),
         suffix ?? (isSelected ? /* @__PURE__ */ jsx(Check, { size: 24 }) : void 0)
       ]
     }
   );
 };
+var ListTile = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tile,
+    {
+      ...props,
+      titleClassName: props.titleClassName ?? "font-semibold",
+      className: clsx("px-2 py-1 rounded-md", props.className),
+      disabledClassName: props.disabledClassName ?? "text-disabled-text cursor-not-allowed"
+    }
+  );
+};
 
 // src/components/icons-and-geometry/Helpwave.tsx
 import { clsx as clsx2 } from "clsx";
@@ -3011,7 +5791,8 @@ var HelpwaveBadge = ({
     Tile,
     {
       prefix: /* @__PURE__ */ jsx3(Helpwave, { size: iconSize }),
-      title: { value: title, className: size === "small" ? "textstyle-title-lg text-base" : "textstyle-title-xl" },
+      title,
+      titleClassName: size === "small" ? "textstyle-title-lg text-base" : "textstyle-title-xl",
       className: clsx3(
         {
           "px-2 py-1 rounded-md": size === "small",
@@ -3067,6 +5848,11 @@ var SessionStorageService = class extends StorageService {
   }
 };
 
+// src/util/resolveSetState.ts
+function resolveSetState(action, prev) {
+  return typeof action === "function" ? action(prev) : action;
+}
+
 // src/hooks/useLocalStorage.ts
 var useLocalStorage = (key, initValue) => {
   const get = useCallback(() => {
@@ -3078,10 +5864,10 @@ var useLocalStorage = (key, initValue) => {
     return value || initValue;
   }, [initValue, key]);
   const [storedValue, setStoredValue] = useState(get);
-  const setValue = useCallback((value) => {
-    const newValue = value instanceof Function ? value(storedValue) : value;
+  const setValue = useCallback((action) => {
+    const newValue = resolveSetState(action, storedValue);
     const storageService = new LocalStorageService();
-    storageService.set(key, value);
+    storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
   useEffect(() => {
@@ -3517,6 +6303,7 @@ var SolidButton = forwardRef(function SolidButton2({
       onClick,
       disabled,
       className: clsx4(
+        "font-semibold",
         {
           "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:brightness-90")]: !disabled
@@ -3574,6 +6361,7 @@ var OutlineButton = ({
       onClick,
       disabled,
       className: clsx4(
+        "font-semibold",
         {
           "text-disabled-text border-disabled-outline cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:brightness-80")]: !disabled
@@ -3616,6 +6404,7 @@ var TextButton = ({
   startIcon,
   endIcon,
   onClick,
+  coloredHoverBackground = true,
   className,
   ...restProps
 }) => {
@@ -3624,6 +6413,11 @@ var TextButton = ({
     negative: "bg-transparent text-button-text-negative-text",
     neutral: "bg-transparent text-button-text-neutral-text"
   }[color];
+  const backgroundColor = {
+    primary: "hover:bg-button-text-primary-text/20",
+    negative: "hover:bg-button-text-negative-text/20",
+    neutral: "hover:bg-button-text-neutral-text/20"
+  }[color];
   const iconColorClasses = {
     primary: "text-button-text-primary-icon",
     negative: "text-button-text-negative-icon",
@@ -3635,9 +6429,12 @@ var TextButton = ({
       onClick,
       disabled,
       className: clsx4(
+        "font-semibold",
         {
           "text-disabled-text cursor-not-allowed": disabled,
-          [clsx4(colorClasses, "hover:bg-button-text-hover-background")]: !disabled
+          [colorClasses]: !disabled,
+          [backgroundColor]: !disabled && coloredHoverBackground,
+          "hover:bg-button-text-hover-background": !disabled && !coloredHoverBackground
         },
         ButtonUtil.paddingMapping[size],
         className
@@ -4719,7 +7516,7 @@ var Modal = ({
           ref,
           tabIndex: -1,
           className: clsx11(
-            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-xl animate-pop-in",
+            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-around-lg shadow-strong animate-pop-in",
             className
           ),
           role: "dialog",
@@ -4788,7 +7585,7 @@ var Dialog = ({
           ref,
           tabIndex: -1,
           className: clsx11(
-            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-xl animate-pop-in",
+            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-around-lg shadow-strong animate-pop-in",
             className
           ),
           role: "dialog",
@@ -4849,50 +7646,85 @@ var ConfirmDialog = ({
 };
 
 // src/components/icons-and-geometry/Avatar.tsx
+var import_image = __toESM(require_image());
 import clsx13 from "clsx";
+import { useState as useState10 } from "react";
+import { useMemo } from "react";
+import { UserIcon } from "lucide-react";
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-var avtarSizeList = ["tiny", "small", "medium", "large"];
+var avtarSizeList = ["sm", "md", "lg", "xl"];
 var avatarSizeMapping = {
-  tiny: 24,
-  small: 32,
-  medium: 48,
-  large: 64
-};
-var Avatar = ({ avatarUrl, alt, size = "medium", className = "" }) => {
-  avatarUrl = "https://cdn.helpwave.de/boringavatar.svg";
-  const avtarSize = {
-    tiny: 24,
-    small: 32,
-    medium: 48,
-    large: 64
-  }[size];
-  const style = {
-    width: avtarSize + "px",
-    height: avtarSize + "px",
-    maxWidth: avtarSize + "px",
-    maxHeight: avtarSize + "px",
-    minWidth: avtarSize + "px",
-    minHeight: avtarSize + "px"
+  sm: 18,
+  md: 24,
+  lg: 32,
+  xl: 48
+};
+var textClassNameMapping = {
+  sm: "text-xs font-semibold",
+  md: "text-sm font-semibold",
+  lg: "text-lg font-semibold",
+  xl: "text-2xl font-bold"
+};
+var AvatarUtil = {
+  avatarSizeMapping,
+  sizes: avtarSizeList
+};
+var Avatar = ({ image, name, size = "md", fullyRounded, className = "" }) => {
+  const pixels = avatarSizeMapping[size];
+  const [hasImageError, setHasImageError] = useState10(false);
+  const sizeStyle = {
+    minWidth: pixels,
+    maxWidth: pixels,
+    minHeight: pixels,
+    maxHeight: pixels
   };
-  return (
-    // TODO transparent or white background later
-    /* @__PURE__ */ jsx15("div", { className: clsx13(`rounded-full bg-primary shadow`, className), style, children: /* @__PURE__ */ jsx15(
-      "img",
-      {
-        className: "rounded-full",
-        style,
-        src: avatarUrl,
-        alt,
-        width: avtarSize,
-        height: avtarSize
-      }
-    ) })
+  const textClassName = textClassNameMapping[size];
+  const displayName = useMemo(() => {
+    const maxLetters = size === "sm" ? 1 : 2;
+    return (name ?? "").split(" ").filter((_, index) => index < maxLetters).map((value) => value[0]).join("").toUpperCase();
+  }, [name, size]);
+  const rounding = {
+    "rounded-full": fullyRounded,
+    "rounded-lg": !fullyRounded && !(size === "sm" || size === "md"),
+    "rounded-sm": !fullyRounded && (size === "sm" || size === "md")
+  };
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      className: clsx13(
+        `relative bg-primary text-on-primary`,
+        rounding,
+        className
+      ),
+      style: sizeStyle,
+      children: [
+        name && (!image || hasImageError) && /* @__PURE__ */ jsx15("span", { className: clsx13(textClassName, "absolute z-[1] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"), children: displayName }),
+        !name && /* @__PURE__ */ jsx15("div", { className: clsx13("absolute z-[1] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"), children: /* @__PURE__ */ jsx15(UserIcon, { size: Math.round(pixels * 3 / 4) }) }),
+        image && !hasImageError && /* @__PURE__ */ jsx15(
+          import_image.default,
+          {
+            className: clsx13(
+              "absolute z-[2] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+              rounding
+            ),
+            src: image.avatarUrl,
+            alt: image.alt,
+            style: sizeStyle,
+            width: pixels,
+            height: pixels,
+            onError: () => setHasImageError(true)
+          }
+        )
+      ]
+    }
   );
 };
 var AvatarGroup = ({
   avatars,
   maxShownProfiles = 5,
-  size = "tiny"
+  showTotalNumber = true,
+  size = "md",
+  fullyRounded
 }) => {
   const displayedProfiles = avatars.length < maxShownProfiles ? avatars : avatars.slice(0, maxShownProfiles);
   const diameter = avatarSizeMapping[size];
@@ -4905,15 +7737,22 @@ var AvatarGroup = ({
       {
         className: "absolute",
         style: { left: index * diameter * stackingOverlap + "px", zIndex: maxShownProfiles - index },
-        children: /* @__PURE__ */ jsx15(Avatar, { avatarUrl: avatar.avatarUrl, alt: avatar.alt, size })
+        children: /* @__PURE__ */ jsx15(
+          Avatar,
+          {
+            ...avatar,
+            size,
+            fullyRounded,
+            className: clsx13("shadow-side shadow-r-4 shadow-hard", avatar.className)
+          }
+        )
       },
       index
     )) }),
-    notDisplayedProfiles > 0 && /* @__PURE__ */ jsx15(
+    showTotalNumber && notDisplayedProfiles > 0 && /* @__PURE__ */ jsx15(
       "div",
       {
-        className: "flex-row-2 truncate items-center",
-        style: { fontSize: diameter / 2 + "px", marginLeft: 1 + diameter / 16 + "px" },
+        className: clsx13(textClassNameMapping[size], "flex-row-2 truncate items-center"),
         children: /* @__PURE__ */ jsxs11("span", { children: [
           "+ ",
           notDisplayedProfiles
@@ -4948,7 +7787,7 @@ var Circle = ({
 };
 
 // src/components/icons-and-geometry/Ring.tsx
-import { useCallback as useCallback3, useEffect as useEffect10, useState as useState10 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect10, useState as useState11 } from "react";
 import clsx15 from "clsx";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var Ring = ({
@@ -4977,7 +7816,7 @@ var AnimatedRing = ({
   onAnimationFinished = noop,
   style
 }) => {
-  const [currentWidth, setCurrentWidth] = useState10(0);
+  const [currentWidth, setCurrentWidth] = useState11(0);
   const milliseconds = 1e3 * fillAnimationDuration;
   const animate = useCallback3((timestamp, startTime) => {
     const progress = Math.min((timestamp - startTime) / milliseconds, 1);
@@ -5028,7 +7867,7 @@ var RingWave = ({
   onAnimationFinished = noop,
   style
 }) => {
-  const [currentInnerSize, setCurrentInnerSize] = useState10(startInnerSize);
+  const [currentInnerSize, setCurrentInnerSize] = useState11(startInnerSize);
   const distance = endInnerSize - startInnerSize;
   const milliseconds = 1e3 * fillAnimationDuration;
   const animate = useCallback3((timestamp, startTime) => {
@@ -5083,7 +7922,7 @@ var RadialRings = ({
   sizeCircle2 = 200,
   sizeCircle3 = 300
 }) => {
-  const [currentRing, setCurrentRing] = useState10(0);
+  const [currentRing, setCurrentRing] = useState11(0);
   const size = sizeCircle3;
   return /* @__PURE__ */ jsxs12(
     "div",
@@ -5212,13 +8051,14 @@ var RadialRings = ({
 };
 
 // src/components/icons-and-geometry/Tag.tsx
+var import_image2 = __toESM(require_image());
 import { jsx as jsx18 } from "react/jsx-runtime";
 var TagIcon = ({
   className,
   size = 16
 }) => {
   return /* @__PURE__ */ jsx18(
-    "img",
+    import_image2.default,
     {
       style: { width: `${size}px`, height: `${size}px`, minWidth: `${size}px`, minHeight: `${size}px` },
       width: size,
@@ -5233,24 +8073,28 @@ var TagIcon = ({
 // src/components/layout-and-navigation/BreadCrumb.tsx
 var import_link = __toESM(require_link2());
 import clsx16 from "clsx";
+import { Fragment } from "react";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
   const color = "text-description";
-  return /* @__PURE__ */ jsx19("div", { className: clsx16("flex-row-0", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsx19(
-      import_link.default,
-      {
-        href: crumb.link,
-        className: clsx16(linkClassName, { [`${color} hover:brightness-60`]: index !== crumbs.length - 1 }),
-        children: crumb.display
-      }
-    ),
-    index !== crumbs.length - 1 && /* @__PURE__ */ jsx19("span", { className: clsx16(`px-1`, color), children: "/" })
-  ] }, index)) });
+  return /* @__PURE__ */ jsx19("div", { className: clsx16("flex-row-0.5 items-center", containerClassName), children: crumbs.map((crumb, index) => {
+    const isLast = index === crumbs.length - 1;
+    return /* @__PURE__ */ jsxs13(Fragment, { children: [
+      /* @__PURE__ */ jsx19(
+        import_link.default,
+        {
+          href: crumb.link,
+          className: clsx16("btn-sm hover:bg-description/20", linkClassName, { [color]: !isLast }),
+          children: crumb.display
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx19("span", { className: clsx16(`px-1`, color), children: "/" })
+    ] }, index);
+  }) });
 };
 
 // src/components/layout-and-navigation/Carousel.tsx
-import { useCallback as useCallback4, useEffect as useEffect11, useMemo, useRef as useRef4, useState as useState11 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
 import clsx17 from "clsx";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 
@@ -5357,7 +8201,7 @@ var LoopingArrayCalculator = class _LoopingArrayCalculator {
 };
 
 // src/components/layout-and-navigation/Carousel.tsx
-import { Fragment, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var Carousel = ({
   children,
   animationTime = 200,
@@ -5382,7 +8226,7 @@ var Carousel = ({
     currentPosition,
     dragState,
     animationState
-  }, setCarouselInformation] = useState11({
+  }, setCarouselInformation] = useState12({
     currentPosition: 0
   });
   const animationId = useRef4(void 0);
@@ -5390,7 +8234,7 @@ var Carousel = ({
   autoLoopingTimeOut = Math.max(0, autoLoopingTimeOut);
   const length = children.length;
   const paddingItemCount = 3;
-  const util = useMemo(() => new LoopingArrayCalculator(length, isLooping, overScrollThreshold), [length, isLooping, overScrollThreshold]);
+  const util = useMemo2(() => 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);
@@ -5599,7 +8443,7 @@ var Carousel = ({
   };
   return /* @__PURE__ */ jsxs14("div", { className: "flex-col-2 items-center w-full", children: [
     /* @__PURE__ */ jsxs14("div", { className: clsx17(`relative w-full overflow-hidden`, heightClassName, className), children: [
-      arrows && /* @__PURE__ */ jsxs14(Fragment, { children: [
+      arrows && /* @__PURE__ */ jsxs14(Fragment2, { children: [
         /* @__PURE__ */ jsx20(
           IconButton,
           {
@@ -5673,6 +8517,10 @@ var Carousel = ({
 // src/components/layout-and-navigation/Chip.tsx
 import clsx18 from "clsx";
 import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+var chipColors = ["default", "dark", "red", "yellow", "green", "blue", "pink"];
+var ChipUtil = {
+  colors: chipColors
+};
 var Chip = ({
   children,
   trailingIcon,
@@ -5704,7 +8552,7 @@ var Chip = ({
     {
       ...restProps,
       className: clsx18(
-        `row w-fit px-2 py-1`,
+        `row w-fit px-2 py-1 font-semibold`,
         colorMapping,
         {
           "rounded-md": variant === "normal",
@@ -5727,7 +8575,7 @@ var ChipList = ({
     Chip,
     {
       ...value,
-      color: value.color ?? "dark",
+      color: value.color ?? "default",
       variant: value.variant ?? "normal",
       children: value.children
     },
@@ -5761,7 +8609,7 @@ var DividerInserter = ({
 import clsx20 from "clsx";
 
 // src/components/layout-and-navigation/MarkdownInterpreter.tsx
-import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23 } from "react/jsx-runtime";
 var astNodeInserterType = ["helpwave", "newline"];
 var ASTNodeInterpreter = ({
   node,
@@ -5782,7 +8630,7 @@ var ASTNodeInterpreter = ({
           node: value
         },
         index
-      )) }) : /* @__PURE__ */ jsx23(Fragment2, { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
+      )) }) : /* @__PURE__ */ jsx23(Fragment3, { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "bold":
       return /* @__PURE__ */ jsx23("b", { children: node.children.map((value, index) => /* @__PURE__ */ jsx23(ASTNodeInterpreter, { node: value }, index)) });
     case "italic":
@@ -6016,17 +8864,17 @@ import { ChevronFirst, ChevronLast, ChevronLeft as ChevronLeft2, ChevronRight as
 import clsx23 from "clsx";
 
 // src/components/user-action/Input.tsx
-import { forwardRef as forwardRef3, useEffect as useEffect14, useImperativeHandle, useRef as useRef5, useState as useState13 } from "react";
+import { forwardRef as forwardRef3, useEffect as useEffect14, useImperativeHandle, useRef as useRef5, useState as useState14 } from "react";
 import clsx22 from "clsx";
 
 // src/hooks/useDelay.ts
-import { useEffect as useEffect12, useState as useState12 } from "react";
+import { useEffect as useEffect12, useState as useState13 } from "react";
 var defaultOptions = {
   delay: 3e3,
   disabled: false
 };
 function useDelay(options) {
-  const [timer, setTimer] = useState12(void 0);
+  const [timer, setTimer] = useState13(void 0);
   const { delay, disabled } = {
     ...defaultOptions,
     ...options
@@ -6163,7 +9011,7 @@ var getInputClassName = ({ disabled = false, hasError = false }) => {
   return clsx22(
     "px-2 py-1.5 rounded-md border-2",
     {
-      "bg-surface text-on-surface hover:border-primary focus:border-primary": !disabled && !hasError,
+      "bg-input-background text-input-text hover:border-primary focus:border-primary": !disabled && !hasError,
       "bg-on-negative text-negative border-negative-border hover:border-negative-border-hover": !disabled && hasError,
       "bg-disabled-background text-disabled-text border-disabled-border": disabled
     }
@@ -6254,7 +9102,7 @@ var InputUncontrolled = ({
   onChangeText = noop,
   ...props
 }) => {
-  const [usedValue, setUsedValue] = useState13(value);
+  const [usedValue, setUsedValue] = useState14(value);
   useEffect14(() => {
     setUsedValue(value);
   }, [value]);
@@ -6306,7 +9154,7 @@ var FormInput = forwardRef3(function FormInput2({
 });
 
 // src/components/layout-and-navigation/Pagination.tsx
-import { useEffect as useEffect15, useState as useState14 } from "react";
+import { useEffect as useEffect15, useState as useState15 } from "react";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var Pagination = ({
   overwriteTranslation,
@@ -6317,7 +9165,7 @@ var Pagination = ({
   style
 }) => {
   const translation = useTranslation([formTranslation], overwriteTranslation);
-  const [value, setValue] = useState14((pageIndex + 1).toString());
+  const [value, setValue] = useState15((pageIndex + 1).toString());
   const noPages = pageCount === 0;
   const onFirstPage = pageIndex === 0 && !noPages;
   const onLastPage = pageIndex === pageCount - 1;
@@ -6364,7 +9212,7 @@ var Pagination = ({
       /* @__PURE__ */ jsx27(
         "span",
         {
-          className: "flex-row-2 flex-1 items-center justify-center select-none h-10 bg-surface text-on-surface rounded-md font-bold",
+          className: "flex-row-2 flex-1 items-center justify-center select-none h-10 bg-input-background text-input-text rounded-md font-bold",
           children: pageCount
         }
       )
@@ -6379,7 +9227,7 @@ import { Search } from "lucide-react";
 import clsx24 from "clsx";
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo2, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useState as useState16 } from "react";
 
 // src/util/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -6418,9 +9266,9 @@ var useSearch = ({
   filter,
   disabled = false
 }) => {
-  const [search, setSearch] = useState15(initialSearch ?? "");
-  const [result, setResult] = useState15(list);
-  const searchTags = useMemo2(() => additionalSearchTags ?? [], [additionalSearchTags]);
+  const [search, setSearch] = useState16(initialSearch ?? "");
+  const [result, setResult] = useState16(list);
+  const searchTags = useMemo3(() => additionalSearchTags ?? [], [additionalSearchTags]);
   const updateSearch = useCallback6((newSearch) => {
     const usedSearch = newSearch ?? search;
     if (newSearch) {
@@ -6433,19 +9281,19 @@ var useSearch = ({
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
   }, [searchTags, isSearchInstant, list, search, searchMapping, additionalSearchTags]);
-  const filteredResult = useMemo2(() => {
+  const filteredResult = useMemo3(() => {
     if (!filter) {
       return result;
     }
     return result.filter(filter);
   }, [result, filter]);
-  const sortedAndFilteredResult = useMemo2(() => {
+  const sortedAndFilteredResult = useMemo3(() => {
     if (!sortingFunction) {
       return filteredResult;
     }
     return filteredResult.sort(sortingFunction);
   }, [filteredResult, sortingFunction]);
-  const usedResult = useMemo2(() => {
+  const usedResult = useMemo3(() => {
     if (!disabled) {
       return sortedAndFilteredResult;
     }
@@ -6505,7 +9353,7 @@ var SearchableList = ({
 // src/components/layout-and-navigation/StepperBar.tsx
 import { Check as Check2, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
 import clsx25 from "clsx";
-import { useEffect as useEffect17, useState as useState16 } from "react";
+import { useEffect as useEffect17, useState as useState17 } from "react";
 import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var defaultState = {
   currentStep: 0,
@@ -6599,7 +9447,7 @@ var StepperBar = ({
   );
 };
 var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
-  const [usedState, setUsedState] = useState16(state ?? defaultState);
+  const [usedState, setUsedState] = useState17(state ?? defaultState);
   useEffect17(() => {
     setUsedState(state ?? defaultState);
   }, [state]);
@@ -6745,7 +9593,7 @@ var ErrorComponent = ({
 };
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 
 // src/components/loading-states/LoadingContainer.tsx
 import { clsx as clsx28 } from "clsx";
@@ -6763,11 +9611,11 @@ var LoadingAndErrorComponent = ({
   hasError = false,
   loadingComponent,
   errorComponent,
-  minimumLoadingDuration,
+  minimumLoadingDuration = 200,
   className
 }) => {
-  const [isInMinimumLoading, setIsInMinimumLoading] = useState17(false);
-  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = useState17(false);
+  const [isInMinimumLoading, setIsInMinimumLoading] = useState18(false);
+  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = useState18(false);
   if (minimumLoadingDuration && !isInMinimumLoading && !hasUsedMinimumLoading) {
     setIsInMinimumLoading(true);
     setTimeout(() => {
@@ -6971,15 +9819,11 @@ var InputModal = ({
 
 // src/components/user-action/Select.tsx
 import { useCallback as useCallback7 } from "react";
-import { useEffect as useEffect20, useState as useState19 } from "react";
+import { useEffect as useEffect20, useState as useState20 } from "react";
 import clsx35 from "clsx";
 
 // src/components/user-action/Menu.tsx
-import {
-  useEffect as useEffect19,
-  useRef as useRef6,
-  useState as useState18
-} from "react";
+import { useEffect as useEffect19, useRef as useRef6, useState as useState19 } from "react";
 import clsx33 from "clsx";
 
 // src/hooks/useOutsideClick.ts
@@ -7069,7 +9913,7 @@ var usePopoverPosition = (trigger, options) => {
 
 // src/components/user-action/Menu.tsx
 import { createPortal } from "react-dom";
-import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
 var MenuItem = ({
   children,
   onClick,
@@ -7079,7 +9923,7 @@ var MenuItem = ({
 }) => /* @__PURE__ */ jsx41(
   "div",
   {
-    className: clsx33("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold", {
+    className: clsx33("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold text-nowrap", {
       "text-right": alignment === "right",
       "text-left": alignment === "left",
       "text-disabled-text cursor-not-allowed": isDisabled,
@@ -7112,7 +9956,7 @@ var Menu = ({
   const triggerRef = useRef6(null);
   const menuRef = useRef6(null);
   useOutsideClick([triggerRef, menuRef], () => setIsOpen(false));
-  const [isHidden, setIsHidden] = useState18(true);
+  const [isHidden, setIsHidden] = useState19(true);
   const bag = {
     isOpen,
     close: () => setIsOpen(false),
@@ -7145,7 +9989,7 @@ var Menu = ({
       setIsHidden(false);
     }
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs27(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs27(Fragment4, { children: [
     trigger(bag, triggerRef),
     createPortal(/* @__PURE__ */ jsx41(
       "div",
@@ -7153,7 +9997,7 @@ var Menu = ({
         ref: menuRef,
         onClick: (e) => e.stopPropagation(),
         className: clsx33(
-          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg z-[300]",
+          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg shadow-strong z-[300]",
           {
             "animate-pop-in": isOpen,
             "animate-pop-out": !isOpen,
@@ -7200,23 +10044,7 @@ var SearchBar = ({
 };
 
 // src/components/user-action/Select.tsx
-import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
-var SelectTile = ({
-  className,
-  disabledClassName,
-  title,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx43(
-    Tile,
-    {
-      ...restProps,
-      className: clsx35("px-2 py-1 rounded-md", className),
-      disabledClassName: disabledClassName ?? "text-disabled-text cursor-not-allowed",
-      title: { ...title, className: title.className ?? "font-semibold" }
-    }
-  );
-};
+import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
 var Select = ({
   value,
   label,
@@ -7255,7 +10083,7 @@ var Select = ({
               "btn-md justify-between w-full border-2",
               {
                 "rounded-b-lg": !open,
-                "bg-menu-background text-menu-text border-menu-border hover:border-primary": !disabled,
+                "bg-input-background text-input-text hover:border-primary": !disabled,
                 "bg-disabled-background text-disabled-text border-disabled-background cursor-not-allowed": disabled
               },
               triggerClassName
@@ -7272,7 +10100,7 @@ var Select = ({
         menuClassName: clsx35("flex-col-2 p-2 max-h-96 overflow-hidden", menuProps.menuClassName),
         children: (bag) => {
           const { close } = bag;
-          return /* @__PURE__ */ jsxs29(Fragment4, { children: [
+          return /* @__PURE__ */ jsxs29(Fragment5, { children: [
             !searchOptions?.disabled && /* @__PURE__ */ jsx43(
               SearchBar,
               {
@@ -7283,10 +10111,10 @@ var Select = ({
             ),
             /* @__PURE__ */ jsxs29("div", { className: "flex-col-2 overflow-y-auto", children: [
               result.map((option, index) => /* @__PURE__ */ jsx43(
-                SelectTile,
+                ListTile,
                 {
                   isSelected: option === selectedOption,
-                  title: { value: option.label },
+                  title: option.label,
                   onClick: () => {
                     onChange(option.value);
                     close();
@@ -7310,7 +10138,7 @@ var SelectUncontrolled = ({
   hintText,
   ...props
 }) => {
-  const [selected, setSelected] = useState19(value);
+  const [selected, setSelected] = useState20(value);
   useEffect20(() => {
     if (options.find((options2) => options2.value === value)) {
       setSelected(value);
@@ -7383,13 +10211,15 @@ var LanguageModal = ({
 };
 
 // src/theming/useTheme.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect21, useState as useState20 } from "react";
+import { useMemo as useMemo4 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect21, useState as useState21 } from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
-var themes = ["light", "dark"];
+var themes = ["light", "dark", "system"];
 var defaultThemeTypeTranslation = {
   en: {
     dark: "Dark",
     light: "Light",
+    system: "System",
     theme: {
       one: "Theme",
       other: "Themes"
@@ -7398,6 +10228,7 @@ var defaultThemeTypeTranslation = {
   de: {
     dark: "Dunkel",
     light: "Hell",
+    system: "System",
     theme: {
       one: "Farbschema",
       other: "Farbschemas"
@@ -7412,28 +10243,24 @@ var ThemeContext = createContext2({
   theme: "light",
   setTheme: noop
 });
-var ThemeProvider = ({ children, initialTheme = "light" }) => {
-  const [theme, setTheme] = useState20(initialTheme);
+var ThemeProvider = ({ children, initialTheme = "system" }) => {
   const [storedTheme, setStoredTheme] = useLocalStorage("theme", initialTheme);
+  const [userTheme, setUserTheme] = useState21();
   useEffect21(() => {
-    if (theme !== initialTheme) {
+    if (storedTheme !== initialTheme) {
       console.warn("ThemeProvider initial state changed: Prefer using useTheme's setTheme instead");
-      setTheme(initialTheme);
+      setStoredTheme(initialTheme);
     }
   }, [initialTheme]);
+  const usedTheme = useMemo4(() => storedTheme !== "system" ? storedTheme : userTheme, [storedTheme, userTheme]);
   useEffect21(() => {
-    document.documentElement.setAttribute("data-theme", theme);
-    setStoredTheme(theme);
-  }, [theme]);
+    document.documentElement.setAttribute("data-theme", usedTheme);
+  }, [usedTheme]);
   useEffect21(() => {
-    if (storedTheme !== null) {
-      setTheme(storedTheme);
-      return;
-    }
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    setTheme(prefersDark ? "dark" : "light");
+    setUserTheme(prefersDark ? "dark" : "light");
   }, []);
-  return /* @__PURE__ */ jsx45(ThemeContext.Provider, { value: { theme, setTheme }, children });
+  return /* @__PURE__ */ jsx45(ThemeContext.Provider, { value: { theme: storedTheme, setTheme: setStoredTheme }, children });
 };
 var useTheme = () => useContext2(ThemeContext);
 
@@ -7486,7 +10313,7 @@ var ThemeModal = ({
 import { Check as Check4 } from "lucide-react";
 
 // src/components/user-action/Checkbox.tsx
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check3, Minus } from "lucide-react";
 import clsx36 from "clsx";
@@ -7537,7 +10364,7 @@ var Checkbox = ({
         className: clsx36(usedSizeClass, `items-center border-2 rounded outline-none `, {
           "text-disabled-text border-disabled-outline bg-disabled-background cursor-not-allowed": disabled,
           "focus:border-primary group-hover:border-primary ": !disabled,
-          "bg-surface": !disabled && !checked,
+          "bg-input-background": !disabled && !checked,
           "bg-primary/30 border-primary text-primary": !disabled && checked === true || checked === "indeterminate"
         }, className),
         children: /* @__PURE__ */ jsxs32(CheckboxPrimitive.Indicator, { children: [
@@ -7555,7 +10382,7 @@ var CheckboxUncontrolled = ({
   defaultValue = false,
   ...props
 }) => {
-  const [checked, setChecked] = useState21(defaultValue);
+  const [checked, setChecked] = useState22(defaultValue);
   const handleChange = (checked2) => {
     if (onChangeTristate) {
       onChangeTristate(checked2);
@@ -7605,7 +10432,7 @@ var PropertyBase = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx48("div", { className: "max-w-6 min-w-6 text-text-default", children: icon }),
+          /* @__PURE__ */ jsx48("div", { className: "max-w-6 min-w-6 text-text-primary", children: icon }),
           /* @__PURE__ */ jsx48("span", { className: "font-semibold", children: name })
         ]
       }
@@ -7616,7 +10443,7 @@ var PropertyBase = ({
         className: clsx37(
           "flex-row-2 grow px-3 py-2 justify-between items-center rounded-r-xl border-2 border-l-0 min-h-15",
           {
-            "bg-surface group-hover:border-primary": !requiredAndNoValue,
+            "bg-input-background text-input-text group-hover:border-primary": !requiredAndNoValue,
             "bg-surface-warning group-hover:border-warning border-warning/90": requiredAndNoValue
           },
           className
@@ -7720,10 +10547,10 @@ import clsx40 from "clsx";
 
 // src/components/user-action/MultiSelect.tsx
 import { useCallback as useCallback8 } from "react";
-import { useEffect as useEffect22, useState as useState22 } from "react";
+import { useEffect as useEffect22, useState as useState23 } from "react";
 import clsx39 from "clsx";
 import { Plus } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
 var defaultMultiSelectTranslation = {
   en: {
     selected: `{{amount}} selected`
@@ -7774,17 +10601,29 @@ var MultiSelect = ({
           {
             ref,
             className: clsx39(
-              "btn-md justify-between w-full border-2 h-auto",
+              "group btn-md justify-between w-full border-2 h-auto",
               {
                 "min-h-14": useChipDisplay,
-                "bg-menu-background text-menu-text border-menu-border hover:border-primary": !disabled,
+                "bg-input-background text-input-text hover:border-primary": !disabled,
                 "bg-disabled-background text-disabled-text border-disabled-background cursor-not-allowed": disabled
               },
               triggerClassName
             ),
             onClick: toggleOpen,
             disabled,
-            children: useChipDisplay ? /* @__PURE__ */ jsx51(Fragment5, { children: isShowingHint ? /* @__PURE__ */ jsx51(IconButton, { disabled, size: "small", color: "neutral", children: /* @__PURE__ */ jsx51(Plus, {}) }) : /* @__PURE__ */ jsx51(ChipList, { list: selectedItems.map((value) => ({ children: value.label })) }) }) : /* @__PURE__ */ jsxs34(Fragment5, { children: [
+            children: useChipDisplay ? /* @__PURE__ */ jsx51(Fragment6, { children: isShowingHint ? /* @__PURE__ */ jsx51(
+              "div",
+              {
+                className: clsx39(
+                  "icon-btn-sm ",
+                  {
+                    "bg-button-solid-neutral-background text-button-solid-neutral-text hover:brightness-90 group-hover:brightness-90": !disabled,
+                    "bg-disabled-background text-disabled-text": disabled
+                  }
+                ),
+                children: /* @__PURE__ */ jsx51(Plus, {})
+              }
+            ) : /* @__PURE__ */ jsx51(ChipList, { list: selectedItems.map((value) => ({ children: value.label })) }) }) : /* @__PURE__ */ jsxs34(Fragment6, { children: [
               !isShowingHint && /* @__PURE__ */ jsx51("span", { className: "font-semibold", children: selectedDisplayOverwrite ?? translation("selected", { replacements: { amount: selectedItems.length.toString() } }) }),
               isShowingHint && /* @__PURE__ */ jsx51("span", { className: clsx39("textstyle-description", hintTextClassName), children: hintText ?? translation("select") }),
               /* @__PURE__ */ jsx51(ExpansionIcon, { isExpanded: isOpen })
@@ -7794,7 +10633,7 @@ var MultiSelect = ({
         menuClassName: clsx39("flex-col-2 p-2 max-h-96 overflow-hidden", menuProps.menuClassName),
         children: (bag) => {
           const { close } = bag;
-          return /* @__PURE__ */ jsxs34(Fragment5, { children: [
+          return /* @__PURE__ */ jsxs34(Fragment6, { children: [
             !searchOptions?.disabled && /* @__PURE__ */ jsx51(
               SearchBar,
               {
@@ -7812,7 +10651,7 @@ var MultiSelect = ({
                   } : value));
                 };
                 return /* @__PURE__ */ jsx51(
-                  SelectTile,
+                  ListTile,
                   {
                     prefix: /* @__PURE__ */ jsx51(
                       Checkbox,
@@ -7823,7 +10662,7 @@ var MultiSelect = ({
                         disabled: option.disabled
                       }
                     ),
-                    title: { value: option.label },
+                    title: option.label,
                     onClick: update,
                     disabled: option.disabled
                   },
@@ -7877,7 +10716,7 @@ var MultiSelectUncontrolled = ({
   onChange,
   ...props
 }) => {
-  const [usedOptions, setUsedOptions] = useState22(options);
+  const [usedOptions, setUsedOptions] = useState23(options);
   useEffect22(() => {
     setUsedOptions(options);
   }, [options]);
@@ -7935,10 +10774,10 @@ var MultiSelectProperty = ({
               return void 0;
             }
             return /* @__PURE__ */ jsx52(
-              SelectTile,
+              ListTile,
               {
                 prefix: /* @__PURE__ */ jsx52(Plus2, {}),
-                title: { value: `${translation("add")} ${search.trim()}` },
+                title: `${translation("add")} ${search.trim()}`,
                 onClick: () => {
                   onAddNew(search);
                   close();
@@ -8075,10 +10914,10 @@ var SingleSelectProperty = ({
               return void 0;
             }
             return /* @__PURE__ */ jsx54(
-              SelectTile,
+              ListTile,
               {
                 prefix: /* @__PURE__ */ jsx54(Plus3, {}),
-                title: { value: `${translation("add")} ${search.trim()}` },
+                title: `${translation("add")} ${search.trim()}`,
                 onClick: () => {
                   onAddNew(search);
                   close();
@@ -8106,7 +10945,7 @@ import { Text } from "lucide-react";
 import clsx44 from "clsx";
 
 // src/components/user-action/Textarea.tsx
-import { useEffect as useEffect23, useState as useState23 } from "react";
+import { useEffect as useEffect23, useState as useState24 } from "react";
 import clsx43 from "clsx";
 import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
 var Textarea = ({
@@ -8125,7 +10964,7 @@ var Textarea = ({
   className,
   ...props
 }) => {
-  const [hasFocus, setHasFocus] = useState23(false);
+  const [hasFocus, setHasFocus] = useState24(false);
   const { restartTimer, clearTimer } = useDelay(saveDelayOptions);
   const onEditCompletedWrapper = (text) => {
     onEditCompleted(text);
@@ -8145,11 +10984,11 @@ var Textarea = ({
       "div",
       {
         className: clsx43(
-          "bg-surface text-on-surface relative",
+          "bg-input-background text-input-text relative",
           {
-            "shadow border-2 rounded-lg": defaultStyle,
+            "border-2 rounded-lg": defaultStyle,
             "hover:border-primary focus-within:border-primary": defaultStyle && !disabled,
-            "border-disabled-border cursor-not-allowed": defaultStyle && !disabled
+            "border-disabled-border cursor-not-allowed": defaultStyle && disabled
           }
         ),
         children: [
@@ -8195,7 +11034,7 @@ var TextareaUncontrolled = ({
   onChangeText = noop,
   ...props
 }) => {
-  const [text, setText] = useState23(value);
+  const [text, setText] = useState24(value);
   useEffect23(() => {
     setText(value);
   }, [value]);
@@ -8293,7 +11132,7 @@ var TableFilters = {
 };
 
 // src/components/table/Table.tsx
-import { useCallback as useCallback9, useEffect as useEffect26, useMemo as useMemo3, useRef as useRef7, useState as useState25 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect26, useMemo as useMemo5, useRef as useRef7, useState as useState26 } from "react";
 import clsx48 from "clsx";
 import {
   flexRender,
@@ -8307,8 +11146,8 @@ import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
 
 // src/components/table/TableFilterButton.tsx
 import { FilterIcon } from "lucide-react";
-import { useEffect as useEffect24, useState as useState24 } from "react";
-import { Fragment as Fragment6, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useState as useState25 } from "react";
+import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var defaultTableFilterTranslation = {
   en: {
     filter: "Filter",
@@ -8333,7 +11172,7 @@ var TableFilterButton = ({
 }) => {
   const translation = useTranslation([formTranslation, defaultTableFilterTranslation]);
   const columnFilterValue = column.getFilterValue();
-  const [filterValue, setFilterValue] = useState24(columnFilterValue);
+  const [filterValue, setFilterValue] = useState25(columnFilterValue);
   const hasFilter = !!filterValue;
   useEffect24(() => {
     setFilterValue(columnFilterValue);
@@ -8392,7 +11231,7 @@ var TableFilterButton = ({
             }
           )
         ] }),
-        filterType === "dateRange" && /* @__PURE__ */ jsxs37(Fragment6, { children: [
+        filterType === "dateRange" && /* @__PURE__ */ jsxs37(Fragment7, { children: [
           /* @__PURE__ */ jsx58(
             Input,
             {
@@ -8503,20 +11342,20 @@ var Table = ({
 }) => {
   const ref = useRef7(null);
   const tableRef = useRef7(null);
-  const [columnSizing, setColumnSizing] = useState25(columns.reduce((previousValue, currentValue) => {
+  const [columnSizing, setColumnSizing] = useState26(columns.reduce((previousValue, currentValue) => {
     return {
       ...previousValue,
       [currentValue.id]: currentValue.minSize ?? defaultColumn.minSize
     };
   }, {}));
-  const [columnSizingInfo, setColumnSizingInfo] = useState25();
-  const [pagination, setPagination] = useState25({
+  const [columnSizingInfo, setColumnSizingInfo] = useState26();
+  const [pagination, setPagination] = useState26({
     pageSize: 10,
     pageIndex: 0,
     ...initialState?.pagination
   });
-  const [columnFilters, setColumnFilters] = useState25(initialState?.columnFilters);
-  const computedColumnMinWidths = useMemo3(() => {
+  const [columnFilters, setColumnFilters] = useState26(initialState?.columnFilters);
+  const computedColumnMinWidths = useMemo5(() => {
     return columns.reduce((previousValue, column) => {
       return {
         ...previousValue,
@@ -8525,7 +11364,7 @@ var Table = ({
       };
     }, {});
   }, [columns, defaultColumn]);
-  const computedColumnMaxWidths = useMemo3(() => {
+  const computedColumnMaxWidths = useMemo5(() => {
     return columns.reduce((previousValue, column) => {
       return {
         ...previousValue,
@@ -8533,12 +11372,12 @@ var Table = ({
       };
     }, {});
   }, [columns, defaultColumn]);
-  const tableMinWidth = useMemo3(() => {
+  const tableMinWidth = useMemo5(() => {
     return columns.reduce((sum, column) => {
       return sum + computedColumnMinWidths[column.id];
     }, 0);
   }, [columns, computedColumnMinWidths]);
-  const updateColumnSizes = useMemo3(() => {
+  const updateColumnSizes = useMemo5(() => {
     return (previous) => {
       const updateSizing = {
         ...columnSizing,
@@ -8655,7 +11494,7 @@ var Table = ({
     columnResizeMode: "onChange",
     ...tableOptions
   });
-  const [hasInitializedSizing, setHasInitializedSizing] = useState25(false);
+  const [hasInitializedSizing, setHasInitializedSizing] = useState26(false);
   useEffect26(() => {
     if (!hasInitializedSizing && ref.current) {
       setHasInitializedSizing(true);
@@ -8682,7 +11521,7 @@ var Table = ({
       }));
     }
   }, [data, pageCount, pagination.pageSize, pagination.pageIndex]);
-  const columnSizeVars = useMemo3(() => {
+  const columnSizeVars = useMemo5(() => {
     const headers = table.getFlatHeaders();
     const colSizes = {};
     for (let i = 0; i < headers.length; i++) {
@@ -8697,7 +11536,7 @@ var Table = ({
       Scrollbars3,
       {
         autoHeight: true,
-        autoHeightMax: tableRef.current?.offsetHeight + 2,
+        autoHeightMax: tableRef.current?.offsetHeight ? tableRef.current?.offsetHeight + 2 : void 0,
         autoHide: true,
         children: /* @__PURE__ */ jsxs38(
           "table",
@@ -8797,7 +11636,7 @@ var Table = ({
   ] });
 };
 var TableUncontrolled = ({ data, ...props }) => {
-  const [usedDate, setUsedData] = useState25(data);
+  const [usedDate, setUsedData] = useState26(data);
   useEffect26(() => {
     setUsedData(data);
   }, [data]);
@@ -8820,7 +11659,7 @@ var TableWithSelection = ({
   meta,
   ...props
 }) => {
-  const columnsWithSelection = useMemo3(() => {
+  const columnsWithSelection = useMemo5(() => {
     return [
       {
         id: selectionRowId,
@@ -8890,7 +11729,7 @@ var TableWithSelection = ({
 };
 
 // src/components/user-action/CopyToClipboardWrapper.tsx
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import { clsx as clsx49 } from "clsx";
 
 // src/util/writeToClipboard.ts
@@ -8910,8 +11749,8 @@ var CopyToClipboardWrapper = ({
   zIndex = 10
 }) => {
   const translation = useTranslation([formTranslation]);
-  const [isShowingIndication, setIsShowingIndication] = useState26(false);
-  const [isShowingConfirmation, setIsShowingConfirmation] = useState26(false);
+  const [isShowingIndication, setIsShowingIndication] = useState27(false);
+  const [isShowingConfirmation, setIsShowingConfirmation] = useState27(false);
   const positionClasses = {
     top: `bottom-full left-1/2 -translate-x-1/2 mb-[6px]`,
     bottom: `top-full left-1/2 -translate-x-1/2 mt-[6px]`,
@@ -9053,7 +11892,7 @@ var DateTimePicker = ({
 };
 
 // src/components/user-action/ScrollPicker.tsx
-import { useCallback as useCallback10, useEffect as useEffect27, useState as useState27 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect27, useState as useState28 } from "react";
 import clsx51 from "clsx";
 import { jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
 var up = 1;
@@ -9074,7 +11913,7 @@ var ScrollPicker = ({
     transition,
     items,
     lastTimeStamp
-  }, setAnimation] = useState27({
+  }, setAnimation] = useState28({
     targetIndex: selectedIndex,
     currentIndex: disabled ? selectedIndex : 0,
     velocity: 0,
@@ -9208,7 +12047,7 @@ var ScrollPicker = ({
         /* @__PURE__ */ jsx64(
           "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-divider/30 border-y-2 border-x-0 ",
+            className: "absolute z-[1] top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2 w-full min-w-[40px] border border-divider/50 border-y-2 border-x-0 ",
             style: { height: `${itemHeight}px` }
           }
         ),
@@ -9250,7 +12089,7 @@ var ScrollPicker = ({
 };
 
 // src/components/user-action/ToggleableInput.tsx
-import { useEffect as useEffect28, useRef as useRef8, useState as useState28 } from "react";
+import { useEffect as useEffect28, useRef as useRef8, useState as useState29 } from "react";
 import { Pencil } from "lucide-react";
 import clsx52 from "clsx";
 import { jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -9268,7 +12107,7 @@ var ToggleableInput = ({
   saveDelayOptions,
   ...restProps
 }) => {
-  const [isEditing, setIsEditing] = useState28(initialState !== "display");
+  const [isEditing, setIsEditing] = useState29(initialState !== "display");
   const { restartTimer, clearTimer } = useDelay(saveDelayOptions);
   const ref = useRef8(null);
   const onEditCompletedWrapper = (text) => {
@@ -9340,7 +12179,7 @@ var ToggleableInputUncontrolled = ({
   onChangeText = noop,
   ...restProps
 }) => {
-  const [value, setValue] = useState28(initialValue);
+  const [value, setValue] = useState29(initialValue);
   useEffect28(() => {
     setValue(initialValue);
   }, [initialValue]);
@@ -9357,6 +12196,32 @@ var ToggleableInputUncontrolled = ({
   );
 };
 
+// src/hooks/useLogOnce.ts
+import { useEffect as useEffect29, useState as useState30 } from "react";
+var useLogOnce = ({
+  message,
+  condition,
+  type = "warning"
+}) => {
+  const [hasLogged, setHasLogged] = useState30(false);
+  useEffect29(() => {
+    if (!hasLogged && condition) {
+      switch (type) {
+        case "info":
+          console.info(message);
+          break;
+        case "error":
+          console.error(message);
+          break;
+        case "warning":
+          console.warn(message);
+          break;
+      }
+      setHasLogged(true);
+    }
+  }, [condition]);
+};
+
 // src/hooks/useRerender.ts
 import { useReducer } from "react";
 var useRerender = () => {
@@ -9401,17 +12266,13 @@ var localizedNewsSchema = z.record(z.enum(LanguageUtil.languages), newsListSchem
 var filterNews = (localizedNews, requiredKeys) => {
   return localizedNews.filter((news) => requiredKeys.every((value) => news.keys.includes(value)));
 };
-
-// src/util/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
 export {
   ASTNodeInterpreter,
   AnimatedRing,
   ArrayUtil,
   Avatar,
   AvatarGroup,
+  AvatarUtil,
   BagFunctionUtil,
   BreadCrumb,
   ButtonColorUtil,
@@ -9422,6 +12283,7 @@ export {
   CheckboxUncontrolled,
   Chip,
   ChipList,
+  ChipUtil,
   Circle,
   ConfirmDialog,
   ConfirmModal,
@@ -9455,6 +12317,7 @@ export {
   LanguageModal,
   LanguageProvider,
   LanguageUtil,
+  ListTile,
   LoadingAndErrorComponent,
   LoadingAnimation,
   LoadingButton,
@@ -9484,7 +12347,6 @@ export {
   SearchBar,
   SearchableList,
   Select,
-  SelectTile,
   SelectUncontrolled,
   SessionStorageService,
   SimpleSearch,
@@ -9522,8 +12384,6 @@ export {
   YearMonthPicker,
   YearMonthPickerUncontrolled,
   addDuration,
-  avatarSizeMapping,
-  avtarSizeList,
   builder,
   changeDuration,
   clamp,
@@ -9560,6 +12420,7 @@ export {
   useLanguage,
   useLocalStorage,
   useLocale,
+  useLogOnce,
   useOutsideClick,
   usePopoverPosition,
   useRerender,