@trycourier/courier-react 8.0.6-beta → 8.0.7-beta

package/dist/index.mjs

@@ -1,5 +1,10 @@
-import React, { useRef, useEffect } from "react";
-import ReactDOM, { flushSync } from "react-dom";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import React, { version, useRef, useEffect } from "react";
+import require$$1 from "object-assign";
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -1101,12 +1106,12 @@ const _Courier = class _Courier2 {
 };
 __publicField$1(_Courier, "instance");
 let Courier = _Courier;
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp22 = Object.defineProperty;
+var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField22 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
 const CourierColors = {
   black: {
     500: "#171717",
@@ -1178,8 +1183,8 @@ const addSystemThemeModeListener = (callback) => {
 class CourierSystemThemeElement extends HTMLElement {
   constructor() {
     super();
-    __publicField2(this, "_currentSystemTheme");
-    __publicField2(this, "_systemThemeCleanup");
+    __publicField22(this, "_currentSystemTheme");
+    __publicField22(this, "_systemThemeCleanup");
     this._currentSystemTheme = getSystemThemeMode();
     this._systemThemeCleanup = addSystemThemeModeListener((mode) => {
       this._currentSystemTheme = mode;
@@ -1229,8 +1234,8 @@ const CourierButtonVariants = {
 class CourierButton extends CourierSystemThemeElement {
   constructor(props) {
     super();
-    __publicField2(this, "_button");
-    __publicField2(this, "_style");
+    __publicField22(this, "_button");
+    __publicField22(this, "_style");
     const shadow = this.attachShadow({ mode: "open" });
     this._button = document.createElement("button");
     this._button.setAttribute("part", "button");
@@ -1354,10 +1359,10 @@ const CourierIconSVGs = {
 class CourierIcon extends HTMLElement {
   constructor(color, svg) {
     super();
-    __publicField2(this, "_color");
-    __publicField2(this, "_svg");
-    __publicField2(this, "_iconContainer");
-    __publicField2(this, "_style");
+    __publicField22(this, "_color");
+    __publicField22(this, "_svg");
+    __publicField22(this, "_iconContainer");
+    __publicField22(this, "_style");
     this._color = color ?? CourierColors.black[500];
     this._svg = svg;
     const shadow = this.attachShadow({ mode: "open" });
@@ -1408,7 +1413,7 @@ if (!customElements.get("courier-icon")) {
 class CourierLink extends HTMLElement {
   constructor() {
     super();
-    __publicField2(this, "link");
+    __publicField22(this, "link");
     const shadow = this.attachShadow({ mode: "open" });
     this.link = document.createElement("a");
     this.link.setAttribute("part", "link");
@@ -1556,7 +1561,7 @@ class CourierLink extends HTMLElement {
     }
   }
 }
-__publicField2(CourierLink, "observedAttributes", [
+__publicField22(CourierLink, "observedAttributes", [
   "href",
   "variant",
   "disabled",
@@ -1573,7 +1578,7 @@ if (!customElements.get("courier-link")) {
 class CourierElement extends CourierSystemThemeElement {
   constructor() {
     super();
-    __publicField2(this, "shadow");
+    __publicField22(this, "shadow");
     this.shadow = this.attachShadow({ mode: "open" });
   }
   // Build the element with a factory function
@@ -1600,11 +1605,11 @@ class CourierElement extends CourierSystemThemeElement {
 class CourierInfoState extends CourierElement {
   constructor(props) {
     super();
-    __publicField2(this, "_props");
-    __publicField2(this, "_title");
-    __publicField2(this, "_button");
-    __publicField2(this, "_style");
-    __publicField2(this, "_buttonClickCallback", null);
+    __publicField22(this, "_props");
+    __publicField22(this, "_title");
+    __publicField22(this, "_button");
+    __publicField22(this, "_style");
+    __publicField22(this, "_buttonClickCallback", null);
     this._props = props;
   }
   defaultElement() {
@@ -1681,15 +1686,15 @@ if (!customElements.get("courier-info-state")) {
 class CourierIconButton extends HTMLElement {
   constructor(svg, color, backgroundColor, hoverBackgroundColor, activeBackgroundColor, borderRadius, height, width) {
     super();
-    __publicField2(this, "_backgroundColor");
-    __publicField2(this, "_hoverBackgroundColor");
-    __publicField2(this, "_activeBackgroundColor");
-    __publicField2(this, "_borderRadius");
-    __publicField2(this, "_height");
-    __publicField2(this, "_width");
-    __publicField2(this, "_style");
-    __publicField2(this, "_button");
-    __publicField2(this, "_icon");
+    __publicField22(this, "_backgroundColor");
+    __publicField22(this, "_hoverBackgroundColor");
+    __publicField22(this, "_activeBackgroundColor");
+    __publicField22(this, "_borderRadius");
+    __publicField22(this, "_height");
+    __publicField22(this, "_width");
+    __publicField22(this, "_style");
+    __publicField22(this, "_button");
+    __publicField22(this, "_icon");
     this._borderRadius = borderRadius;
     this._backgroundColor = backgroundColor;
     this._hoverBackgroundColor = hoverBackgroundColor;
@@ -1834,9 +1839,9 @@ function getMessageTime(message) {
 class CourierListItemActionMenu extends HTMLElement {
   constructor(theme2) {
     super();
-    __publicField(this, "_theme");
-    __publicField(this, "_options", []);
-    __publicField(this, "_style");
+    __publicField2(this, "_theme");
+    __publicField2(this, "_options", []);
+    __publicField2(this, "_style");
     this._theme = theme2;
     const shadow = this.attachShadow({ mode: "open" });
     this._style = document.createElement("style");
@@ -1929,12 +1934,12 @@ if (!customElements.get("courier-list-item-menu")) {
 }
 const _CourierInboxDatastore = class _CourierInboxDatastore2 {
   constructor() {
-    __publicField(this, "_inboxDataSet");
-    __publicField(this, "_archiveDataSet");
-    __publicField(this, "_dataStoreListeners", []);
-    __publicField(this, "_unreadCount");
-    __publicField(this, "isPaginatingInbox", false);
-    __publicField(this, "isPaginatingArchive", false);
+    __publicField2(this, "_inboxDataSet");
+    __publicField2(this, "_archiveDataSet");
+    __publicField2(this, "_dataStoreListeners", []);
+    __publicField2(this, "_unreadCount");
+    __publicField2(this, "isPaginatingInbox", false);
+    __publicField2(this, "isPaginatingArchive", false);
   }
   static get shared() {
     if (!_CourierInboxDatastore2.instance) {
@@ -2616,27 +2621,27 @@ const _CourierInboxDatastore = class _CourierInboxDatastore2 {
     };
   }
 };
-__publicField(_CourierInboxDatastore, "instance");
+__publicField2(_CourierInboxDatastore, "instance");
 let CourierInboxDatastore = _CourierInboxDatastore;
 class CourierListItem extends HTMLElement {
   constructor(theme2) {
     super();
-    __publicField(this, "_theme");
-    __publicField(this, "_message", null);
-    __publicField(this, "_feedType", "inbox");
-    __publicField(this, "_isMobile", false);
-    __publicField(this, "_titleElement");
-    __publicField(this, "_subtitleElement");
-    __publicField(this, "_timeElement");
-    __publicField(this, "_style");
-    __publicField(this, "_menu");
-    __publicField(this, "_unreadIndicator");
-    __publicField(this, "_actionsContainer");
-    __publicField(this, "_longPressTimeout", null);
-    __publicField(this, "_isLongPress", false);
-    __publicField(this, "onItemClick", null);
-    __publicField(this, "onItemLongPress", null);
-    __publicField(this, "onItemActionClick", null);
+    __publicField2(this, "_theme");
+    __publicField2(this, "_message", null);
+    __publicField2(this, "_feedType", "inbox");
+    __publicField2(this, "_isMobile", false);
+    __publicField2(this, "_titleElement");
+    __publicField2(this, "_subtitleElement");
+    __publicField2(this, "_timeElement");
+    __publicField2(this, "_style");
+    __publicField2(this, "_menu");
+    __publicField2(this, "_unreadIndicator");
+    __publicField2(this, "_actionsContainer");
+    __publicField2(this, "_longPressTimeout", null);
+    __publicField2(this, "_isLongPress", false);
+    __publicField2(this, "onItemClick", null);
+    __publicField2(this, "onItemLongPress", null);
+    __publicField2(this, "onItemActionClick", null);
     this._theme = theme2;
     this._isMobile = "ontouchstart" in window;
     const shadow = this.attachShadow({ mode: "open" });
@@ -2994,7 +2999,7 @@ if (!customElements.get("courier-list-item")) {
 class CourierInboxSkeletonListItem extends HTMLElement {
   constructor(theme2, opacity) {
     super();
-    __publicField(this, "_shadow");
+    __publicField2(this, "_shadow");
     this._shadow = this.attachShadow({ mode: "open" });
     const style = document.createElement("style");
     style.textContent = this.getStyles(opacity);
@@ -3026,7 +3031,7 @@ if (!customElements.get("courier-inbox-skeleton-list-item")) {
 class CourierSkeletonAnimatedRow extends HTMLElement {
   constructor(theme2, widthPercent) {
     super();
-    __publicField(this, "_shadow");
+    __publicField2(this, "_shadow");
     this._shadow = this.attachShadow({ mode: "open" });
     const style = document.createElement("style");
     style.textContent = this.getStyles(theme2, widthPercent);
@@ -3084,7 +3089,7 @@ if (!customElements.get("courier-skeleton-animated-row")) {
 class CourierInboxSkeletonList extends CourierElement {
   constructor(theme2) {
     super();
-    __publicField(this, "_theme");
+    __publicField2(this, "_theme");
     this._theme = theme2;
   }
   defaultElement() {
@@ -3136,10 +3141,10 @@ if (!customElements.get("courier-inbox-skeleton-list")) {
 class CourierInboxPaginationListItem extends HTMLElement {
   constructor(props) {
     super();
-    __publicField(this, "skeletonLoadingList");
-    __publicField(this, "observer");
-    __publicField(this, "customItem");
-    __publicField(this, "onPaginationTrigger");
+    __publicField2(this, "skeletonLoadingList");
+    __publicField2(this, "observer");
+    __publicField2(this, "customItem");
+    __publicField2(this, "onPaginationTrigger");
     this.onPaginationTrigger = props.onPaginationTrigger;
     this.customItem = props.customItem;
     const shadow = this.attachShadow({ mode: "open" });
@@ -3188,22 +3193,22 @@ if (!customElements.get("courier-inbox-pagination-list-item")) {
 class CourierInboxList extends HTMLElement {
   constructor(props) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_messages", []);
-    __publicField(this, "_feedType", "inbox");
-    __publicField(this, "_isLoading", true);
-    __publicField(this, "_error", null);
-    __publicField(this, "_canPaginate", false);
-    __publicField(this, "_onMessageClick", null);
-    __publicField(this, "_onMessageActionClick", null);
-    __publicField(this, "_onMessageLongPress", null);
-    __publicField(this, "_onRefresh");
-    __publicField(this, "_onPaginationTrigger");
-    __publicField(this, "_listItemFactory");
-    __publicField(this, "_paginationItemFactory");
-    __publicField(this, "_loadingStateFactory");
-    __publicField(this, "_emptyStateFactory");
-    __publicField(this, "_errorStateFactory");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_messages", []);
+    __publicField2(this, "_feedType", "inbox");
+    __publicField2(this, "_isLoading", true);
+    __publicField2(this, "_error", null);
+    __publicField2(this, "_canPaginate", false);
+    __publicField2(this, "_onMessageClick", null);
+    __publicField2(this, "_onMessageActionClick", null);
+    __publicField2(this, "_onMessageLongPress", null);
+    __publicField2(this, "_onRefresh");
+    __publicField2(this, "_onPaginationTrigger");
+    __publicField2(this, "_listItemFactory");
+    __publicField2(this, "_paginationItemFactory");
+    __publicField2(this, "_loadingStateFactory");
+    __publicField2(this, "_emptyStateFactory");
+    __publicField2(this, "_errorStateFactory");
     this._themeSubscription = props.themeManager.subscribe((_) => {
       this.refreshTheme();
     });
@@ -3438,14 +3443,14 @@ if (!customElements.get("courier-inbox-list")) {
 class CourierInboxOptionMenuItem extends HTMLElement {
   constructor(props) {
     super();
-    __publicField(this, "_option");
-    __publicField(this, "_isSelected");
-    __publicField(this, "_content");
-    __publicField(this, "_itemIcon");
-    __publicField(this, "_title");
-    __publicField(this, "_selectionIcon");
-    __publicField(this, "_style");
-    __publicField(this, "_themeManager");
+    __publicField2(this, "_option");
+    __publicField2(this, "_isSelected");
+    __publicField2(this, "_content");
+    __publicField2(this, "_itemIcon");
+    __publicField2(this, "_title");
+    __publicField2(this, "_selectionIcon");
+    __publicField2(this, "_style");
+    __publicField2(this, "_themeManager");
     this._option = props.option;
     this._isSelected = props.isSelected;
     this._themeManager = props.themeManager;
@@ -3531,15 +3536,15 @@ if (!customElements.get("courier-inbox-filter-menu-item")) {
 class CourierInboxOptionMenu extends HTMLElement {
   constructor(themeManager, type, selectable, options, onMenuOpen) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_type");
-    __publicField(this, "_selectedIndex", 0);
-    __publicField(this, "_options");
-    __publicField(this, "_selectable");
-    __publicField(this, "_onMenuOpen");
-    __publicField(this, "_menuButton");
-    __publicField(this, "_menu");
-    __publicField(this, "_style");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_type");
+    __publicField2(this, "_selectedIndex", 0);
+    __publicField2(this, "_options");
+    __publicField2(this, "_selectable");
+    __publicField2(this, "_onMenuOpen");
+    __publicField2(this, "_menuButton");
+    __publicField2(this, "_menu");
+    __publicField2(this, "_style");
     this._type = type;
     this._selectable = selectable;
     this._options = options;
@@ -3660,11 +3665,11 @@ if (!customElements.get("courier-inbox-option-menu")) {
 class CourierUnreadCountBadge extends HTMLElement {
   constructor(props) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_location");
-    __publicField(this, "_count", 0);
-    __publicField(this, "_badge");
-    __publicField(this, "_style");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_location");
+    __publicField2(this, "_count", 0);
+    __publicField2(this, "_badge");
+    __publicField2(this, "_style");
     this._location = props.location;
     this._themeSubscription = props.themeBus.subscribe((_) => {
       this.refreshTheme(this._location);
@@ -3729,14 +3734,14 @@ if (!customElements.get("courier-unread-count-badge")) {
 class CourierInboxHeaderTitle extends HTMLElement {
   constructor(themeManager, option) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_option");
-    __publicField(this, "_feedType");
-    __publicField(this, "_titleElement");
-    __publicField(this, "_iconElement");
-    __publicField(this, "_unreadBadge");
-    __publicField(this, "_container");
-    __publicField(this, "_style");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_option");
+    __publicField2(this, "_feedType");
+    __publicField2(this, "_titleElement");
+    __publicField2(this, "_iconElement");
+    __publicField2(this, "_unreadBadge");
+    __publicField2(this, "_container");
+    __publicField2(this, "_style");
     this._option = option;
     const shadow = this.attachShadow({ mode: "open" });
     this._style = document.createElement("style");
@@ -3826,14 +3831,14 @@ if (!customElements.get("courier-inbox-header-title")) {
 class CourierInboxHeader extends CourierElement {
   constructor(props) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_feedType", "inbox");
-    __publicField(this, "_unreadCount", 0);
-    __publicField(this, "_titleSection");
-    __publicField(this, "_filterMenu");
-    __publicField(this, "_actionMenu");
-    __publicField(this, "_style");
-    __publicField(this, "_onFeedTypeChange");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_feedType", "inbox");
+    __publicField2(this, "_unreadCount", 0);
+    __publicField2(this, "_titleSection");
+    __publicField2(this, "_filterMenu");
+    __publicField2(this, "_actionMenu");
+    __publicField2(this, "_style");
+    __publicField2(this, "_onFeedTypeChange");
     this._themeSubscription = props.themeManager.subscribe((_) => {
       this.refreshTheme();
     });
@@ -4029,7 +4034,7 @@ if (!customElements.get("courier-inbox-header")) {
 }
 class CourierInboxDataStoreListener {
   constructor(events) {
-    __publicField(this, "events");
+    __publicField2(this, "events");
     this.events = events;
   }
   remove() {
@@ -4698,15 +4703,15 @@ const mergeTheme = (mode, theme2) => {
 };
 class CourierInboxThemeManager {
   constructor(initialTheme) {
-    __publicField(this, "THEME_CHANGE_EVENT", "courier_inbox_theme_change");
-    __publicField(this, "_theme");
-    __publicField(this, "_lightTheme", defaultLightTheme);
-    __publicField(this, "_darkTheme", defaultDarkTheme);
-    __publicField(this, "_target");
-    __publicField(this, "_subscriptions", []);
-    __publicField(this, "_userMode");
-    __publicField(this, "_systemMode");
-    __publicField(this, "_systemThemeCleanup");
+    __publicField2(this, "THEME_CHANGE_EVENT", "courier_inbox_theme_change");
+    __publicField2(this, "_theme");
+    __publicField2(this, "_lightTheme", defaultLightTheme);
+    __publicField2(this, "_darkTheme", defaultDarkTheme);
+    __publicField2(this, "_target");
+    __publicField2(this, "_subscriptions", []);
+    __publicField2(this, "_userMode");
+    __publicField2(this, "_systemMode");
+    __publicField2(this, "_systemThemeCleanup");
     this._theme = initialTheme;
     this._target = new EventTarget();
     this._userMode = "system";
@@ -4806,19 +4811,19 @@ let CourierInbox$1 = class CourierInbox extends HTMLElement {
   constructor(themeManager) {
     var _a;
     super();
-    __publicField(this, "_currentFeed", "inbox");
-    __publicField(this, "_themeManager");
-    __publicField(this, "_shadow");
-    __publicField(this, "_list");
-    __publicField(this, "_datastoreListener");
-    __publicField(this, "_authListener");
-    __publicField(this, "_style");
-    __publicField(this, "_header");
-    __publicField(this, "_headerFactory");
-    __publicField(this, "_onMessageClick");
-    __publicField(this, "_onMessageActionClick");
-    __publicField(this, "_onMessageLongPress");
-    __publicField(this, "_defaultProps", {
+    __publicField2(this, "_currentFeed", "inbox");
+    __publicField2(this, "_themeManager");
+    __publicField2(this, "_shadow");
+    __publicField2(this, "_list");
+    __publicField2(this, "_datastoreListener");
+    __publicField2(this, "_authListener");
+    __publicField2(this, "_style");
+    __publicField2(this, "_header");
+    __publicField2(this, "_headerFactory");
+    __publicField2(this, "_onMessageClick");
+    __publicField2(this, "_onMessageActionClick");
+    __publicField2(this, "_onMessageLongPress");
+    __publicField2(this, "_defaultProps", {
       title: "Inbox",
       icon: CourierIconSVGs.inbox,
       feedType: this._currentFeed,
@@ -5108,10 +5113,10 @@ if (!customElements.get("courier-inbox")) {
 class CourierInboxMenuButton extends CourierElement {
   constructor(themeBus) {
     super();
-    __publicField(this, "_themeSubscription");
-    __publicField(this, "_container");
-    __publicField(this, "_triggerButton");
-    __publicField(this, "_unreadCountBadge");
+    __publicField2(this, "_themeSubscription");
+    __publicField2(this, "_container");
+    __publicField2(this, "_triggerButton");
+    __publicField2(this, "_unreadCountBadge");
     this._themeSubscription = themeBus.subscribe((_) => {
       this.updateTheme();
     });
@@ -5174,20 +5179,20 @@ if (!customElements.get("courier-inbox-menu-button")) {
 let CourierInboxMenu$1 = class CourierInboxMenu extends HTMLElement {
   constructor() {
     super();
-    __publicField(this, "_width", "440px");
-    __publicField(this, "_height", "440px");
-    __publicField(this, "_popupAlignment", "top-right");
-    __publicField(this, "_top", "40px");
-    __publicField(this, "_right", "0");
-    __publicField(this, "_bottom", "40px");
-    __publicField(this, "_left", "0");
-    __publicField(this, "_themeManager", new CourierInboxThemeManager(defaultLightTheme));
-    __publicField(this, "_triggerButton");
-    __publicField(this, "_popup");
-    __publicField(this, "_inbox");
-    __publicField(this, "_style");
-    __publicField(this, "_datastoreListener");
-    __publicField(this, "_popupMenuButtonFactory");
+    __publicField2(this, "_width", "440px");
+    __publicField2(this, "_height", "440px");
+    __publicField2(this, "_popupAlignment", "top-right");
+    __publicField2(this, "_top", "40px");
+    __publicField2(this, "_right", "0");
+    __publicField2(this, "_bottom", "40px");
+    __publicField2(this, "_left", "0");
+    __publicField2(this, "_themeManager", new CourierInboxThemeManager(defaultLightTheme));
+    __publicField2(this, "_triggerButton");
+    __publicField2(this, "_popup");
+    __publicField2(this, "_inbox");
+    __publicField2(this, "_style");
+    __publicField2(this, "_datastoreListener");
+    __publicField2(this, "_popupMenuButtonFactory");
     const shadow = this.attachShadow({ mode: "open" });
     this._triggerButton = new CourierInboxMenuButton(this._themeManager);
     this._triggerButton.build(void 0);
@@ -5558,50 +5563,45 @@ const useCourier = () => {
   };
 };
 var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
+var reactJsxRuntime_production_min = {};
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
+var hasRequiredReactJsxRuntime_production_min;
+function requireReactJsxRuntime_production_min() {
+  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+  hasRequiredReactJsxRuntime_production_min = 1;
+  var f = React, g = 60103;
+  reactJsxRuntime_production_min.Fragment = 60107;
+  if ("function" === typeof Symbol && Symbol.for) {
+    var h = Symbol.for;
+    g = h("react.element");
+    reactJsxRuntime_production_min.Fragment = h("react.fragment");
+  }
+  var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, k) {
+    var b, d = {}, e = null, l = null;
+    void 0 !== k && (e = "" + k);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (l = a.ref);
+    for (b in a) n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
+  }
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  return reactJsxRuntime_production_min;
 }
 var reactJsxRuntime_development = {};
-/**
- * @license React
+/** @license React v17.0.2
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -5610,260 +5610,830 @@ var hasRequiredReactJsxRuntime_development;
 function requireReactJsxRuntime_development() {
   if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
   hasRequiredReactJsxRuntime_development = 1;
-  "production" !== process.env.NODE_ENV && function() {
-    function getComponentNameFromType(type) {
-      if (null == type) return null;
-      if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-      if ("string" === typeof type) return type;
-      switch (type) {
-        case REACT_FRAGMENT_TYPE:
-          return "Fragment";
-        case REACT_PROFILER_TYPE:
-          return "Profiler";
-        case REACT_STRICT_MODE_TYPE:
-          return "StrictMode";
-        case REACT_SUSPENSE_TYPE:
-          return "Suspense";
-        case REACT_SUSPENSE_LIST_TYPE:
-          return "SuspenseList";
-        case REACT_ACTIVITY_TYPE:
-          return "Activity";
-      }
-      if ("object" === typeof type)
-        switch ("number" === typeof type.tag && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), type.$$typeof) {
-          case REACT_PORTAL_TYPE:
-            return "Portal";
-          case REACT_CONTEXT_TYPE:
-            return (type.displayName || "Context") + ".Provider";
-          case REACT_CONSUMER_TYPE:
-            return (type._context.displayName || "Context") + ".Consumer";
-          case REACT_FORWARD_REF_TYPE:
-            var innerType = type.render;
-            type = type.displayName;
-            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+  (function(exports) {
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        var React$1 = React;
+        var _assign = require$$1;
+        var REACT_ELEMENT_TYPE = 60103;
+        var REACT_PORTAL_TYPE = 60106;
+        exports.Fragment = 60107;
+        var REACT_STRICT_MODE_TYPE = 60108;
+        var REACT_PROFILER_TYPE = 60114;
+        var REACT_PROVIDER_TYPE = 60109;
+        var REACT_CONTEXT_TYPE = 60110;
+        var REACT_FORWARD_REF_TYPE = 60112;
+        var REACT_SUSPENSE_TYPE = 60113;
+        var REACT_SUSPENSE_LIST_TYPE = 60120;
+        var REACT_MEMO_TYPE = 60115;
+        var REACT_LAZY_TYPE = 60116;
+        var REACT_BLOCK_TYPE = 60121;
+        var REACT_SERVER_BLOCK_TYPE = 60122;
+        var REACT_FUNDAMENTAL_TYPE = 60117;
+        var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
+        var REACT_LEGACY_HIDDEN_TYPE = 60131;
+        if (typeof Symbol === "function" && Symbol.for) {
+          var symbolFor = Symbol.for;
+          REACT_ELEMENT_TYPE = symbolFor("react.element");
+          REACT_PORTAL_TYPE = symbolFor("react.portal");
+          exports.Fragment = symbolFor("react.fragment");
+          REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode");
+          REACT_PROFILER_TYPE = symbolFor("react.profiler");
+          REACT_PROVIDER_TYPE = symbolFor("react.provider");
+          REACT_CONTEXT_TYPE = symbolFor("react.context");
+          REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref");
+          REACT_SUSPENSE_TYPE = symbolFor("react.suspense");
+          REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list");
+          REACT_MEMO_TYPE = symbolFor("react.memo");
+          REACT_LAZY_TYPE = symbolFor("react.lazy");
+          REACT_BLOCK_TYPE = symbolFor("react.block");
+          REACT_SERVER_BLOCK_TYPE = symbolFor("react.server.block");
+          REACT_FUNDAMENTAL_TYPE = symbolFor("react.fundamental");
+          symbolFor("react.scope");
+          symbolFor("react.opaque.id");
+          REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode");
+          symbolFor("react.offscreen");
+          REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden");
+        }
+        var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+        var FAUX_ITERATOR_SYMBOL = "@@iterator";
+        function getIteratorFn(maybeIterable) {
+          if (maybeIterable === null || typeof maybeIterable !== "object") {
+            return null;
+          }
+          var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+          if (typeof maybeIterator === "function") {
+            return maybeIterator;
+          }
+          return null;
+        }
+        var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        function error(format) {
+          {
+            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+              args[_key2 - 1] = arguments[_key2];
+            }
+            printWarning("error", format, args);
+          }
+        }
+        function printWarning(level, format, args) {
+          {
+            var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
+            var stack = ReactDebugCurrentFrame2.getStackAddendum();
+            if (stack !== "") {
+              format += "%s";
+              args = args.concat([stack]);
+            }
+            var argsWithFormat = args.map(function(item) {
+              return "" + item;
+            });
+            argsWithFormat.unshift("Warning: " + format);
+            Function.prototype.apply.call(console[level], console, argsWithFormat);
+          }
+        }
+        var enableScopeAPI = false;
+        function isValidElementType(type) {
+          if (typeof type === "string" || typeof type === "function") {
+            return true;
+          }
+          if (type === exports.Fragment || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
+            return true;
+          }
+          if (typeof type === "object" && type !== null) {
+            if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
+              return true;
+            }
+          }
+          return false;
+        }
+        function getWrappedName(outerType, innerType, wrapperName) {
+          var functionName = innerType.displayName || innerType.name || "";
+          return outerType.displayName || (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName);
+        }
+        function getContextName(type) {
+          return type.displayName || "Context";
+        }
+        function getComponentName(type) {
+          if (type == null) {
+            return null;
+          }
+          {
+            if (typeof type.tag === "number") {
+              error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue.");
+            }
+          }
+          if (typeof type === "function") {
+            return type.displayName || type.name || null;
+          }
+          if (typeof type === "string") {
             return type;
-          case REACT_MEMO_TYPE:
-            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
-          case REACT_LAZY_TYPE:
-            innerType = type._payload;
-            type = type._init;
-            try {
-              return getComponentNameFromType(type(innerType));
-            } catch (x) {
+          }
+          switch (type) {
+            case exports.Fragment:
+              return "Fragment";
+            case REACT_PORTAL_TYPE:
+              return "Portal";
+            case REACT_PROFILER_TYPE:
+              return "Profiler";
+            case REACT_STRICT_MODE_TYPE:
+              return "StrictMode";
+            case REACT_SUSPENSE_TYPE:
+              return "Suspense";
+            case REACT_SUSPENSE_LIST_TYPE:
+              return "SuspenseList";
+          }
+          if (typeof type === "object") {
+            switch (type.$$typeof) {
+              case REACT_CONTEXT_TYPE:
+                var context = type;
+                return getContextName(context) + ".Consumer";
+              case REACT_PROVIDER_TYPE:
+                var provider = type;
+                return getContextName(provider._context) + ".Provider";
+              case REACT_FORWARD_REF_TYPE:
+                return getWrappedName(type, type.render, "ForwardRef");
+              case REACT_MEMO_TYPE:
+                return getComponentName(type.type);
+              case REACT_BLOCK_TYPE:
+                return getComponentName(type._render);
+              case REACT_LAZY_TYPE: {
+                var lazyComponent = type;
+                var payload = lazyComponent._payload;
+                var init = lazyComponent._init;
+                try {
+                  return getComponentName(init(payload));
+                } catch (x) {
+                  return null;
+                }
+              }
             }
+          }
+          return null;
         }
-      return null;
-    }
-    function testStringCoercion(value) {
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      try {
-        testStringCoercion(value);
-        var JSCompiler_inline_result = false;
-      } catch (e) {
-        JSCompiler_inline_result = true;
-      }
-      if (JSCompiler_inline_result) {
-        JSCompiler_inline_result = console;
-        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-        JSCompiler_temp_const.call(
-          JSCompiler_inline_result,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          JSCompiler_inline_result$jscomp$0
-        );
-        return testStringCoercion(value);
-      }
-    }
-    function getTaskName(type) {
-      if (type === REACT_FRAGMENT_TYPE) return "<>";
-      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
-        return "<...>";
-      try {
-        var name = getComponentNameFromType(type);
-        return name ? "<" + name + ">" : "<...>";
-      } catch (x) {
-        return "<...>";
-      }
-    }
-    function getOwner() {
-      var dispatcher = ReactSharedInternals.A;
-      return null === dispatcher ? null : dispatcher.getOwner();
-    }
-    function UnknownOwner() {
-      return Error("react-stack-top-frame");
-    }
-    function hasValidKey(config) {
-      if (hasOwnProperty.call(config, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-        if (getter && getter.isReactWarning) return false;
-      }
-      return void 0 !== config.key;
-    }
-    function defineKeyPropWarningGetter(props, displayName) {
-      function warnAboutAccessingKey() {
-        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          displayName
-        ));
-      }
-      warnAboutAccessingKey.isReactWarning = true;
-      Object.defineProperty(props, "key", {
-        get: warnAboutAccessingKey,
-        configurable: true
-      });
-    }
-    function elementRefGetterWithDeprecationWarning() {
-      var componentName = getComponentNameFromType(this.type);
-      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      ));
-      componentName = this.props.ref;
-      return void 0 !== componentName ? componentName : null;
-    }
-    function ReactElement(type, key, self, source, owner, props, debugStack, debugTask) {
-      self = props.ref;
-      type = {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type,
-        key,
-        props,
-        _owner: owner
-      };
-      null !== (void 0 !== self ? self : null) ? Object.defineProperty(type, "ref", {
-        enumerable: false,
-        get: elementRefGetterWithDeprecationWarning
-      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-      type._store = {};
-      Object.defineProperty(type._store, "validated", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: 0
-      });
-      Object.defineProperty(type, "_debugInfo", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: null
-      });
-      Object.defineProperty(type, "_debugStack", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack
-      });
-      Object.defineProperty(type, "_debugTask", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask
-      });
-      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-      return type;
-    }
-    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self, debugStack, debugTask) {
-      var children = config.children;
-      if (void 0 !== children)
-        if (isStaticChildren)
-          if (isArrayImpl(children)) {
-            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
-              validateChildKeys(children[isStaticChildren]);
-            Object.freeze && Object.freeze(children);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else validateChildKeys(children);
-      if (hasOwnProperty.call(config, "key")) {
-        children = getComponentNameFromType(type);
-        var keys = Object.keys(config).filter(function(k) {
-          return "key" !== k;
-        });
-        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
-          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-          isStaticChildren,
-          children,
-          keys,
-          children
-        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
-      }
-      children = null;
-      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
-      if ("key" in config) {
-        maybeKey = {};
-        for (var propName in config)
-          "key" !== propName && (maybeKey[propName] = config[propName]);
-      } else maybeKey = config;
-      children && defineKeyPropWarningGetter(
-        maybeKey,
-        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
-      );
-      return ReactElement(
-        type,
-        children,
-        self,
-        source,
-        getOwner(),
-        maybeKey,
-        debugStack,
-        debugTask
-      );
-    }
-    function validateChildKeys(node) {
-      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
+        var disabledDepth = 0;
+        var prevLog;
+        var prevInfo;
+        var prevWarn;
+        var prevError;
+        var prevGroup;
+        var prevGroupCollapsed;
+        var prevGroupEnd;
+        function disabledLog() {
+        }
+        disabledLog.__reactDisabledLog = true;
+        function disableLogs() {
+          {
+            if (disabledDepth === 0) {
+              prevLog = console.log;
+              prevInfo = console.info;
+              prevWarn = console.warn;
+              prevError = console.error;
+              prevGroup = console.group;
+              prevGroupCollapsed = console.groupCollapsed;
+              prevGroupEnd = console.groupEnd;
+              var props = {
+                configurable: true,
+                enumerable: true,
+                value: disabledLog,
+                writable: true
+              };
+              Object.defineProperties(console, {
+                info: props,
+                log: props,
+                warn: props,
+                error: props,
+                group: props,
+                groupCollapsed: props,
+                groupEnd: props
+              });
+            }
+            disabledDepth++;
+          }
+        }
+        function reenableLogs() {
+          {
+            disabledDepth--;
+            if (disabledDepth === 0) {
+              var props = {
+                configurable: true,
+                enumerable: true,
+                writable: true
+              };
+              Object.defineProperties(console, {
+                log: _assign({}, props, {
+                  value: prevLog
+                }),
+                info: _assign({}, props, {
+                  value: prevInfo
+                }),
+                warn: _assign({}, props, {
+                  value: prevWarn
+                }),
+                error: _assign({}, props, {
+                  value: prevError
+                }),
+                group: _assign({}, props, {
+                  value: prevGroup
+                }),
+                groupCollapsed: _assign({}, props, {
+                  value: prevGroupCollapsed
+                }),
+                groupEnd: _assign({}, props, {
+                  value: prevGroupEnd
+                })
+              });
+            }
+            if (disabledDepth < 0) {
+              error("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+            }
+          }
+        }
+        var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+        var prefix;
+        function describeBuiltInComponentFrame(name, source, ownerFn) {
+          {
+            if (prefix === void 0) {
+              try {
+                throw Error();
+              } catch (x) {
+                var match = x.stack.trim().match(/\n( *(at )?)/);
+                prefix = match && match[1] || "";
+              }
+            }
+            return "\n" + prefix + name;
+          }
+        }
+        var reentry = false;
+        var componentFrameCache;
+        {
+          var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+          componentFrameCache = new PossiblyWeakMap();
+        }
+        function describeNativeComponentFrame(fn, construct) {
+          if (!fn || reentry) {
+            return "";
+          }
+          {
+            var frame = componentFrameCache.get(fn);
+            if (frame !== void 0) {
+              return frame;
+            }
+          }
+          var control;
+          reentry = true;
+          var previousPrepareStackTrace = Error.prepareStackTrace;
+          Error.prepareStackTrace = void 0;
+          var previousDispatcher;
+          {
+            previousDispatcher = ReactCurrentDispatcher.current;
+            ReactCurrentDispatcher.current = null;
+            disableLogs();
+          }
+          try {
+            if (construct) {
+              var Fake = function() {
+                throw Error();
+              };
+              Object.defineProperty(Fake.prototype, "props", {
+                set: function() {
+                  throw Error();
+                }
+              });
+              if (typeof Reflect === "object" && Reflect.construct) {
+                try {
+                  Reflect.construct(Fake, []);
+                } catch (x) {
+                  control = x;
+                }
+                Reflect.construct(fn, [], Fake);
+              } else {
+                try {
+                  Fake.call();
+                } catch (x) {
+                  control = x;
+                }
+                fn.call(Fake.prototype);
+              }
+            } else {
+              try {
+                throw Error();
+              } catch (x) {
+                control = x;
+              }
+              fn();
+            }
+          } catch (sample) {
+            if (sample && control && typeof sample.stack === "string") {
+              var sampleLines = sample.stack.split("\n");
+              var controlLines = control.stack.split("\n");
+              var s = sampleLines.length - 1;
+              var c = controlLines.length - 1;
+              while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+                c--;
+              }
+              for (; s >= 1 && c >= 0; s--, c--) {
+                if (sampleLines[s] !== controlLines[c]) {
+                  if (s !== 1 || c !== 1) {
+                    do {
+                      s--;
+                      c--;
+                      if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                        var _frame = "\n" + sampleLines[s].replace(" at new ", " at ");
+                        {
+                          if (typeof fn === "function") {
+                            componentFrameCache.set(fn, _frame);
+                          }
+                        }
+                        return _frame;
+                      }
+                    } while (s >= 1 && c >= 0);
+                  }
+                  break;
+                }
+              }
+            }
+          } finally {
+            reentry = false;
+            {
+              ReactCurrentDispatcher.current = previousDispatcher;
+              reenableLogs();
+            }
+            Error.prepareStackTrace = previousPrepareStackTrace;
+          }
+          var name = fn ? fn.displayName || fn.name : "";
+          var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
+          {
+            if (typeof fn === "function") {
+              componentFrameCache.set(fn, syntheticFrame);
+            }
+          }
+          return syntheticFrame;
+        }
+        function describeFunctionComponentFrame(fn, source, ownerFn) {
+          {
+            return describeNativeComponentFrame(fn, false);
+          }
+        }
+        function shouldConstruct(Component) {
+          var prototype = Component.prototype;
+          return !!(prototype && prototype.isReactComponent);
+        }
+        function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+          if (type == null) {
+            return "";
+          }
+          if (typeof type === "function") {
+            {
+              return describeNativeComponentFrame(type, shouldConstruct(type));
+            }
+          }
+          if (typeof type === "string") {
+            return describeBuiltInComponentFrame(type);
+          }
+          switch (type) {
+            case REACT_SUSPENSE_TYPE:
+              return describeBuiltInComponentFrame("Suspense");
+            case REACT_SUSPENSE_LIST_TYPE:
+              return describeBuiltInComponentFrame("SuspenseList");
+          }
+          if (typeof type === "object") {
+            switch (type.$$typeof) {
+              case REACT_FORWARD_REF_TYPE:
+                return describeFunctionComponentFrame(type.render);
+              case REACT_MEMO_TYPE:
+                return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+              case REACT_BLOCK_TYPE:
+                return describeFunctionComponentFrame(type._render);
+              case REACT_LAZY_TYPE: {
+                var lazyComponent = type;
+                var payload = lazyComponent._payload;
+                var init = lazyComponent._init;
+                try {
+                  return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+                } catch (x) {
+                }
+              }
+            }
+          }
+          return "";
+        }
+        var loggedTypeFailures = {};
+        var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+        function setCurrentlyValidatingElement(element) {
+          {
+            if (element) {
+              var owner = element._owner;
+              var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+              ReactDebugCurrentFrame.setExtraStackFrame(stack);
+            } else {
+              ReactDebugCurrentFrame.setExtraStackFrame(null);
+            }
+          }
+        }
+        function checkPropTypes(typeSpecs, values, location, componentName, element) {
+          {
+            var has = Function.call.bind(Object.prototype.hasOwnProperty);
+            for (var typeSpecName in typeSpecs) {
+              if (has(typeSpecs, typeSpecName)) {
+                var error$1 = void 0;
+                try {
+                  if (typeof typeSpecs[typeSpecName] !== "function") {
+                    var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                    err.name = "Invariant Violation";
+                    throw err;
+                  }
+                  error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                } catch (ex) {
+                  error$1 = ex;
+                }
+                if (error$1 && !(error$1 instanceof Error)) {
+                  setCurrentlyValidatingElement(element);
+                  error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
+                  setCurrentlyValidatingElement(null);
+                }
+                if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
+                  loggedTypeFailures[error$1.message] = true;
+                  setCurrentlyValidatingElement(element);
+                  error("Failed %s type: %s", location, error$1.message);
+                  setCurrentlyValidatingElement(null);
+                }
+              }
+            }
+          }
+        }
+        var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+        var hasOwnProperty = Object.prototype.hasOwnProperty;
+        var RESERVED_PROPS = {
+          key: true,
+          ref: true,
+          __self: true,
+          __source: true
+        };
+        var specialPropKeyWarningShown;
+        var specialPropRefWarningShown;
+        function hasValidRef(config) {
+          {
+            if (hasOwnProperty.call(config, "ref")) {
+              var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
+              if (getter && getter.isReactWarning) {
+                return false;
+              }
+            }
+          }
+          return config.ref !== void 0;
+        }
+        function hasValidKey(config) {
+          {
+            if (hasOwnProperty.call(config, "key")) {
+              var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+              if (getter && getter.isReactWarning) {
+                return false;
+              }
+            }
+          }
+          return config.key !== void 0;
+        }
+        function warnIfStringRefCannotBeAutoConverted(config, self) {
+          {
+            if (typeof config.ref === "string" && ReactCurrentOwner.current && self) ;
+          }
+        }
+        function defineKeyPropWarningGetter(props, displayName) {
+          {
+            var warnAboutAccessingKey = function() {
+              if (!specialPropKeyWarningShown) {
+                specialPropKeyWarningShown = true;
+                error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName);
+              }
+            };
+            warnAboutAccessingKey.isReactWarning = true;
+            Object.defineProperty(props, "key", {
+              get: warnAboutAccessingKey,
+              configurable: true
+            });
+          }
+        }
+        function defineRefPropWarningGetter(props, displayName) {
+          {
+            var warnAboutAccessingRef = function() {
+              if (!specialPropRefWarningShown) {
+                specialPropRefWarningShown = true;
+                error("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName);
+              }
+            };
+            warnAboutAccessingRef.isReactWarning = true;
+            Object.defineProperty(props, "ref", {
+              get: warnAboutAccessingRef,
+              configurable: true
+            });
+          }
+        }
+        var ReactElement = function(type, key, ref, self, source, owner, props) {
+          var element = {
+            // This tag allows us to uniquely identify this as a React Element
+            $$typeof: REACT_ELEMENT_TYPE,
+            // Built-in properties that belong on the element
+            type,
+            key,
+            ref,
+            props,
+            // Record the component responsible for creating this element.
+            _owner: owner
+          };
+          {
+            element._store = {};
+            Object.defineProperty(element._store, "validated", {
+              configurable: false,
+              enumerable: false,
+              writable: true,
+              value: false
+            });
+            Object.defineProperty(element, "_self", {
+              configurable: false,
+              enumerable: false,
+              writable: false,
+              value: self
+            });
+            Object.defineProperty(element, "_source", {
+              configurable: false,
+              enumerable: false,
+              writable: false,
+              value: source
+            });
+            if (Object.freeze) {
+              Object.freeze(element.props);
+              Object.freeze(element);
+            }
+          }
+          return element;
+        };
+        function jsxDEV(type, config, maybeKey, source, self) {
+          {
+            var propName;
+            var props = {};
+            var key = null;
+            var ref = null;
+            if (maybeKey !== void 0) {
+              key = "" + maybeKey;
+            }
+            if (hasValidKey(config)) {
+              key = "" + config.key;
+            }
+            if (hasValidRef(config)) {
+              ref = config.ref;
+              warnIfStringRefCannotBeAutoConverted(config, self);
+            }
+            for (propName in config) {
+              if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+                props[propName] = config[propName];
+              }
+            }
+            if (type && type.defaultProps) {
+              var defaultProps = type.defaultProps;
+              for (propName in defaultProps) {
+                if (props[propName] === void 0) {
+                  props[propName] = defaultProps[propName];
+                }
+              }
+            }
+            if (key || ref) {
+              var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type;
+              if (key) {
+                defineKeyPropWarningGetter(props, displayName);
+              }
+              if (ref) {
+                defineRefPropWarningGetter(props, displayName);
+              }
+            }
+            return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+          }
+        }
+        var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+        var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+        function setCurrentlyValidatingElement$1(element) {
+          {
+            if (element) {
+              var owner = element._owner;
+              var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+              ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+            } else {
+              ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+            }
+          }
+        }
+        var propTypesMisspellWarningShown;
+        {
+          propTypesMisspellWarningShown = false;
+        }
+        function isValidElement(object) {
+          {
+            return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+          }
+        }
+        function getDeclarationErrorAddendum() {
+          {
+            if (ReactCurrentOwner$1.current) {
+              var name = getComponentName(ReactCurrentOwner$1.current.type);
+              if (name) {
+                return "\n\nCheck the render method of `" + name + "`.";
+              }
+            }
+            return "";
+          }
+        }
+        function getSourceInfoErrorAddendum(source) {
+          {
+            return "";
+          }
+        }
+        var ownerHasKeyUseWarning = {};
+        function getCurrentComponentErrorInfo(parentType) {
+          {
+            var info = getDeclarationErrorAddendum();
+            if (!info) {
+              var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name;
+              if (parentName) {
+                info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+              }
+            }
+            return info;
+          }
+        }
+        function validateExplicitKey(element, parentType) {
+          {
+            if (!element._store || element._store.validated || element.key != null) {
+              return;
+            }
+            element._store.validated = true;
+            var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+            if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+              return;
+            }
+            ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+            var childOwner = "";
+            if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
+              childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
+            }
+            setCurrentlyValidatingElement$1(element);
+            error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+            setCurrentlyValidatingElement$1(null);
+          }
+        }
+        function validateChildKeys(node, parentType) {
+          {
+            if (typeof node !== "object") {
+              return;
+            }
+            if (Array.isArray(node)) {
+              for (var i = 0; i < node.length; i++) {
+                var child = node[i];
+                if (isValidElement(child)) {
+                  validateExplicitKey(child, parentType);
+                }
+              }
+            } else if (isValidElement(node)) {
+              if (node._store) {
+                node._store.validated = true;
+              }
+            } else if (node) {
+              var iteratorFn = getIteratorFn(node);
+              if (typeof iteratorFn === "function") {
+                if (iteratorFn !== node.entries) {
+                  var iterator = iteratorFn.call(node);
+                  var step;
+                  while (!(step = iterator.next()).done) {
+                    if (isValidElement(step.value)) {
+                      validateExplicitKey(step.value, parentType);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+        function validatePropTypes(element) {
+          {
+            var type = element.type;
+            if (type === null || type === void 0 || typeof type === "string") {
+              return;
+            }
+            var propTypes;
+            if (typeof type === "function") {
+              propTypes = type.propTypes;
+            } else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
+            // Inner props are checked in the reconciler.
+            type.$$typeof === REACT_MEMO_TYPE)) {
+              propTypes = type.propTypes;
+            } else {
+              return;
+            }
+            if (propTypes) {
+              var name = getComponentName(type);
+              checkPropTypes(propTypes, element.props, "prop", name, element);
+            } else if (type.PropTypes !== void 0 && !propTypesMisspellWarningShown) {
+              propTypesMisspellWarningShown = true;
+              var _name = getComponentName(type);
+              error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
+            }
+            if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) {
+              error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+            }
+          }
+        }
+        function validateFragmentProps(fragment) {
+          {
+            var keys = Object.keys(fragment.props);
+            for (var i = 0; i < keys.length; i++) {
+              var key = keys[i];
+              if (key !== "children" && key !== "key") {
+                setCurrentlyValidatingElement$1(fragment);
+                error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
+                setCurrentlyValidatingElement$1(null);
+                break;
+              }
+            }
+            if (fragment.ref !== null) {
+              setCurrentlyValidatingElement$1(fragment);
+              error("Invalid attribute `ref` supplied to `React.Fragment`.");
+              setCurrentlyValidatingElement$1(null);
+            }
+          }
+        }
+        function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+          {
+            var validType = isValidElementType(type);
+            if (!validType) {
+              var info = "";
+              if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
+                info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
+              }
+              var sourceInfo = getSourceInfoErrorAddendum();
+              if (sourceInfo) {
+                info += sourceInfo;
+              } else {
+                info += getDeclarationErrorAddendum();
+              }
+              var typeString;
+              if (type === null) {
+                typeString = "null";
+              } else if (Array.isArray(type)) {
+                typeString = "array";
+              } else if (type !== void 0 && type.$$typeof === REACT_ELEMENT_TYPE) {
+                typeString = "<" + (getComponentName(type.type) || "Unknown") + " />";
+                info = " Did you accidentally export a JSX literal instead of a component?";
+              } else {
+                typeString = typeof type;
+              }
+              error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
+            }
+            var element = jsxDEV(type, props, key, source, self);
+            if (element == null) {
+              return element;
+            }
+            if (validType) {
+              var children = props.children;
+              if (children !== void 0) {
+                if (isStaticChildren) {
+                  if (Array.isArray(children)) {
+                    for (var i = 0; i < children.length; i++) {
+                      validateChildKeys(children[i], type);
+                    }
+                    if (Object.freeze) {
+                      Object.freeze(children);
+                    }
+                  } else {
+                    error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                  }
+                } else {
+                  validateChildKeys(children, type);
+                }
+              }
+            }
+            if (type === exports.Fragment) {
+              validateFragmentProps(element);
+            } else {
+              validatePropTypes(element);
+            }
+            return element;
+          }
+        }
+        function jsxWithValidationStatic(type, props, key) {
+          {
+            return jsxWithValidation(type, props, key, true);
+          }
+        }
+        function jsxWithValidationDynamic(type, props, key) {
+          {
+            return jsxWithValidation(type, props, key, false);
+          }
+        }
+        var jsx = jsxWithValidationDynamic;
+        var jsxs = jsxWithValidationStatic;
+        exports.jsx = jsx;
+        exports.jsxs = jsxs;
+      })();
     }
-    var React$1 = React, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    React$1 = {
-      "react-stack-bottom-frame": function(callStackForError) {
-        return callStackForError();
-      }
-    };
-    var specialPropKeyWarningShown;
-    var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
-      React$1,
-      UnknownOwner
-    )();
-    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    var didWarnAboutKeySpread = {};
-    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-    reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(
-        type,
-        config,
-        maybeKey,
-        false,
-        source,
-        self,
-        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-      );
-    };
-    reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(
-        type,
-        config,
-        maybeKey,
-        true,
-        source,
-        self,
-        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-      );
-    };
-  }();
+  })(reactJsxRuntime_development);
   return reactJsxRuntime_development;
 }
 var hasRequiredJsxRuntime;
@@ -5871,29 +6441,38 @@ function requireJsxRuntime() {
   if (hasRequiredJsxRuntime) return jsxRuntime.exports;
   hasRequiredJsxRuntime = 1;
   if (process.env.NODE_ENV === "production") {
-    jsxRuntime.exports = requireReactJsxRuntime_production();
+    jsxRuntime.exports = requireReactJsxRuntime_production_min();
   } else {
     jsxRuntime.exports = requireReactJsxRuntime_development();
   }
   return jsxRuntime.exports;
 }
 var jsxRuntimeExports = requireJsxRuntime();
+class ModernRenderer {
+  static render(node, container) {
+    flushSync(() => {
+      const root = createRoot(container);
+      root.render(node);
+    });
+  }
+}
+const _Renderer = class _Renderer {
+  static async render(node, container) {
+    if (_Renderer.reactVersion >= 18) {
+      ModernRenderer.render(node, container);
+    } else {
+      const { default: LegacyRenderer } = await import("./legacy-O6WN3SMx.mjs");
+      LegacyRenderer.render(node, container);
+    }
+  }
+};
+__publicField(_Renderer, "reactVersion", parseInt(version.split(".")[0]));
+let Renderer = _Renderer;
 function reactNodeToHTMLElement(node) {
   const container = document.createElement("div");
-  flushSync(() => {
-    render(/* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: node }), container);
-  });
+  Renderer.render(node, container);
   return container;
 }
-function render(node, container) {
-  const createRoot = ReactDOM["createRoot"];
-  if (createRoot instanceof Function) {
-    const root = createRoot(container);
-    return root.render(node);
-  }
-  const render2 = ReactDOM["render"];
-  return render2(node, container);
-}
 const CourierInbox2 = (props) => {
   const inboxRef = useRef(null);
   useEffect(() => {