ode-explorer 1.4.2-develop-integration.202405171109 → 1.4.2-develop-pedago.202405171443

package/dist/index.js

@@ -68,9 +68,9 @@ function _mergeNamespaces(n2, m2) {
       if (mutation.type !== "childList") {
         continue;
       }
-      for (const node of mutation.addedNodes) {
-        if (node.tagName === "LINK" && node.rel === "modulepreload")
-          processPreload(node);
+      for (const node2 of mutation.addedNodes) {
+        if (node2.tagName === "LINK" && node2.rel === "modulepreload")
+          processPreload(node2);
       }
     }
   }).observe(document, { childList: true, subtree: true });
@@ -415,10 +415,10 @@ react_production_min.version = "18.2.0";
   react.exports = react_production_min;
 }
 var reactExports = react.exports;
-const React = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
-const React$1 = /* @__PURE__ */ _mergeNamespaces({
+const React$2 = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
+const React$3 = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,
-  default: React
+  default: React$2
 }, [reactExports]);
 /**
  * @license React
@@ -1344,7 +1344,7 @@ class Translator extends EventEmitter$1 {
     return false;
   }
 }
-function capitalize(string) {
+function capitalize$2(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 class LanguageUtil {
@@ -1382,7 +1382,7 @@ class LanguageUtil {
         p2[0] = p2[0].toLowerCase();
         p2[1] = p2[1].toUpperCase();
         if (specialCases.indexOf(p2[1].toLowerCase()) > -1)
-          p2[1] = capitalize(p2[1].toLowerCase());
+          p2[1] = capitalize$2(p2[1].toLowerCase());
       } else if (p2.length === 3) {
         p2[0] = p2[0].toLowerCase();
         if (p2[1].length === 2)
@@ -1390,9 +1390,9 @@ class LanguageUtil {
         if (p2[0] !== "sgn" && p2[2].length === 2)
           p2[2] = p2[2].toUpperCase();
         if (specialCases.indexOf(p2[1].toLowerCase()) > -1)
-          p2[1] = capitalize(p2[1].toLowerCase());
+          p2[1] = capitalize$2(p2[1].toLowerCase());
         if (specialCases.indexOf(p2[2].toLowerCase()) > -1)
-          p2[2] = capitalize(p2[2].toLowerCase());
+          p2[2] = capitalize$2(p2[2].toLowerCase());
       }
       return p2.join("-");
     }
@@ -4100,6 +4100,12 @@ const usePrevious = (value, ignore) => {
   }, [value, ignore]);
   return ref2.current;
 };
+function alwaysNewT(i18n, language, namespace, keyPrefix) {
+  return i18n.getFixedT(language, namespace, keyPrefix);
+}
+function useMemoizedT(i18n, language, namespace, keyPrefix) {
+  return reactExports.useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+}
 function useTranslation(ns) {
   let props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
@@ -4143,9 +4149,9 @@ function useTranslation(ns) {
   if (i18n.reportNamespaces.addUsedNamespaces)
     i18n.reportNamespaces.addUsedNamespaces(namespaces);
   const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
-  function getT() {
-    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  }
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
   const [t2, setT] = reactExports.useState(getT);
   let joinedNS = namespaces.join();
   if (props.lng)
@@ -4162,21 +4168,21 @@ function useTranslation(ns) {
       if (props.lng) {
         loadLanguages(i18n, props.lng, namespaces, () => {
           if (isMounted.current)
-            setT(getT);
+            setT(getNewT);
         });
       } else {
         loadNamespaces(i18n, namespaces, () => {
           if (isMounted.current)
-            setT(getT);
+            setT(getNewT);
         });
       }
     }
     if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getT);
+      setT(getNewT);
     }
     function boundReset() {
       if (isMounted.current)
-        setT(getT);
+        setT(getNewT);
     }
     if (bindI18n && i18n)
       i18n.on(bindI18n, boundReset);
@@ -4190,13 +4196,11 @@ function useTranslation(ns) {
         bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, boundReset));
     };
   }, [i18n, joinedNS]);
-  const isInitial = reactExports.useRef(true);
   reactExports.useEffect(() => {
-    if (isMounted.current && !isInitial.current) {
+    if (isMounted.current && ready) {
       setT(getT);
     }
-    isInitial.current = false;
-  }, [i18n, keyPrefix]);
+  }, [i18n, keyPrefix, ready]);
   const ret = [t2, i18n, ready];
   ret.t = t2;
   ret.i18n = i18n;
@@ -4235,7 +4239,10 @@ instance.use(Backend).use(initReactI18next).init({
     prefix: "[[",
     suffix: "]]"
   },
-  debug: false
+  debug: false,
+  react: {
+    useSuspense: false
+  }
 });
 var Subscribable = class {
   constructor() {
@@ -7224,7 +7231,7 @@ var uaParser = { exports: {} };
       return str.toLowerCase();
     }, majorize = function(version) {
       return typeof version === STR_TYPE ? version.replace(/[^\d\.]/g, EMPTY).split(".")[0] : undefined$12;
-    }, trim = function(str, len) {
+    }, trim2 = function(str, len) {
       if (typeof str === STR_TYPE) {
         str = str.replace(/^\s\s*/, EMPTY);
         return typeof len === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);
@@ -8060,7 +8067,7 @@ var uaParser = { exports: {} };
           /hbbtv\/\d+\.\d+\.\d+ +\([\w\+ ]*; *([\w\d][^;]*);([^;]*)/i
           // HbbTV devices
         ],
-        [[VENDOR, trim], [MODEL, trim], [TYPE2, SMARTTV]],
+        [[VENDOR, trim2], [MODEL, trim2], [TYPE2, SMARTTV]],
         [
           /\b(android tv|smart[- ]?tv|opera tv|tv; rv:)\b/i
           // SmartTV from Unidentified Vendors
@@ -8404,7 +8411,7 @@ var uaParser = { exports: {} };
         return _ua;
       };
       this.setUA = function(ua3) {
-        _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim(ua3, UA_MAX_LENGTH) : ua3;
+        _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim2(ua3, UA_MAX_LENGTH) : ua3;
         return this;
       };
       this.setUA(_ua);
@@ -8453,7 +8460,7 @@ let e$2 = { data: "" }, t$3 = (t2) => "object" == typeof window ? ((t2 ? t2.quer
     return t2;
   }
   return e2;
-}, i$1 = (e2, t2, r2, i2, p2) => {
+}, i$2 = (e2, t2, r2, i2, p2) => {
   let u2 = s$1(e2), d2 = c$1[u2] || (c$1[u2] = ((e3) => {
     let t3 = 0, r3 = 11;
     for (; t3 < e3.length; )
@@ -8483,7 +8490,7 @@ let e$2 = { data: "" }, t$3 = (t2) => "object" == typeof window ? ((t2 ? t2.quer
 }, "");
 function u$4(e2) {
   let r2 = this || {}, l2 = e2.call ? e2(r2.p) : e2;
-  return i$1(l2.unshift ? l2.raw ? p$4(l2, [].slice.call(arguments, 1), r2.p) : l2.reduce((e3, t2) => Object.assign(e3, t2 && t2.call ? t2(r2.p) : t2), {}) : l2, t$3(r2.target), r2.g, r2.o, r2.k);
+  return i$2(l2.unshift ? l2.raw ? p$4(l2, [].slice.call(arguments, 1), r2.p) : l2.reduce((e3, t2) => Object.assign(e3, t2 && t2.call ? t2(r2.p) : t2), {}) : l2, t$3(r2.target), r2.g, r2.o, r2.k);
 }
 let d$1, f$1, g$1;
 u$4.bind({ g: 1 });
@@ -8965,7 +8972,35 @@ const SvgAlertCircle = ({
       )
     ]
   }
-), SvgBookmark$1 = SvgBookmark, SvgClose = ({
+), SvgBookmark$1 = SvgBookmark, SvgBurgerMenu = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M21 5c0 .828-.711 1.5-1.588 1.5H4.588C3.711 6.5 3 5.828 3 5s.711-1.5 1.588-1.5h14.824C20.289 3.5 21 4.172 21 5M21 12c0 .828-.711 1.5-1.588 1.5H4.588C3.711 13.5 3 12.828 3 12s.711-1.5 1.588-1.5h14.824c.877 0 1.588.672 1.588 1.5M21 19c0 .828-.711 1.5-1.588 1.5H4.588C3.711 20.5 3 19.828 3 19s.711-1.5 1.588-1.5h14.824c.877 0 1.588.672 1.588 1.5",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgBurgerMenu$1 = SvgBurgerMenu, SvgClose = ({
   title,
   titleId,
   ...props
@@ -16861,8 +16896,8 @@ const INPUT_VALIDATION_RULES = {
   required: "required",
   validate: "validate"
 };
-const HookFormContext = React.createContext(null);
-const useFormContext = () => React.useContext(HookFormContext);
+const HookFormContext = React$2.createContext(null);
+const useFormContext = () => React$2.useContext(HookFormContext);
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
   const result = {
     defaultValues: control._defaultValues
@@ -16890,9 +16925,9 @@ var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, is
 var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
 var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
 function useSubscribe(props) {
-  const _props = React.useRef(props);
+  const _props = React$2.useRef(props);
   _props.current = props;
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({
       next: _props.current.next
     });
@@ -16904,9 +16939,9 @@ function useSubscribe(props) {
 function useFormState(props) {
   const methods = useFormContext();
   const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = React.useState(control._formState);
-  const _mounted = React.useRef(true);
-  const _localProxyFormState = React.useRef({
+  const [formState, updateFormState] = React$2.useState(control._formState);
+  const _mounted = React$2.useRef(true);
+  const _localProxyFormState = React$2.useRef({
     isDirty: false,
     isLoading: false,
     dirtyFields: false,
@@ -16915,7 +16950,7 @@ function useFormState(props) {
     isValid: false,
     errors: false
   });
-  const _name = React.useRef(name);
+  const _name = React$2.useRef(name);
   _name.current = name;
   useSubscribe({
     disabled,
@@ -16925,7 +16960,7 @@ function useFormState(props) {
     }),
     subject: control._subjects.state
   });
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     _mounted.current = true;
     _localProxyFormState.current.isValid && control._updateValid(true);
     return () => {
@@ -16949,7 +16984,7 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue2) =
 function useWatch(props) {
   const methods = useFormContext();
   const { control = methods.control, name, defaultValue: defaultValue2, disabled, exact } = props || {};
-  const _name = React.useRef(name);
+  const _name = React$2.useRef(name);
   _name.current = name;
   useSubscribe({
     disabled,
@@ -16960,8 +16995,8 @@ function useWatch(props) {
       }
     }
   });
-  const [value, updateValue] = React.useState(control._getWatch(name, defaultValue2));
-  React.useEffect(() => control._removeUnmounted());
+  const [value, updateValue] = React$2.useState(control._getWatch(name, defaultValue2));
+  React$2.useEffect(() => control._removeUnmounted());
   return value;
 }
 var isKey = (value) => /^\w*$/.test(value);
@@ -16997,12 +17032,12 @@ function useController(props) {
     control,
     name
   });
-  const _registerProps = React.useRef(control.register(name, {
+  const _registerProps = React$2.useRef(control.register(name, {
     ...props.rules,
     value,
     ...isBoolean$1(props.disabled) ? { disabled: props.disabled } : {}
   }));
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
     const updateMounted = (name2, value2) => {
       const field = get(control._fields, name2);
@@ -17022,7 +17057,7 @@ function useController(props) {
       (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
     };
   }, [name, control, isArrayField, shouldUnregister]);
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     if (get(control._fields, name)) {
       control._updateDisabledField({
         disabled,
@@ -17037,14 +17072,14 @@ function useController(props) {
       name,
       value,
       ...isBoolean$1(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {},
-      onChange: React.useCallback((event) => _registerProps.current.onChange({
+      onChange: React$2.useCallback((event) => _registerProps.current.onChange({
         target: {
           value: getEventValue(event),
           name
         },
         type: EVENTS.CHANGE
       }), [name]),
-      onBlur: React.useCallback(() => _registerProps.current.onBlur({
+      onBlur: React$2.useCallback(() => _registerProps.current.onBlur({
         target: {
           value: get(control._formValues, name),
           name
@@ -18286,9 +18321,9 @@ function createFormControl(props = {}, flushRootRender) {
   };
 }
 function useForm(props = {}) {
-  const _formControl = React.useRef();
-  const _values = React.useRef();
-  const [formState, updateFormState] = React.useState({
+  const _formControl = React$2.useRef();
+  const _values = React$2.useRef();
+  const [formState, updateFormState] = React$2.useState({
     isDirty: false,
     isValidating: false,
     isLoading: isFunction(props.defaultValues),
@@ -18319,8 +18354,8 @@ function useForm(props = {}) {
       }
     }
   });
-  React.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-  React.useEffect(() => {
+  React$2.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
+  React$2.useEffect(() => {
     if (control._proxyFormState.isDirty) {
       const isDirty = control._getDirty();
       if (isDirty !== formState.isDirty) {
@@ -18330,7 +18365,7 @@ function useForm(props = {}) {
       }
     }
   }, [control, formState.isDirty]);
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     if (props.values && !deepEqual$1(props.values, _values.current)) {
       control._reset(props.values, control._options.resetOptions);
       _values.current = props.values;
@@ -18339,12 +18374,12 @@ function useForm(props = {}) {
       control._resetDefaultValues();
     }
   }, [props.values, control]);
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     if (props.errors) {
       control._setErrors(props.errors);
     }
   }, [props.errors, control]);
-  React.useEffect(() => {
+  React$2.useEffect(() => {
     if (!control._state.mount) {
       control._updateValid();
       control._state.mount = true;
@@ -18358,9 +18393,9 @@ function useForm(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-function getWindow$3(node) {
+function getWindow$3(node2) {
   var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node2 == null ? void 0 : (_node$ownerDocument = node2.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function isElement$3(value) {
   return value instanceof Element || value instanceof getWindow$3(value).Element;
@@ -18923,19 +18958,19 @@ const size$1 = function(options) {
     }
   };
 };
-function getNodeName$1(node) {
-  if (isNode$1(node)) {
-    return (node.nodeName || "").toLowerCase();
+function getNodeName$1(node2) {
+  if (isNode$1(node2)) {
+    return (node2.nodeName || "").toLowerCase();
   }
   return "#document";
 }
-function getWindow$2(node) {
+function getWindow$2(node2) {
   var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node2 == null || (_node$ownerDocument = node2.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
-function getDocumentElement$1(node) {
+function getDocumentElement$1(node2) {
   var _ref;
-  return (_ref = (isNode$1(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+  return (_ref = (isNode$1(node2) ? node2.ownerDocument : node2.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode$1(value) {
   return value instanceof Node || value instanceof getWindow$2(value).Node;
@@ -18984,8 +19019,8 @@ function isWebKit() {
     return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
-function isLastTraversableNode(node) {
-  return ["html", "body", "#document"].includes(getNodeName$1(node));
+function isLastTraversableNode(node2) {
+  return ["html", "body", "#document"].includes(getNodeName$1(node2));
 }
 function getComputedStyle$3(element) {
   return getWindow$2(element).getComputedStyle(element);
@@ -19002,30 +19037,30 @@ function getNodeScroll$1(element) {
     scrollTop: element.pageYOffset
   };
 }
-function getParentNode$1(node) {
-  if (getNodeName$1(node) === "html") {
-    return node;
+function getParentNode$1(node2) {
+  if (getNodeName$1(node2) === "html") {
+    return node2;
   }
   const result = (
     // Step into the shadow DOM of the parent of a slotted node.
-    node.assignedSlot || // DOM Element detected.
-    node.parentNode || // ShadowRoot detected.
-    isShadowRoot$1(node) && node.host || // Fallback.
-    getDocumentElement$1(node)
+    node2.assignedSlot || // DOM Element detected.
+    node2.parentNode || // ShadowRoot detected.
+    isShadowRoot$1(node2) && node2.host || // Fallback.
+    getDocumentElement$1(node2)
   );
   return isShadowRoot$1(result) ? result.host : result;
 }
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode$1(node);
+function getNearestOverflowAncestor(node2) {
+  const parentNode = getParentNode$1(node2);
   if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
+    return node2.ownerDocument ? node2.ownerDocument.body : node2.body;
   }
   if (isHTMLElement$1(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
   }
   return getNearestOverflowAncestor(parentNode);
 }
-function getOverflowAncestors(node, list, traverseIframes) {
+function getOverflowAncestors(node2, list, traverseIframes) {
   var _node$ownerDocument2;
   if (list === void 0) {
     list = [];
@@ -19033,8 +19068,8 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (traverseIframes === void 0) {
     traverseIframes = true;
   }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const scrollableAncestor = getNearestOverflowAncestor(node2);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node2.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow$2(scrollableAncestor);
   if (isBody) {
     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
@@ -19706,16 +19741,16 @@ function useFloating$1(options) {
   }
   const [_reference, _setReference] = reactExports.useState(null);
   const [_floating, _setFloating] = reactExports.useState(null);
-  const setReference = reactExports.useCallback((node) => {
-    if (node !== referenceRef.current) {
-      referenceRef.current = node;
-      _setReference(node);
+  const setReference = reactExports.useCallback((node2) => {
+    if (node2 !== referenceRef.current) {
+      referenceRef.current = node2;
+      _setReference(node2);
     }
   }, []);
-  const setFloating = reactExports.useCallback((node) => {
-    if (node !== floatingRef.current) {
-      floatingRef.current = node;
-      _setFloating(node);
+  const setFloating = reactExports.useCallback((node2) => {
+    if (node2 !== floatingRef.current) {
+      floatingRef.current = node2;
+      _setFloating(node2);
     }
   }, []);
   const referenceEl = externalReference || _reference;
@@ -19841,7 +19876,7 @@ function useFloatingId() {
   }, []);
   return id2;
 }
-const useReactId = React$1[/* @__PURE__ */ "useId".toString()];
+const useReactId = React$3[/* @__PURE__ */ "useId".toString()];
 const useId = useReactId || useFloatingId;
 function createPubSub() {
   const map2 = /* @__PURE__ */ new Map();
@@ -19861,7 +19896,7 @@ function createPubSub() {
 }
 const FloatingTreeContext = /* @__PURE__ */ reactExports.createContext(null);
 const useFloatingTree = () => reactExports.useContext(FloatingTreeContext);
-const useInsertionEffect = React$1[/* @__PURE__ */ "useInsertionEffect".toString()];
+const useInsertionEffect = React$3[/* @__PURE__ */ "useInsertionEffect".toString()];
 const useSafeInsertionEffect = useInsertionEffect || ((fn2) => fn2());
 function useEffectEvent(callback) {
   const ref2 = reactExports.useRef(() => {
@@ -19900,23 +19935,23 @@ function useFloating(options) {
   const dataRef = reactExports.useRef({});
   const events2 = reactExports.useState(() => createPubSub())[0];
   const floatingId = useId();
-  const setPositionReference = reactExports.useCallback((node) => {
-    const positionReference = isElement$3(node) ? {
-      getBoundingClientRect: () => node.getBoundingClientRect(),
-      contextElement: node
-    } : node;
+  const setPositionReference = reactExports.useCallback((node2) => {
+    const positionReference = isElement$3(node2) ? {
+      getBoundingClientRect: () => node2.getBoundingClientRect(),
+      contextElement: node2
+    } : node2;
     position.refs.setReference(positionReference);
   }, [position.refs]);
-  const setReference = reactExports.useCallback((node) => {
-    if (isElement$3(node) || node === null) {
-      domReferenceRef.current = node;
-      setDomReference(node);
+  const setReference = reactExports.useCallback((node2) => {
+    if (isElement$3(node2) || node2 === null) {
+      domReferenceRef.current = node2;
+      setDomReference(node2);
     }
     if (isElement$3(position.refs.reference.current) || position.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
-    node !== null && !isElement$3(node)) {
-      position.refs.setReference(node);
+    node2 !== null && !isElement$3(node2)) {
+      position.refs.setReference(node2);
     }
   }, [position.refs]);
   const refs = reactExports.useMemo(() => ({
@@ -19941,9 +19976,9 @@ function useFloating(options) {
     onOpenChange
   }), [position, nodeId, floatingId, events2, open, onOpenChange, refs, elements]);
   index(() => {
-    const node = tree == null ? void 0 : tree.nodesRef.current.find((node2) => node2.id === nodeId);
-    if (node) {
-      node.context = context2;
+    const node2 = tree == null ? void 0 : tree.nodesRef.current.find((node22) => node22.id === nodeId);
+    if (node2) {
+      node2.context = context2;
     }
   });
   return reactExports.useMemo(() => ({
@@ -20943,7 +20978,7 @@ function usePrev(value) {
 var $node = Symbol.for("Animated:node");
 var isAnimated = (value) => !!value && value[$node] === value;
 var getAnimated = (owner) => owner && owner[$node];
-var setAnimated = (owner, node) => defineHidden(owner, $node, node);
+var setAnimated = (owner, node2) => defineHidden(owner, $node, node2);
 var getPayload = (owner) => owner && owner[$node] && owner[$node].getPayload();
 var Animated = class {
   constructor() {
@@ -21070,7 +21105,7 @@ var AnimatedObject = class extends Animated {
   }
   reset() {
     if (this.payload) {
-      each(this.payload, (node) => node.reset());
+      each(this.payload, (node2) => node2.reset());
     }
   }
   /** Create a payload set. */
@@ -21088,7 +21123,7 @@ var AnimatedObject = class extends Animated {
     }
     const payload = getPayload(source);
     if (payload) {
-      each(payload, (node) => this.add(node));
+      each(payload, (node2) => this.add(node2));
     }
   }
 };
@@ -21101,12 +21136,12 @@ var AnimatedArray = class extends AnimatedObject {
     return new AnimatedArray(source);
   }
   getValue() {
-    return this.source.map((node) => node.getValue());
+    return this.source.map((node2) => node2.getValue());
   }
   setValue(source) {
     const payload = this.getPayload();
     if (source.length == payload.length) {
-      return payload.map((node, i2) => node.setValue(source[i2])).some(Boolean);
+      return payload.map((node2, i2) => node2.setValue(source[i2])).some(Boolean);
     }
     super.setValue(source.map(makeAnimated));
     return true;
@@ -21641,8 +21676,8 @@ var FrameValue = class extends FluidValue {
   }
   /** Get the current value */
   get() {
-    const node = getAnimated(this);
-    return node && node.getValue();
+    const node2 = getAnimated(this);
+    return node2 && node2.getValue();
   }
   /** Create a spring that maps our value to another value */
   to(...args) {
@@ -21732,8 +21767,8 @@ var SpringValue = class extends FrameValue {
     return getFluidValue(this.animation.to);
   }
   get velocity() {
-    const node = getAnimated(this);
-    return node instanceof AnimatedValue ? node.lastVelocity || 0 : node.getPayload().map((node2) => node2.lastVelocity || 0);
+    const node2 = getAnimated(this);
+    return node2 instanceof AnimatedValue ? node2.lastVelocity || 0 : node2.getPayload().map((node22) => node22.lastVelocity || 0);
   }
   /**
    * When true, this value has been animated at least once.
@@ -21772,24 +21807,24 @@ var SpringValue = class extends FrameValue {
     if (!payload && hasFluidValue(anim.to)) {
       toValues = toArray(getFluidValue(anim.to));
     }
-    anim.values.forEach((node2, i2) => {
-      if (node2.done)
+    anim.values.forEach((node22, i2) => {
+      if (node22.done)
         return;
       const to2 = (
         // Animated strings always go from 0 to 1.
-        node2.constructor == AnimatedString ? 1 : payload ? payload[i2].lastPosition : toValues[i2]
+        node22.constructor == AnimatedString ? 1 : payload ? payload[i2].lastPosition : toValues[i2]
       );
       let finished = anim.immediate;
       let position = to2;
       if (!finished) {
-        position = node2.lastPosition;
+        position = node22.lastPosition;
         if (config2.tension <= 0) {
-          node2.done = true;
+          node22.done = true;
           return;
         }
-        let elapsed = node2.elapsedTime += dt;
+        let elapsed = node22.elapsedTime += dt;
         const from = anim.fromValues[i2];
-        const v0 = node2.v0 != null ? node2.v0 : node2.v0 = is.arr(config2.velocity) ? config2.velocity[i2] : config2.velocity;
+        const v0 = node22.v0 != null ? node22.v0 : node22.v0 = is.arr(config2.velocity) ? config2.velocity[i2] : config2.velocity;
         let velocity;
         const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
         if (!is.und(config2.duration)) {
@@ -21797,30 +21832,30 @@ var SpringValue = class extends FrameValue {
           if (config2.duration > 0) {
             if (this._memoizedDuration !== config2.duration) {
               this._memoizedDuration = config2.duration;
-              if (node2.durationProgress > 0) {
-                node2.elapsedTime = config2.duration * node2.durationProgress;
-                elapsed = node2.elapsedTime += dt;
+              if (node22.durationProgress > 0) {
+                node22.elapsedTime = config2.duration * node22.durationProgress;
+                elapsed = node22.elapsedTime += dt;
               }
             }
             p2 = (config2.progress || 0) + elapsed / this._memoizedDuration;
             p2 = p2 > 1 ? 1 : p2 < 0 ? 0 : p2;
-            node2.durationProgress = p2;
+            node22.durationProgress = p2;
           }
           position = from + config2.easing(p2) * (to2 - from);
-          velocity = (position - node2.lastPosition) / dt;
+          velocity = (position - node22.lastPosition) / dt;
           finished = p2 == 1;
         } else if (config2.decay) {
           const decay = config2.decay === true ? 0.998 : config2.decay;
           const e2 = Math.exp(-(1 - decay) * elapsed);
           position = from + v0 / (1 - decay) * (1 - e2);
-          finished = Math.abs(node2.lastPosition - position) <= precision;
+          finished = Math.abs(node22.lastPosition - position) <= precision;
           velocity = v0 * e2;
         } else {
-          velocity = node2.lastVelocity == null ? v0 : node2.lastVelocity;
+          velocity = node22.lastVelocity == null ? v0 : node22.lastVelocity;
           const restVelocity = config2.restVelocity || precision / 10;
           const bounceFactor = config2.clamp ? 0 : config2.bounce;
           const canBounce = !is.und(bounceFactor);
-          const isGrowing = from == to2 ? node2.v0 > 0 : from < to2;
+          const isGrowing = from == to2 ? node22.v0 > 0 : from < to2;
           let isMoving;
           let isBouncing = false;
           const step = 1;
@@ -21847,7 +21882,7 @@ var SpringValue = class extends FrameValue {
             position = position + velocity * step;
           }
         }
-        node2.lastVelocity = velocity;
+        node22.lastVelocity = velocity;
         if (Number.isNaN(position)) {
           console.warn(`Got NaN while animating:`, this);
           finished = true;
@@ -21857,20 +21892,20 @@ var SpringValue = class extends FrameValue {
         finished = false;
       }
       if (finished) {
-        node2.done = true;
+        node22.done = true;
       } else {
         idle = false;
       }
-      if (node2.setValue(position, config2.round)) {
+      if (node22.setValue(position, config2.round)) {
         changed = true;
       }
     });
-    const node = getAnimated(this);
-    const currVal = node.getValue();
+    const node2 = getAnimated(this);
+    const currVal = node2.getValue();
     if (idle) {
       const finalVal = getFluidValue(anim.to);
       if ((currVal !== finalVal || changed) && !config2.decay) {
-        node.setValue(finalVal);
+        node2.setValue(finalVal);
         this._onChange(finalVal);
       } else if (changed && config2.decay) {
         this._onChange(currVal);
@@ -22100,8 +22135,8 @@ var SpringValue = class extends FrameValue {
         props.config !== defaultProps.config ? callProp(defaultProps.config, key) : void 0
       );
     }
-    let node = getAnimated(this);
-    if (!node || is.und(to2)) {
+    let node2 = getAnimated(this);
+    if (!node2 || is.und(to2)) {
       return resolve(getFinishedResult(this, true));
     }
     const reset = (
@@ -22116,16 +22151,16 @@ var SpringValue = class extends FrameValue {
     const immediate = !hasAsyncTo && (!isAnimatable || matchProp(defaultProps.immediate || props.immediate, key));
     if (hasToChanged) {
       const nodeType = getAnimatedType(to2);
-      if (nodeType !== node.constructor) {
+      if (nodeType !== node2.constructor) {
         if (immediate) {
-          node = this._set(goal);
+          node2 = this._set(goal);
         } else
           throw Error(
-            `Cannot animate between ${node.constructor.name} and ${nodeType.name}, as the "to" prop suggests`
+            `Cannot animate between ${node2.constructor.name} and ${nodeType.name}, as the "to" prop suggests`
           );
       }
     }
-    const goalType = node.constructor;
+    const goalType = node2.constructor;
     let started = hasFluidValue(to2);
     let finished = false;
     if (!started) {
@@ -22147,7 +22182,7 @@ var SpringValue = class extends FrameValue {
     }
     if (!hasAsyncTo) {
       if (started || hasFluidValue(prevTo)) {
-        anim.values = node.getPayload();
+        anim.values = node2.getPayload();
         anim.toValues = hasFluidValue(to2) ? null : goalType == AnimatedString ? [1] : toArray(goal);
       }
       if (anim.immediate != immediate) {
@@ -22269,7 +22304,7 @@ var SpringValue = class extends FrameValue {
     const anim = this.animation;
     getAnimated(this).reset(getFluidValue(anim.to));
     if (!anim.immediate) {
-      anim.fromValues = anim.values.map((node) => node.lastPosition);
+      anim.fromValues = anim.values.map((node2) => node2.lastPosition);
     }
     if (!isAnimating(this)) {
       setActiveBit(this, true);
@@ -22294,8 +22329,8 @@ var SpringValue = class extends FrameValue {
     if (isAnimating(this)) {
       setActiveBit(this, false);
       const anim = this.animation;
-      each(anim.values, (node) => {
-        node.done = true;
+      each(anim.values, (node2) => {
+        node2.done = true;
       });
       if (anim.toValues) {
         anim.onChange = anim.onPause = anim.onResume = void 0;
@@ -23168,8 +23203,8 @@ var Interpolation = class extends FrameValue {
   _start() {
     if (this.idle && !checkIdle(this._active)) {
       this.idle = false;
-      each(getPayload(this), (node) => {
-        node.done = false;
+      each(getPayload(this), (node2) => {
+        node2.done = false;
       });
       if (globals_exports.skipAnimation) {
         raf.batchedUpdates(() => this.advance());
@@ -23234,8 +23269,8 @@ function checkIdle(active) {
 function becomeIdle(self2) {
   if (!self2.idle) {
     self2.idle = true;
-    each(getPayload(self2), (node) => {
-      node.done = true;
+    each(getPayload(self2), (node2) => {
+      node2.done = true;
     });
     callFluidObservers(self2, {
       type: "idle",
@@ -23629,30 +23664,30 @@ var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain,
 function getNodeName(element) {
   return element ? (element.nodeName || "").toLowerCase() : null;
 }
-function getWindow$1(node) {
-  if (node == null) {
+function getWindow$1(node2) {
+  if (node2 == null) {
     return window;
   }
-  if (node.toString() !== "[object Window]") {
-    var ownerDocument = node.ownerDocument;
+  if (node2.toString() !== "[object Window]") {
+    var ownerDocument = node2.ownerDocument;
     return ownerDocument ? ownerDocument.defaultView || window : window;
   }
-  return node;
+  return node2;
 }
-function isElement$1(node) {
-  var OwnElement = getWindow$1(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
+function isElement$1(node2) {
+  var OwnElement = getWindow$1(node2).Element;
+  return node2 instanceof OwnElement || node2 instanceof Element;
 }
-function isHTMLElement(node) {
-  var OwnElement = getWindow$1(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
+function isHTMLElement(node2) {
+  var OwnElement = getWindow$1(node2).HTMLElement;
+  return node2 instanceof OwnElement || node2 instanceof HTMLElement;
 }
-function isShadowRoot(node) {
+function isShadowRoot(node2) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  var OwnElement = getWindow$1(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+  var OwnElement = getWindow$1(node2).ShadowRoot;
+  return node2 instanceof OwnElement || node2 instanceof ShadowRoot;
 }
 function applyStyles(_ref) {
   var state = _ref.state;
@@ -24134,8 +24169,8 @@ function getOppositeVariationPlacement(placement) {
     return hash$1[matched];
   });
 }
-function getWindowScroll(node) {
-  var win = getWindow$1(node);
+function getWindowScroll(node2) {
+  var win = getWindow$1(node2);
   var scrollLeft = win.pageXOffset;
   var scrollTop = win.pageYOffset;
   return {
@@ -24193,14 +24228,14 @@ function isScrollParent(element) {
   var _getComputedStyle = getComputedStyle$2(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
-function getScrollParent(node) {
-  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
-    return node.ownerDocument.body;
+function getScrollParent(node2) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node2)) >= 0) {
+    return node2.ownerDocument.body;
   }
-  if (isHTMLElement(node) && isScrollParent(node)) {
-    return node;
+  if (isHTMLElement(node2) && isScrollParent(node2)) {
+    return node2;
   }
-  return getScrollParent(getParentNode(node));
+  return getScrollParent(getParentNode(node2));
 }
 function listScrollParents(element, list) {
   var _element$ownerDocumen;
@@ -24694,11 +24729,11 @@ function getHTMLElementScroll(element) {
     scrollTop: element.scrollTop
   };
 }
-function getNodeScroll(node) {
-  if (node === getWindow$1(node) || !isHTMLElement(node)) {
-    return getWindowScroll(node);
+function getNodeScroll(node2) {
+  if (node2 === getWindow$1(node2) || !isHTMLElement(node2)) {
+    return getWindowScroll(node2);
   } else {
-    return getHTMLElementScroll(node);
+    return getHTMLElementScroll(node2);
   }
 }
 function isElementScaled(element) {
@@ -25231,7 +25266,35 @@ const SvgCommunity = ({
       )
     ]
   }
-), SvgMyApps$1 = SvgMyApps, SvgNeoMessaging = ({
+), SvgMyApps$1 = SvgMyApps, SvgNeoAssistance = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12M7.123 7.667C8.276 5.958 9.745 5 12.013 5 14.425 5 17 6.941 17 9.5c0 2.113-1.377 2.932-2.418 3.552-.633.376-1.142.68-1.142 1.154v.169a.693.693 0 0 1-.682.703h-2.06a.693.693 0 0 1-.681-.703v-.287c0-1.768 1.269-2.5 2.266-3.075l.073-.042c.863-.499 1.392-.838 1.392-1.499 0-.874-1.082-1.454-1.956-1.454-1.112 0-1.64.53-2.351 1.449a.67.67 0 0 1-.945.121L7.27 8.63a.72.72 0 0 1-.147-.963M9.76 17.97c0-1.12.883-2.03 1.969-2.03 1.085 0 1.968.91 1.968 2.03S12.814 20 11.73 20c-1.086 0-1.969-.91-1.969-2.03",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgNeoAssistance$1 = SvgNeoAssistance, SvgNeoMessaging = ({
   title,
   titleId,
   ...props
@@ -25282,7 +25345,33 @@ const SvgCommunity = ({
       )
     ]
   }
-), SvgNewRelease$1 = SvgNewRelease, SvgOneMessaging = ({
+), SvgNewRelease$1 = SvgNewRelease, SvgOneAssistance = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M11.685 2C8.66 2 6.7 3.277 5.164 5.556A.96.96 0 0 0 5.36 6.84l1.634 1.278a.89.89 0 0 0 1.26-.162c.95-1.226 1.653-1.932 3.136-1.932 1.165 0 2.607.773 2.607 1.939 0 .88-.705 1.333-1.856 1.998-1.342.776-3.118 1.742-3.118 4.157v.382c0 .518.407.938.909.938h2.746c.502 0 .91-.42.91-.938v-.226c0-1.674 4.745-1.743 4.745-6.274 0-3.412-3.432-6-6.648-6m-.38 14.588c-1.447 0-2.625 1.214-2.625 2.706S9.858 22 11.305 22s2.624-1.214 2.624-2.706-1.177-2.706-2.624-2.706"
+        }
+      )
+    ]
+  }
+), SvgOneAssistance$1 = SvgOneAssistance, SvgOneMessaging = ({
   title,
   titleId,
   ...props
@@ -25613,11 +25702,11 @@ function getTranslate(el2, axis) {
 function isObject$1(o2) {
   return typeof o2 === "object" && o2 !== null && o2.constructor && Object.prototype.toString.call(o2).slice(8, -1) === "Object";
 }
-function isNode(node) {
+function isNode(node2) {
   if (typeof window !== "undefined" && typeof window.HTMLElement !== "undefined") {
-    return node instanceof HTMLElement;
+    return node2 instanceof HTMLElement;
   }
-  return node && (node.nodeType === 1 || node.nodeType === 11);
+  return node2 && (node2.nodeType === 1 || node2.nodeType === 11);
 }
 function extend$1() {
   const to2 = Object(arguments.length <= 0 ? void 0 : arguments[0]);
@@ -26645,8 +26734,8 @@ function updateSlides() {
       "marginRight": "marginBottom"
     }[property];
   }
-  function getDirectionPropertyValue(node, label) {
-    return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);
+  function getDirectionPropertyValue(node2, label) {
+    return parseFloat(node2.getPropertyValue(getDirectionLabel(label)) || 0);
   }
   const params = swiper.params;
   const {
@@ -30246,7 +30335,7 @@ function isChildSwiperSlide(child) {
 }
 function processChildren(c6) {
   const slides = [];
-  React.Children.toArray(c6).forEach((child) => {
+  React$2.Children.toArray(c6).forEach((child) => {
     if (isChildSwiperSlide(child)) {
       slides.push(child);
     } else if (child.props && child.props.children) {
@@ -30263,7 +30352,7 @@ function getChildren(c6) {
     "wrapper-start": [],
     "wrapper-end": []
   };
-  React.Children.toArray(c6).forEach((child) => {
+  React$2.Children.toArray(c6).forEach((child) => {
     if (isChildSwiperSlide(child)) {
       slides.push(child);
     } else if (child.props && child.props.slot && slots[child.props.slot]) {
@@ -30314,7 +30403,7 @@ function renderVirtual(swiper, slides, virtualData) {
     }
   }
   return slidesToRender.map((child, index2) => {
-    return /* @__PURE__ */ React.cloneElement(child, {
+    return /* @__PURE__ */ React$2.cloneElement(child, {
       swiper,
       style,
       key: `slide-${index2}`
@@ -30474,29 +30563,29 @@ const Swiper2 = /* @__PURE__ */ reactExports.forwardRef(function(_temp, external
       return renderVirtual(swiperRef.current, slides, virtualData);
     }
     return slides.map((child, index2) => {
-      return /* @__PURE__ */ React.cloneElement(child, {
+      return /* @__PURE__ */ React$2.cloneElement(child, {
         swiper: swiperRef.current,
         swiperSlideIndex: index2
       });
     });
   }
-  return /* @__PURE__ */ React.createElement(Tag, _extends({
+  return /* @__PURE__ */ React$2.createElement(Tag, _extends({
     ref: swiperElRef,
     className: uniqueClasses(`${containerClasses}${className ? ` ${className}` : ""}`)
-  }, restProps), /* @__PURE__ */ React.createElement(SwiperContext.Provider, {
+  }, restProps), /* @__PURE__ */ React$2.createElement(SwiperContext.Provider, {
     value: swiperRef.current
-  }, slots["container-start"], /* @__PURE__ */ React.createElement(WrapperTag, {
+  }, slots["container-start"], /* @__PURE__ */ React$2.createElement(WrapperTag, {
     className: wrapperClass(swiperParams.wrapperClass)
-  }, slots["wrapper-start"], renderSlides(), slots["wrapper-end"]), needsNavigation(swiperParams) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+  }, slots["wrapper-start"], renderSlides(), slots["wrapper-end"]), needsNavigation(swiperParams) && /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement("div", {
     ref: prevElRef,
     className: "swiper-button-prev"
-  }), /* @__PURE__ */ React.createElement("div", {
+  }), /* @__PURE__ */ React$2.createElement("div", {
     ref: nextElRef,
     className: "swiper-button-next"
-  })), needsScrollbar(swiperParams) && /* @__PURE__ */ React.createElement("div", {
+  })), needsScrollbar(swiperParams) && /* @__PURE__ */ React$2.createElement("div", {
     ref: scrollbarElRef,
     className: "swiper-scrollbar"
-  }), needsPagination(swiperParams) && /* @__PURE__ */ React.createElement("div", {
+  }), needsPagination(swiperParams) && /* @__PURE__ */ React$2.createElement("div", {
     ref: paginationElRef,
     className: "swiper-pagination"
   }), slots["container-end"]));
@@ -30562,25 +30651,2329 @@ const SwiperSlide = /* @__PURE__ */ reactExports.forwardRef(function(_temp, exte
   const onLoad2 = () => {
     setLazyLoaded(true);
   };
-  return /* @__PURE__ */ React.createElement(Tag, _extends({
+  return /* @__PURE__ */ React$2.createElement(Tag, _extends({
     ref: slideElRef,
     className: uniqueClasses(`${slideClasses}${className ? ` ${className}` : ""}`),
     "data-swiper-slide-index": virtualIndex,
     onLoad: onLoad2
-  }, rest), zoom && /* @__PURE__ */ React.createElement(SwiperSlideContext.Provider, {
+  }, rest), zoom && /* @__PURE__ */ React$2.createElement(SwiperSlideContext.Provider, {
     value: slideData
-  }, /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React$2.createElement("div", {
     className: "swiper-zoom-container",
     "data-swiper-zoom": typeof zoom === "number" ? zoom : void 0
-  }, renderChildren(), lazy && !lazyLoaded && /* @__PURE__ */ React.createElement("div", {
+  }, renderChildren(), lazy && !lazyLoaded && /* @__PURE__ */ React$2.createElement("div", {
     className: "swiper-lazy-preloader"
-  }))), !zoom && /* @__PURE__ */ React.createElement(SwiperSlideContext.Provider, {
+  }))), !zoom && /* @__PURE__ */ React$2.createElement(SwiperSlideContext.Provider, {
     value: slideData
-  }, renderChildren(), lazy && !lazyLoaded && /* @__PURE__ */ React.createElement("div", {
+  }, renderChildren(), lazy && !lazyLoaded && /* @__PURE__ */ React$2.createElement("div", {
     className: "swiper-lazy-preloader"
   })));
 });
 SwiperSlide.displayName = "SwiperSlide";
+var lib$3 = {};
+var lib$2 = {};
+(function(exports) {
+  Object.defineProperty(exports, "__esModule", { value: true });
+  exports.Doctype = exports.CDATA = exports.Tag = exports.Style = exports.Script = exports.Comment = exports.Directive = exports.Text = exports.Root = exports.isTag = exports.ElementType = void 0;
+  var ElementType;
+  (function(ElementType2) {
+    ElementType2["Root"] = "root";
+    ElementType2["Text"] = "text";
+    ElementType2["Directive"] = "directive";
+    ElementType2["Comment"] = "comment";
+    ElementType2["Script"] = "script";
+    ElementType2["Style"] = "style";
+    ElementType2["Tag"] = "tag";
+    ElementType2["CDATA"] = "cdata";
+    ElementType2["Doctype"] = "doctype";
+  })(ElementType = exports.ElementType || (exports.ElementType = {}));
+  function isTag2(elem) {
+    return elem.type === ElementType.Tag || elem.type === ElementType.Script || elem.type === ElementType.Style;
+  }
+  exports.isTag = isTag2;
+  exports.Root = ElementType.Root;
+  exports.Text = ElementType.Text;
+  exports.Directive = ElementType.Directive;
+  exports.Comment = ElementType.Comment;
+  exports.Script = ElementType.Script;
+  exports.Style = ElementType.Style;
+  exports.Tag = ElementType.Tag;
+  exports.CDATA = ElementType.CDATA;
+  exports.Doctype = ElementType.Doctype;
+})(lib$2);
+var node = {};
+var __extends = commonjsGlobal && commonjsGlobal.__extends || /* @__PURE__ */ function() {
+  var extendStatics = function(d2, b2) {
+    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
+      d3.__proto__ = b3;
+    } || function(d3, b3) {
+      for (var p2 in b3)
+        if (Object.prototype.hasOwnProperty.call(b3, p2))
+          d3[p2] = b3[p2];
+    };
+    return extendStatics(d2, b2);
+  };
+  return function(d2, b2) {
+    if (typeof b2 !== "function" && b2 !== null)
+      throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
+    extendStatics(d2, b2);
+    function __() {
+      this.constructor = d2;
+    }
+    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
+  };
+}();
+var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  __assign = Object.assign || function(t2) {
+    for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
+      s2 = arguments[i2];
+      for (var p2 in s2)
+        if (Object.prototype.hasOwnProperty.call(s2, p2))
+          t2[p2] = s2[p2];
+    }
+    return t2;
+  };
+  return __assign.apply(this, arguments);
+};
+Object.defineProperty(node, "__esModule", { value: true });
+node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.CDATA = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
+var domelementtype_1 = lib$2;
+var Node$2 = (
+  /** @class */
+  function() {
+    function Node2() {
+      this.parent = null;
+      this.prev = null;
+      this.next = null;
+      this.startIndex = null;
+      this.endIndex = null;
+    }
+    Object.defineProperty(Node2.prototype, "parentNode", {
+      // Read-write aliases for properties
+      /**
+       * Same as {@link parent}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.parent;
+      },
+      set: function(parent) {
+        this.parent = parent;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(Node2.prototype, "previousSibling", {
+      /**
+       * Same as {@link prev}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.prev;
+      },
+      set: function(prev) {
+        this.prev = prev;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(Node2.prototype, "nextSibling", {
+      /**
+       * Same as {@link next}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.next;
+      },
+      set: function(next) {
+        this.next = next;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Node2.prototype.cloneNode = function(recursive) {
+      if (recursive === void 0) {
+        recursive = false;
+      }
+      return cloneNode(this, recursive);
+    };
+    return Node2;
+  }()
+);
+node.Node = Node$2;
+var DataNode = (
+  /** @class */
+  function(_super) {
+    __extends(DataNode2, _super);
+    function DataNode2(data) {
+      var _this = _super.call(this) || this;
+      _this.data = data;
+      return _this;
+    }
+    Object.defineProperty(DataNode2.prototype, "nodeValue", {
+      /**
+       * Same as {@link data}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.data;
+      },
+      set: function(data) {
+        this.data = data;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return DataNode2;
+  }(Node$2)
+);
+node.DataNode = DataNode;
+var Text$2 = (
+  /** @class */
+  function(_super) {
+    __extends(Text2, _super);
+    function Text2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.type = domelementtype_1.ElementType.Text;
+      return _this;
+    }
+    Object.defineProperty(Text2.prototype, "nodeType", {
+      get: function() {
+        return 3;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return Text2;
+  }(DataNode)
+);
+node.Text = Text$2;
+var Comment$1 = (
+  /** @class */
+  function(_super) {
+    __extends(Comment2, _super);
+    function Comment2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.type = domelementtype_1.ElementType.Comment;
+      return _this;
+    }
+    Object.defineProperty(Comment2.prototype, "nodeType", {
+      get: function() {
+        return 8;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return Comment2;
+  }(DataNode)
+);
+node.Comment = Comment$1;
+var ProcessingInstruction$1 = (
+  /** @class */
+  function(_super) {
+    __extends(ProcessingInstruction2, _super);
+    function ProcessingInstruction2(name, data) {
+      var _this = _super.call(this, data) || this;
+      _this.name = name;
+      _this.type = domelementtype_1.ElementType.Directive;
+      return _this;
+    }
+    Object.defineProperty(ProcessingInstruction2.prototype, "nodeType", {
+      get: function() {
+        return 1;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return ProcessingInstruction2;
+  }(DataNode)
+);
+node.ProcessingInstruction = ProcessingInstruction$1;
+var NodeWithChildren = (
+  /** @class */
+  function(_super) {
+    __extends(NodeWithChildren2, _super);
+    function NodeWithChildren2(children) {
+      var _this = _super.call(this) || this;
+      _this.children = children;
+      return _this;
+    }
+    Object.defineProperty(NodeWithChildren2.prototype, "firstChild", {
+      // Aliases
+      /** First child of the node. */
+      get: function() {
+        var _a2;
+        return (_a2 = this.children[0]) !== null && _a2 !== void 0 ? _a2 : null;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(NodeWithChildren2.prototype, "lastChild", {
+      /** Last child of the node. */
+      get: function() {
+        return this.children.length > 0 ? this.children[this.children.length - 1] : null;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(NodeWithChildren2.prototype, "childNodes", {
+      /**
+       * Same as {@link children}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.children;
+      },
+      set: function(children) {
+        this.children = children;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return NodeWithChildren2;
+  }(Node$2)
+);
+node.NodeWithChildren = NodeWithChildren;
+var CDATA = (
+  /** @class */
+  function(_super) {
+    __extends(CDATA2, _super);
+    function CDATA2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.type = domelementtype_1.ElementType.CDATA;
+      return _this;
+    }
+    Object.defineProperty(CDATA2.prototype, "nodeType", {
+      get: function() {
+        return 4;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return CDATA2;
+  }(NodeWithChildren)
+);
+node.CDATA = CDATA;
+var Document = (
+  /** @class */
+  function(_super) {
+    __extends(Document2, _super);
+    function Document2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.type = domelementtype_1.ElementType.Root;
+      return _this;
+    }
+    Object.defineProperty(Document2.prototype, "nodeType", {
+      get: function() {
+        return 9;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return Document2;
+  }(NodeWithChildren)
+);
+node.Document = Document;
+var Element$2 = (
+  /** @class */
+  function(_super) {
+    __extends(Element2, _super);
+    function Element2(name, attribs, children, type2) {
+      if (children === void 0) {
+        children = [];
+      }
+      if (type2 === void 0) {
+        type2 = name === "script" ? domelementtype_1.ElementType.Script : name === "style" ? domelementtype_1.ElementType.Style : domelementtype_1.ElementType.Tag;
+      }
+      var _this = _super.call(this, children) || this;
+      _this.name = name;
+      _this.attribs = attribs;
+      _this.type = type2;
+      return _this;
+    }
+    Object.defineProperty(Element2.prototype, "nodeType", {
+      get: function() {
+        return 1;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(Element2.prototype, "tagName", {
+      // DOM Level 1 aliases
+      /**
+       * Same as {@link name}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.name;
+      },
+      set: function(name) {
+        this.name = name;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(Element2.prototype, "attributes", {
+      get: function() {
+        var _this = this;
+        return Object.keys(this.attribs).map(function(name) {
+          var _a2, _b2;
+          return {
+            name,
+            value: _this.attribs[name],
+            namespace: (_a2 = _this["x-attribsNamespace"]) === null || _a2 === void 0 ? void 0 : _a2[name],
+            prefix: (_b2 = _this["x-attribsPrefix"]) === null || _b2 === void 0 ? void 0 : _b2[name]
+          };
+        });
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return Element2;
+  }(NodeWithChildren)
+);
+node.Element = Element$2;
+function isTag(node2) {
+  return (0, domelementtype_1.isTag)(node2);
+}
+node.isTag = isTag;
+function isCDATA(node2) {
+  return node2.type === domelementtype_1.ElementType.CDATA;
+}
+node.isCDATA = isCDATA;
+function isText(node2) {
+  return node2.type === domelementtype_1.ElementType.Text;
+}
+node.isText = isText;
+function isComment(node2) {
+  return node2.type === domelementtype_1.ElementType.Comment;
+}
+node.isComment = isComment;
+function isDirective(node2) {
+  return node2.type === domelementtype_1.ElementType.Directive;
+}
+node.isDirective = isDirective;
+function isDocument(node2) {
+  return node2.type === domelementtype_1.ElementType.Root;
+}
+node.isDocument = isDocument;
+function hasChildren$1(node2) {
+  return Object.prototype.hasOwnProperty.call(node2, "children");
+}
+node.hasChildren = hasChildren$1;
+function cloneNode(node2, recursive) {
+  if (recursive === void 0) {
+    recursive = false;
+  }
+  var result;
+  if (isText(node2)) {
+    result = new Text$2(node2.data);
+  } else if (isComment(node2)) {
+    result = new Comment$1(node2.data);
+  } else if (isTag(node2)) {
+    var children = recursive ? cloneChildren(node2.children) : [];
+    var clone_1 = new Element$2(node2.name, __assign({}, node2.attribs), children);
+    children.forEach(function(child) {
+      return child.parent = clone_1;
+    });
+    if (node2.namespace != null) {
+      clone_1.namespace = node2.namespace;
+    }
+    if (node2["x-attribsNamespace"]) {
+      clone_1["x-attribsNamespace"] = __assign({}, node2["x-attribsNamespace"]);
+    }
+    if (node2["x-attribsPrefix"]) {
+      clone_1["x-attribsPrefix"] = __assign({}, node2["x-attribsPrefix"]);
+    }
+    result = clone_1;
+  } else if (isCDATA(node2)) {
+    var children = recursive ? cloneChildren(node2.children) : [];
+    var clone_2 = new CDATA(children);
+    children.forEach(function(child) {
+      return child.parent = clone_2;
+    });
+    result = clone_2;
+  } else if (isDocument(node2)) {
+    var children = recursive ? cloneChildren(node2.children) : [];
+    var clone_3 = new Document(children);
+    children.forEach(function(child) {
+      return child.parent = clone_3;
+    });
+    if (node2["x-mode"]) {
+      clone_3["x-mode"] = node2["x-mode"];
+    }
+    result = clone_3;
+  } else if (isDirective(node2)) {
+    var instruction = new ProcessingInstruction$1(node2.name, node2.data);
+    if (node2["x-name"] != null) {
+      instruction["x-name"] = node2["x-name"];
+      instruction["x-publicId"] = node2["x-publicId"];
+      instruction["x-systemId"] = node2["x-systemId"];
+    }
+    result = instruction;
+  } else {
+    throw new Error("Not implemented yet: ".concat(node2.type));
+  }
+  result.startIndex = node2.startIndex;
+  result.endIndex = node2.endIndex;
+  if (node2.sourceCodeLocation != null) {
+    result.sourceCodeLocation = node2.sourceCodeLocation;
+  }
+  return result;
+}
+node.cloneNode = cloneNode;
+function cloneChildren(childs) {
+  var children = childs.map(function(child) {
+    return cloneNode(child, true);
+  });
+  for (var i2 = 1; i2 < children.length; i2++) {
+    children[i2].prev = children[i2 - 1];
+    children[i2 - 1].next = children[i2];
+  }
+  return children;
+}
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o2, m2, k2, k22) {
+    if (k22 === void 0)
+      k22 = k2;
+    var desc = Object.getOwnPropertyDescriptor(m2, k2);
+    if (!desc || ("get" in desc ? !m2.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m2[k2];
+      } };
+    }
+    Object.defineProperty(o2, k22, desc);
+  } : function(o2, m2, k2, k22) {
+    if (k22 === void 0)
+      k22 = k2;
+    o2[k22] = m2[k2];
+  });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m2, exports2) {
+    for (var p2 in m2)
+      if (p2 !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p2))
+        __createBinding(exports2, m2, p2);
+  };
+  Object.defineProperty(exports, "__esModule", { value: true });
+  exports.DomHandler = void 0;
+  var domelementtype_12 = lib$2;
+  var node_js_1 = node;
+  __exportStar(node, exports);
+  var defaultOpts = {
+    withStartIndices: false,
+    withEndIndices: false,
+    xmlMode: false
+  };
+  var DomHandler = (
+    /** @class */
+    function() {
+      function DomHandler2(callback, options, elementCB) {
+        this.dom = [];
+        this.root = new node_js_1.Document(this.dom);
+        this.done = false;
+        this.tagStack = [this.root];
+        this.lastNode = null;
+        this.parser = null;
+        if (typeof options === "function") {
+          elementCB = options;
+          options = defaultOpts;
+        }
+        if (typeof callback === "object") {
+          options = callback;
+          callback = void 0;
+        }
+        this.callback = callback !== null && callback !== void 0 ? callback : null;
+        this.options = options !== null && options !== void 0 ? options : defaultOpts;
+        this.elementCB = elementCB !== null && elementCB !== void 0 ? elementCB : null;
+      }
+      DomHandler2.prototype.onparserinit = function(parser) {
+        this.parser = parser;
+      };
+      DomHandler2.prototype.onreset = function() {
+        this.dom = [];
+        this.root = new node_js_1.Document(this.dom);
+        this.done = false;
+        this.tagStack = [this.root];
+        this.lastNode = null;
+        this.parser = null;
+      };
+      DomHandler2.prototype.onend = function() {
+        if (this.done)
+          return;
+        this.done = true;
+        this.parser = null;
+        this.handleCallback(null);
+      };
+      DomHandler2.prototype.onerror = function(error) {
+        this.handleCallback(error);
+      };
+      DomHandler2.prototype.onclosetag = function() {
+        this.lastNode = null;
+        var elem = this.tagStack.pop();
+        if (this.options.withEndIndices) {
+          elem.endIndex = this.parser.endIndex;
+        }
+        if (this.elementCB)
+          this.elementCB(elem);
+      };
+      DomHandler2.prototype.onopentag = function(name, attribs) {
+        var type2 = this.options.xmlMode ? domelementtype_12.ElementType.Tag : void 0;
+        var element = new node_js_1.Element(name, attribs, void 0, type2);
+        this.addNode(element);
+        this.tagStack.push(element);
+      };
+      DomHandler2.prototype.ontext = function(data) {
+        var lastNode = this.lastNode;
+        if (lastNode && lastNode.type === domelementtype_12.ElementType.Text) {
+          lastNode.data += data;
+          if (this.options.withEndIndices) {
+            lastNode.endIndex = this.parser.endIndex;
+          }
+        } else {
+          var node2 = new node_js_1.Text(data);
+          this.addNode(node2);
+          this.lastNode = node2;
+        }
+      };
+      DomHandler2.prototype.oncomment = function(data) {
+        if (this.lastNode && this.lastNode.type === domelementtype_12.ElementType.Comment) {
+          this.lastNode.data += data;
+          return;
+        }
+        var node2 = new node_js_1.Comment(data);
+        this.addNode(node2);
+        this.lastNode = node2;
+      };
+      DomHandler2.prototype.oncommentend = function() {
+        this.lastNode = null;
+      };
+      DomHandler2.prototype.oncdatastart = function() {
+        var text = new node_js_1.Text("");
+        var node2 = new node_js_1.CDATA([text]);
+        this.addNode(node2);
+        text.parent = node2;
+        this.lastNode = text;
+      };
+      DomHandler2.prototype.oncdataend = function() {
+        this.lastNode = null;
+      };
+      DomHandler2.prototype.onprocessinginstruction = function(name, data) {
+        var node2 = new node_js_1.ProcessingInstruction(name, data);
+        this.addNode(node2);
+      };
+      DomHandler2.prototype.handleCallback = function(error) {
+        if (typeof this.callback === "function") {
+          this.callback(error, this.dom);
+        } else if (error) {
+          throw error;
+        }
+      };
+      DomHandler2.prototype.addNode = function(node2) {
+        var parent = this.tagStack[this.tagStack.length - 1];
+        var previousSibling = parent.children[parent.children.length - 1];
+        if (this.options.withStartIndices) {
+          node2.startIndex = this.parser.startIndex;
+        }
+        if (this.options.withEndIndices) {
+          node2.endIndex = this.parser.endIndex;
+        }
+        parent.children.push(node2);
+        if (previousSibling) {
+          node2.prev = previousSibling;
+          previousSibling.next = node2;
+        }
+        node2.parent = parent;
+        this.lastNode = null;
+      };
+      return DomHandler2;
+    }()
+  );
+  exports.DomHandler = DomHandler;
+  exports.default = DomHandler;
+})(lib$3);
+var HTML = "html";
+var HEAD$1 = "head";
+var BODY = "body";
+var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/;
+var HEAD_TAG_REGEX = /<head[^]*>/i;
+var BODY_TAG_REGEX = /<body[^]*>/i;
+var parseFromDocument = function() {
+  throw new Error(
+    "This browser does not support `document.implementation.createHTMLDocument`"
+  );
+};
+var parseFromString = function() {
+  throw new Error(
+    "This browser does not support `DOMParser.prototype.parseFromString`"
+  );
+};
+var DOMParser$1 = typeof window === "object" && window.DOMParser;
+if (typeof DOMParser$1 === "function") {
+  var domParser = new DOMParser$1();
+  var mimeType = "text/html";
+  parseFromString = function(html, tagName2) {
+    if (tagName2) {
+      html = "<" + tagName2 + ">" + html + "</" + tagName2 + ">";
+    }
+    return domParser.parseFromString(html, mimeType);
+  };
+  parseFromDocument = parseFromString;
+}
+if (typeof document === "object" && document.implementation) {
+  var doc = document.implementation.createHTMLDocument();
+  parseFromDocument = function(html, tagName2) {
+    if (tagName2) {
+      var element = doc.documentElement.querySelector(tagName2);
+      element.innerHTML = html;
+      return doc;
+    }
+    doc.documentElement.innerHTML = html;
+    return doc;
+  };
+}
+var template = typeof document === "object" ? document.createElement("template") : {};
+var parseFromTemplate;
+if (template.content) {
+  parseFromTemplate = function(html) {
+    template.innerHTML = html;
+    return template.content.childNodes;
+  };
+}
+function domparser$1(html) {
+  var firstTagName;
+  var match = html.match(FIRST_TAG_REGEX);
+  if (match && match[1]) {
+    firstTagName = match[1].toLowerCase();
+  }
+  var doc;
+  var element;
+  var elements;
+  switch (firstTagName) {
+    case HTML:
+      doc = parseFromString(html);
+      if (!HEAD_TAG_REGEX.test(html)) {
+        element = doc.querySelector(HEAD$1);
+        if (element) {
+          element.parentNode.removeChild(element);
+        }
+      }
+      if (!BODY_TAG_REGEX.test(html)) {
+        element = doc.querySelector(BODY);
+        if (element) {
+          element.parentNode.removeChild(element);
+        }
+      }
+      return doc.querySelectorAll(HTML);
+    case HEAD$1:
+    case BODY:
+      doc = parseFromDocument(html);
+      elements = doc.querySelectorAll(firstTagName);
+      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
+        return elements[0].parentNode.childNodes;
+      }
+      return elements;
+    default:
+      if (parseFromTemplate) {
+        return parseFromTemplate(html);
+      }
+      element = parseFromDocument(html, BODY).querySelector(BODY);
+      return element.childNodes;
+  }
+}
+var domparser_1 = domparser$1;
+var utilities$5 = {};
+var constants$1 = {};
+constants$1.CASE_SENSITIVE_TAG_NAMES = [
+  "animateMotion",
+  "animateTransform",
+  "clipPath",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "foreignObject",
+  "linearGradient",
+  "radialGradient",
+  "textPath"
+];
+var domhandler$1 = lib$3;
+var constants = constants$1;
+var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
+var Comment = domhandler$1.Comment;
+var Element$1 = domhandler$1.Element;
+var ProcessingInstruction = domhandler$1.ProcessingInstruction;
+var Text$1 = domhandler$1.Text;
+var caseSensitiveTagNamesMap = {};
+var tagName;
+for (var i$1 = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i$1 < len; i$1++) {
+  tagName = CASE_SENSITIVE_TAG_NAMES[i$1];
+  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
+}
+function getCaseSensitiveTagName(tagName2) {
+  return caseSensitiveTagNamesMap[tagName2];
+}
+function formatAttributes(attributes) {
+  var result = {};
+  var attribute;
+  for (var i2 = 0, len = attributes.length; i2 < len; i2++) {
+    attribute = attributes[i2];
+    result[attribute.name] = attribute.value;
+  }
+  return result;
+}
+function formatTagName(tagName2) {
+  tagName2 = tagName2.toLowerCase();
+  var caseSensitiveTagName = getCaseSensitiveTagName(tagName2);
+  if (caseSensitiveTagName) {
+    return caseSensitiveTagName;
+  }
+  return tagName2;
+}
+function formatDOM$1(nodes, parent, directive) {
+  parent = parent || null;
+  var result = [];
+  var tagName2;
+  for (var index2 = 0, len = nodes.length; index2 < len; index2++) {
+    var node2 = nodes[index2];
+    var current;
+    switch (node2.nodeType) {
+      case 1:
+        tagName2 = formatTagName(node2.nodeName);
+        current = new Element$1(tagName2, formatAttributes(node2.attributes));
+        current.children = formatDOM$1(
+          // template children are on content
+          tagName2 === "template" ? node2.content.childNodes : node2.childNodes,
+          current
+        );
+        break;
+      case 3:
+        current = new Text$1(node2.nodeValue);
+        break;
+      case 8:
+        current = new Comment(node2.nodeValue);
+        break;
+      default:
+        continue;
+    }
+    var prev = result[index2 - 1] || null;
+    if (prev) {
+      prev.next = current;
+    }
+    current.parent = parent;
+    current.prev = prev;
+    current.next = null;
+    result.push(current);
+  }
+  if (directive) {
+    current = new ProcessingInstruction(
+      directive.substring(0, directive.indexOf(" ")).toLowerCase(),
+      directive
+    );
+    current.next = result[0] || null;
+    current.parent = parent;
+    result.unshift(current);
+    if (result[1]) {
+      result[1].prev = result[0];
+    }
+  }
+  return result;
+}
+utilities$5.formatAttributes = formatAttributes;
+utilities$5.formatDOM = formatDOM$1;
+var domparser = domparser_1;
+var utilities$4 = utilities$5;
+var formatDOM = utilities$4.formatDOM;
+var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/;
+function HTMLDOMParser(html) {
+  if (typeof html !== "string") {
+    throw new TypeError("First argument must be a string");
+  }
+  if (html === "") {
+    return [];
+  }
+  var match = html.match(DIRECTIVE_REGEX);
+  var directive;
+  if (match && match[1]) {
+    directive = match[1];
+  }
+  return formatDOM(domparser(html), null, directive);
+}
+var htmlToDom = HTMLDOMParser;
+var lib$1 = {};
+var possibleStandardNamesOptimized$1 = {};
+var SAME$1 = 0;
+possibleStandardNamesOptimized$1.SAME = SAME$1;
+var CAMELCASE$1 = 1;
+possibleStandardNamesOptimized$1.CAMELCASE = CAMELCASE$1;
+possibleStandardNamesOptimized$1.possibleStandardNames = {
+  accept: 0,
+  acceptCharset: 1,
+  "accept-charset": "acceptCharset",
+  accessKey: 1,
+  action: 0,
+  allowFullScreen: 1,
+  alt: 0,
+  as: 0,
+  async: 0,
+  autoCapitalize: 1,
+  autoComplete: 1,
+  autoCorrect: 1,
+  autoFocus: 1,
+  autoPlay: 1,
+  autoSave: 1,
+  capture: 0,
+  cellPadding: 1,
+  cellSpacing: 1,
+  challenge: 0,
+  charSet: 1,
+  checked: 0,
+  children: 0,
+  cite: 0,
+  class: "className",
+  classID: 1,
+  className: 1,
+  cols: 0,
+  colSpan: 1,
+  content: 0,
+  contentEditable: 1,
+  contextMenu: 1,
+  controls: 0,
+  controlsList: 1,
+  coords: 0,
+  crossOrigin: 1,
+  dangerouslySetInnerHTML: 1,
+  data: 0,
+  dateTime: 1,
+  default: 0,
+  defaultChecked: 1,
+  defaultValue: 1,
+  defer: 0,
+  dir: 0,
+  disabled: 0,
+  disablePictureInPicture: 1,
+  disableRemotePlayback: 1,
+  download: 0,
+  draggable: 0,
+  encType: 1,
+  enterKeyHint: 1,
+  for: "htmlFor",
+  form: 0,
+  formMethod: 1,
+  formAction: 1,
+  formEncType: 1,
+  formNoValidate: 1,
+  formTarget: 1,
+  frameBorder: 1,
+  headers: 0,
+  height: 0,
+  hidden: 0,
+  high: 0,
+  href: 0,
+  hrefLang: 1,
+  htmlFor: 1,
+  httpEquiv: 1,
+  "http-equiv": "httpEquiv",
+  icon: 0,
+  id: 0,
+  innerHTML: 1,
+  inputMode: 1,
+  integrity: 0,
+  is: 0,
+  itemID: 1,
+  itemProp: 1,
+  itemRef: 1,
+  itemScope: 1,
+  itemType: 1,
+  keyParams: 1,
+  keyType: 1,
+  kind: 0,
+  label: 0,
+  lang: 0,
+  list: 0,
+  loop: 0,
+  low: 0,
+  manifest: 0,
+  marginWidth: 1,
+  marginHeight: 1,
+  max: 0,
+  maxLength: 1,
+  media: 0,
+  mediaGroup: 1,
+  method: 0,
+  min: 0,
+  minLength: 1,
+  multiple: 0,
+  muted: 0,
+  name: 0,
+  noModule: 1,
+  nonce: 0,
+  noValidate: 1,
+  open: 0,
+  optimum: 0,
+  pattern: 0,
+  placeholder: 0,
+  playsInline: 1,
+  poster: 0,
+  preload: 0,
+  profile: 0,
+  radioGroup: 1,
+  readOnly: 1,
+  referrerPolicy: 1,
+  rel: 0,
+  required: 0,
+  reversed: 0,
+  role: 0,
+  rows: 0,
+  rowSpan: 1,
+  sandbox: 0,
+  scope: 0,
+  scoped: 0,
+  scrolling: 0,
+  seamless: 0,
+  selected: 0,
+  shape: 0,
+  size: 0,
+  sizes: 0,
+  span: 0,
+  spellCheck: 1,
+  src: 0,
+  srcDoc: 1,
+  srcLang: 1,
+  srcSet: 1,
+  start: 0,
+  step: 0,
+  style: 0,
+  summary: 0,
+  tabIndex: 1,
+  target: 0,
+  title: 0,
+  type: 0,
+  useMap: 1,
+  value: 0,
+  width: 0,
+  wmode: 0,
+  wrap: 0,
+  about: 0,
+  accentHeight: 1,
+  "accent-height": "accentHeight",
+  accumulate: 0,
+  additive: 0,
+  alignmentBaseline: 1,
+  "alignment-baseline": "alignmentBaseline",
+  allowReorder: 1,
+  alphabetic: 0,
+  amplitude: 0,
+  arabicForm: 1,
+  "arabic-form": "arabicForm",
+  ascent: 0,
+  attributeName: 1,
+  attributeType: 1,
+  autoReverse: 1,
+  azimuth: 0,
+  baseFrequency: 1,
+  baselineShift: 1,
+  "baseline-shift": "baselineShift",
+  baseProfile: 1,
+  bbox: 0,
+  begin: 0,
+  bias: 0,
+  by: 0,
+  calcMode: 1,
+  capHeight: 1,
+  "cap-height": "capHeight",
+  clip: 0,
+  clipPath: 1,
+  "clip-path": "clipPath",
+  clipPathUnits: 1,
+  clipRule: 1,
+  "clip-rule": "clipRule",
+  color: 0,
+  colorInterpolation: 1,
+  "color-interpolation": "colorInterpolation",
+  colorInterpolationFilters: 1,
+  "color-interpolation-filters": "colorInterpolationFilters",
+  colorProfile: 1,
+  "color-profile": "colorProfile",
+  colorRendering: 1,
+  "color-rendering": "colorRendering",
+  contentScriptType: 1,
+  contentStyleType: 1,
+  cursor: 0,
+  cx: 0,
+  cy: 0,
+  d: 0,
+  datatype: 0,
+  decelerate: 0,
+  descent: 0,
+  diffuseConstant: 1,
+  direction: 0,
+  display: 0,
+  divisor: 0,
+  dominantBaseline: 1,
+  "dominant-baseline": "dominantBaseline",
+  dur: 0,
+  dx: 0,
+  dy: 0,
+  edgeMode: 1,
+  elevation: 0,
+  enableBackground: 1,
+  "enable-background": "enableBackground",
+  end: 0,
+  exponent: 0,
+  externalResourcesRequired: 1,
+  fill: 0,
+  fillOpacity: 1,
+  "fill-opacity": "fillOpacity",
+  fillRule: 1,
+  "fill-rule": "fillRule",
+  filter: 0,
+  filterRes: 1,
+  filterUnits: 1,
+  floodOpacity: 1,
+  "flood-opacity": "floodOpacity",
+  floodColor: 1,
+  "flood-color": "floodColor",
+  focusable: 0,
+  fontFamily: 1,
+  "font-family": "fontFamily",
+  fontSize: 1,
+  "font-size": "fontSize",
+  fontSizeAdjust: 1,
+  "font-size-adjust": "fontSizeAdjust",
+  fontStretch: 1,
+  "font-stretch": "fontStretch",
+  fontStyle: 1,
+  "font-style": "fontStyle",
+  fontVariant: 1,
+  "font-variant": "fontVariant",
+  fontWeight: 1,
+  "font-weight": "fontWeight",
+  format: 0,
+  from: 0,
+  fx: 0,
+  fy: 0,
+  g1: 0,
+  g2: 0,
+  glyphName: 1,
+  "glyph-name": "glyphName",
+  glyphOrientationHorizontal: 1,
+  "glyph-orientation-horizontal": "glyphOrientationHorizontal",
+  glyphOrientationVertical: 1,
+  "glyph-orientation-vertical": "glyphOrientationVertical",
+  glyphRef: 1,
+  gradientTransform: 1,
+  gradientUnits: 1,
+  hanging: 0,
+  horizAdvX: 1,
+  "horiz-adv-x": "horizAdvX",
+  horizOriginX: 1,
+  "horiz-origin-x": "horizOriginX",
+  ideographic: 0,
+  imageRendering: 1,
+  "image-rendering": "imageRendering",
+  in2: 0,
+  in: 0,
+  inlist: 0,
+  intercept: 0,
+  k1: 0,
+  k2: 0,
+  k3: 0,
+  k4: 0,
+  k: 0,
+  kernelMatrix: 1,
+  kernelUnitLength: 1,
+  kerning: 0,
+  keyPoints: 1,
+  keySplines: 1,
+  keyTimes: 1,
+  lengthAdjust: 1,
+  letterSpacing: 1,
+  "letter-spacing": "letterSpacing",
+  lightingColor: 1,
+  "lighting-color": "lightingColor",
+  limitingConeAngle: 1,
+  local: 0,
+  markerEnd: 1,
+  "marker-end": "markerEnd",
+  markerHeight: 1,
+  markerMid: 1,
+  "marker-mid": "markerMid",
+  markerStart: 1,
+  "marker-start": "markerStart",
+  markerUnits: 1,
+  markerWidth: 1,
+  mask: 0,
+  maskContentUnits: 1,
+  maskUnits: 1,
+  mathematical: 0,
+  mode: 0,
+  numOctaves: 1,
+  offset: 0,
+  opacity: 0,
+  operator: 0,
+  order: 0,
+  orient: 0,
+  orientation: 0,
+  origin: 0,
+  overflow: 0,
+  overlinePosition: 1,
+  "overline-position": "overlinePosition",
+  overlineThickness: 1,
+  "overline-thickness": "overlineThickness",
+  paintOrder: 1,
+  "paint-order": "paintOrder",
+  panose1: 0,
+  "panose-1": "panose1",
+  pathLength: 1,
+  patternContentUnits: 1,
+  patternTransform: 1,
+  patternUnits: 1,
+  pointerEvents: 1,
+  "pointer-events": "pointerEvents",
+  points: 0,
+  pointsAtX: 1,
+  pointsAtY: 1,
+  pointsAtZ: 1,
+  prefix: 0,
+  preserveAlpha: 1,
+  preserveAspectRatio: 1,
+  primitiveUnits: 1,
+  property: 0,
+  r: 0,
+  radius: 0,
+  refX: 1,
+  refY: 1,
+  renderingIntent: 1,
+  "rendering-intent": "renderingIntent",
+  repeatCount: 1,
+  repeatDur: 1,
+  requiredExtensions: 1,
+  requiredFeatures: 1,
+  resource: 0,
+  restart: 0,
+  result: 0,
+  results: 0,
+  rotate: 0,
+  rx: 0,
+  ry: 0,
+  scale: 0,
+  security: 0,
+  seed: 0,
+  shapeRendering: 1,
+  "shape-rendering": "shapeRendering",
+  slope: 0,
+  spacing: 0,
+  specularConstant: 1,
+  specularExponent: 1,
+  speed: 0,
+  spreadMethod: 1,
+  startOffset: 1,
+  stdDeviation: 1,
+  stemh: 0,
+  stemv: 0,
+  stitchTiles: 1,
+  stopColor: 1,
+  "stop-color": "stopColor",
+  stopOpacity: 1,
+  "stop-opacity": "stopOpacity",
+  strikethroughPosition: 1,
+  "strikethrough-position": "strikethroughPosition",
+  strikethroughThickness: 1,
+  "strikethrough-thickness": "strikethroughThickness",
+  string: 0,
+  stroke: 0,
+  strokeDasharray: 1,
+  "stroke-dasharray": "strokeDasharray",
+  strokeDashoffset: 1,
+  "stroke-dashoffset": "strokeDashoffset",
+  strokeLinecap: 1,
+  "stroke-linecap": "strokeLinecap",
+  strokeLinejoin: 1,
+  "stroke-linejoin": "strokeLinejoin",
+  strokeMiterlimit: 1,
+  "stroke-miterlimit": "strokeMiterlimit",
+  strokeWidth: 1,
+  "stroke-width": "strokeWidth",
+  strokeOpacity: 1,
+  "stroke-opacity": "strokeOpacity",
+  suppressContentEditableWarning: 1,
+  suppressHydrationWarning: 1,
+  surfaceScale: 1,
+  systemLanguage: 1,
+  tableValues: 1,
+  targetX: 1,
+  targetY: 1,
+  textAnchor: 1,
+  "text-anchor": "textAnchor",
+  textDecoration: 1,
+  "text-decoration": "textDecoration",
+  textLength: 1,
+  textRendering: 1,
+  "text-rendering": "textRendering",
+  to: 0,
+  transform: 0,
+  typeof: 0,
+  u1: 0,
+  u2: 0,
+  underlinePosition: 1,
+  "underline-position": "underlinePosition",
+  underlineThickness: 1,
+  "underline-thickness": "underlineThickness",
+  unicode: 0,
+  unicodeBidi: 1,
+  "unicode-bidi": "unicodeBidi",
+  unicodeRange: 1,
+  "unicode-range": "unicodeRange",
+  unitsPerEm: 1,
+  "units-per-em": "unitsPerEm",
+  unselectable: 0,
+  vAlphabetic: 1,
+  "v-alphabetic": "vAlphabetic",
+  values: 0,
+  vectorEffect: 1,
+  "vector-effect": "vectorEffect",
+  version: 0,
+  vertAdvY: 1,
+  "vert-adv-y": "vertAdvY",
+  vertOriginX: 1,
+  "vert-origin-x": "vertOriginX",
+  vertOriginY: 1,
+  "vert-origin-y": "vertOriginY",
+  vHanging: 1,
+  "v-hanging": "vHanging",
+  vIdeographic: 1,
+  "v-ideographic": "vIdeographic",
+  viewBox: 1,
+  viewTarget: 1,
+  visibility: 0,
+  vMathematical: 1,
+  "v-mathematical": "vMathematical",
+  vocab: 0,
+  widths: 0,
+  wordSpacing: 1,
+  "word-spacing": "wordSpacing",
+  writingMode: 1,
+  "writing-mode": "writingMode",
+  x1: 0,
+  x2: 0,
+  x: 0,
+  xChannelSelector: 1,
+  xHeight: 1,
+  "x-height": "xHeight",
+  xlinkActuate: 1,
+  "xlink:actuate": "xlinkActuate",
+  xlinkArcrole: 1,
+  "xlink:arcrole": "xlinkArcrole",
+  xlinkHref: 1,
+  "xlink:href": "xlinkHref",
+  xlinkRole: 1,
+  "xlink:role": "xlinkRole",
+  xlinkShow: 1,
+  "xlink:show": "xlinkShow",
+  xlinkTitle: 1,
+  "xlink:title": "xlinkTitle",
+  xlinkType: 1,
+  "xlink:type": "xlinkType",
+  xmlBase: 1,
+  "xml:base": "xmlBase",
+  xmlLang: 1,
+  "xml:lang": "xmlLang",
+  xmlns: 0,
+  "xml:space": "xmlSpace",
+  xmlnsXlink: 1,
+  "xmlns:xlink": "xmlnsXlink",
+  xmlSpace: 1,
+  y1: 0,
+  y2: 0,
+  y: 0,
+  yChannelSelector: 1,
+  z: 0,
+  zoomAndPan: 1
+};
+Object.defineProperty(lib$1, "__esModule", { value: true });
+function _slicedToArray(arr2, i2) {
+  return _arrayWithHoles(arr2) || _iterableToArrayLimit(arr2, i2) || _unsupportedIterableToArray(arr2, i2) || _nonIterableRest();
+}
+function _arrayWithHoles(arr2) {
+  if (Array.isArray(arr2))
+    return arr2;
+}
+function _iterableToArrayLimit(arr2, i2) {
+  var _i2 = arr2 == null ? null : typeof Symbol !== "undefined" && arr2[Symbol.iterator] || arr2["@@iterator"];
+  if (_i2 == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d2 = false;
+  var _s, _e2;
+  try {
+    for (_i2 = _i2.call(arr2); !(_n = (_s = _i2.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i2 && _arr.length === i2)
+        break;
+    }
+  } catch (err2) {
+    _d2 = true;
+    _e2 = err2;
+  } finally {
+    try {
+      if (!_n && _i2["return"] != null)
+        _i2["return"]();
+    } finally {
+      if (_d2)
+        throw _e2;
+    }
+  }
+  return _arr;
+}
+function _unsupportedIterableToArray(o2, minLen) {
+  if (!o2)
+    return;
+  if (typeof o2 === "string")
+    return _arrayLikeToArray(o2, minLen);
+  var n2 = Object.prototype.toString.call(o2).slice(8, -1);
+  if (n2 === "Object" && o2.constructor)
+    n2 = o2.constructor.name;
+  if (n2 === "Map" || n2 === "Set")
+    return Array.from(o2);
+  if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+    return _arrayLikeToArray(o2, minLen);
+}
+function _arrayLikeToArray(arr2, len) {
+  if (len == null || len > arr2.length)
+    len = arr2.length;
+  for (var i2 = 0, arr22 = new Array(len); i2 < len; i2++)
+    arr22[i2] = arr2[i2];
+  return arr22;
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+var RESERVED = 0;
+var STRING = 1;
+var BOOLEANISH_STRING = 2;
+var BOOLEAN = 3;
+var OVERLOADED_BOOLEAN = 4;
+var NUMERIC = 5;
+var POSITIVE_NUMERIC = 6;
+function getPropertyInfo(name) {
+  return properties.hasOwnProperty(name) ? properties[name] : null;
+}
+function PropertyInfoRecord(name, type2, mustUseProperty, attributeName, attributeNamespace, sanitizeURL, removeEmptyString) {
+  this.acceptsBooleans = type2 === BOOLEANISH_STRING || type2 === BOOLEAN || type2 === OVERLOADED_BOOLEAN;
+  this.attributeName = attributeName;
+  this.attributeNamespace = attributeNamespace;
+  this.mustUseProperty = mustUseProperty;
+  this.propertyName = name;
+  this.type = type2;
+  this.sanitizeURL = sanitizeURL;
+  this.removeEmptyString = removeEmptyString;
+}
+var properties = {};
+var reservedProps = [
+  "children",
+  "dangerouslySetInnerHTML",
+  // TODO: This prevents the assignment of defaultValue to regular
+  // elements (not just inputs). Now that ReactDOMInput assigns to the
+  // defaultValue property -- do we need this?
+  "defaultValue",
+  "defaultChecked",
+  "innerHTML",
+  "suppressContentEditableWarning",
+  "suppressHydrationWarning",
+  "style"
+];
+reservedProps.forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    RESERVED,
+    false,
+    // mustUseProperty
+    name,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[["acceptCharset", "accept-charset"], ["className", "class"], ["htmlFor", "for"], ["httpEquiv", "http-equiv"]].forEach(function(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], attributeName = _ref2[1];
+  properties[name] = new PropertyInfoRecord(
+    name,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+["contentEditable", "draggable", "spellCheck", "value"].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    BOOLEANISH_STRING,
+    false,
+    // mustUseProperty
+    name.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+["autoReverse", "externalResourcesRequired", "focusable", "preserveAlpha"].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    BOOLEANISH_STRING,
+    false,
+    // mustUseProperty
+    name,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "allowFullScreen",
+  "async",
+  // Note: there is a special case that prevents it from being written to the DOM
+  // on the client side because the browsers are inconsistent. Instead we call focus().
+  "autoFocus",
+  "autoPlay",
+  "controls",
+  "default",
+  "defer",
+  "disabled",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "formNoValidate",
+  "hidden",
+  "loop",
+  "noModule",
+  "noValidate",
+  "open",
+  "playsInline",
+  "readOnly",
+  "required",
+  "reversed",
+  "scoped",
+  "seamless",
+  // Microdata
+  "itemScope"
+].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    BOOLEAN,
+    false,
+    // mustUseProperty
+    name.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "checked",
+  // Note: `option.selected` is not updated if `select.multiple` is
+  // disabled with `removeAttribute`. We have special logic for handling this.
+  "multiple",
+  "muted",
+  "selected"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    BOOLEAN,
+    true,
+    // mustUseProperty
+    name,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "capture",
+  "download"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    OVERLOADED_BOOLEAN,
+    false,
+    // mustUseProperty
+    name,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "cols",
+  "rows",
+  "size",
+  "span"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    POSITIVE_NUMERIC,
+    false,
+    // mustUseProperty
+    name,
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+["rowSpan", "start"].forEach(function(name) {
+  properties[name] = new PropertyInfoRecord(
+    name,
+    NUMERIC,
+    false,
+    // mustUseProperty
+    name.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+var CAMELIZE = /[\-\:]([a-z])/g;
+var capitalize$1 = function capitalize(token) {
+  return token[1].toUpperCase();
+};
+[
+  "accent-height",
+  "alignment-baseline",
+  "arabic-form",
+  "baseline-shift",
+  "cap-height",
+  "clip-path",
+  "clip-rule",
+  "color-interpolation",
+  "color-interpolation-filters",
+  "color-profile",
+  "color-rendering",
+  "dominant-baseline",
+  "enable-background",
+  "fill-opacity",
+  "fill-rule",
+  "flood-color",
+  "flood-opacity",
+  "font-family",
+  "font-size",
+  "font-size-adjust",
+  "font-stretch",
+  "font-style",
+  "font-variant",
+  "font-weight",
+  "glyph-name",
+  "glyph-orientation-horizontal",
+  "glyph-orientation-vertical",
+  "horiz-adv-x",
+  "horiz-origin-x",
+  "image-rendering",
+  "letter-spacing",
+  "lighting-color",
+  "marker-end",
+  "marker-mid",
+  "marker-start",
+  "overline-position",
+  "overline-thickness",
+  "paint-order",
+  "panose-1",
+  "pointer-events",
+  "rendering-intent",
+  "shape-rendering",
+  "stop-color",
+  "stop-opacity",
+  "strikethrough-position",
+  "strikethrough-thickness",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-opacity",
+  "stroke-width",
+  "text-anchor",
+  "text-decoration",
+  "text-rendering",
+  "underline-position",
+  "underline-thickness",
+  "unicode-bidi",
+  "unicode-range",
+  "units-per-em",
+  "v-alphabetic",
+  "v-hanging",
+  "v-ideographic",
+  "v-mathematical",
+  "vector-effect",
+  "vert-adv-y",
+  "vert-origin-x",
+  "vert-origin-y",
+  "word-spacing",
+  "writing-mode",
+  "xmlns:xlink",
+  "x-height"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(attributeName) {
+  var name = attributeName.replace(CAMELIZE, capitalize$1);
+  properties[name] = new PropertyInfoRecord(
+    name,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName,
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "xlink:actuate",
+  "xlink:arcrole",
+  "xlink:role",
+  "xlink:show",
+  "xlink:title",
+  "xlink:type"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(attributeName) {
+  var name = attributeName.replace(CAMELIZE, capitalize$1);
+  properties[name] = new PropertyInfoRecord(
+    name,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName,
+    "http://www.w3.org/1999/xlink",
+    false,
+    // sanitizeURL
+    false
+  );
+});
+[
+  "xml:base",
+  "xml:lang",
+  "xml:space"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach(function(attributeName) {
+  var name = attributeName.replace(CAMELIZE, capitalize$1);
+  properties[name] = new PropertyInfoRecord(
+    name,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName,
+    "http://www.w3.org/XML/1998/namespace",
+    false,
+    // sanitizeURL
+    false
+  );
+});
+["tabIndex", "crossOrigin"].forEach(function(attributeName) {
+  properties[attributeName] = new PropertyInfoRecord(
+    attributeName,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    false,
+    // sanitizeURL
+    false
+  );
+});
+var xlinkHref = "xlinkHref";
+properties[xlinkHref] = new PropertyInfoRecord(
+  "xlinkHref",
+  STRING,
+  false,
+  // mustUseProperty
+  "xlink:href",
+  "http://www.w3.org/1999/xlink",
+  true,
+  // sanitizeURL
+  false
+);
+["src", "href", "action", "formAction"].forEach(function(attributeName) {
+  properties[attributeName] = new PropertyInfoRecord(
+    attributeName,
+    STRING,
+    false,
+    // mustUseProperty
+    attributeName.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    true,
+    // sanitizeURL
+    true
+  );
+});
+var _require = possibleStandardNamesOptimized$1, CAMELCASE = _require.CAMELCASE, SAME = _require.SAME, possibleStandardNamesOptimized = _require.possibleStandardNames;
+var ATTRIBUTE_NAME_START_CHAR = ":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
+var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
+var isCustomAttribute = RegExp.prototype.test.bind(
+  // eslint-disable-next-line no-misleading-character-class
+  new RegExp("^(data|aria)-[" + ATTRIBUTE_NAME_CHAR + "]*$")
+);
+var possibleStandardNames = Object.keys(possibleStandardNamesOptimized).reduce(function(accumulator, standardName) {
+  var propName = possibleStandardNamesOptimized[standardName];
+  if (propName === SAME) {
+    accumulator[standardName] = standardName;
+  } else if (propName === CAMELCASE) {
+    accumulator[standardName.toLowerCase()] = standardName;
+  } else {
+    accumulator[standardName] = propName;
+  }
+  return accumulator;
+}, {});
+lib$1.BOOLEAN = BOOLEAN;
+lib$1.BOOLEANISH_STRING = BOOLEANISH_STRING;
+lib$1.NUMERIC = NUMERIC;
+lib$1.OVERLOADED_BOOLEAN = OVERLOADED_BOOLEAN;
+lib$1.POSITIVE_NUMERIC = POSITIVE_NUMERIC;
+lib$1.RESERVED = RESERVED;
+lib$1.STRING = STRING;
+lib$1.getPropertyInfo = getPropertyInfo;
+lib$1.isCustomAttribute = isCustomAttribute;
+lib$1.possibleStandardNames = possibleStandardNames;
+var cjs = {};
+var styleToObject = { exports: {} };
+var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
+var NEWLINE_REGEX = /\n/g;
+var WHITESPACE_REGEX = /^\s*/;
+var PROPERTY_REGEX = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
+var COLON_REGEX = /^:\s*/;
+var VALUE_REGEX = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
+var SEMICOLON_REGEX = /^[;\s]*/;
+var TRIM_REGEX = /^\s+|\s+$/g;
+var NEWLINE = "\n";
+var FORWARD_SLASH = "/";
+var ASTERISK = "*";
+var EMPTY_STRING = "";
+var TYPE_COMMENT = "comment";
+var TYPE_DECLARATION = "declaration";
+var inlineStyleParser = function(style, options) {
+  if (typeof style !== "string") {
+    throw new TypeError("First argument must be a string");
+  }
+  if (!style)
+    return [];
+  options = options || {};
+  var lineno = 1;
+  var column = 1;
+  function updatePosition(str) {
+    var lines = str.match(NEWLINE_REGEX);
+    if (lines)
+      lineno += lines.length;
+    var i2 = str.lastIndexOf(NEWLINE);
+    column = ~i2 ? str.length - i2 : column + str.length;
+  }
+  function position() {
+    var start2 = { line: lineno, column };
+    return function(node2) {
+      node2.position = new Position(start2);
+      whitespace();
+      return node2;
+    };
+  }
+  function Position(start2) {
+    this.start = start2;
+    this.end = { line: lineno, column };
+    this.source = options.source;
+  }
+  Position.prototype.content = style;
+  function error(msg) {
+    var err2 = new Error(
+      options.source + ":" + lineno + ":" + column + ": " + msg
+    );
+    err2.reason = msg;
+    err2.filename = options.source;
+    err2.line = lineno;
+    err2.column = column;
+    err2.source = style;
+    if (options.silent)
+      ;
+    else {
+      throw err2;
+    }
+  }
+  function match(re2) {
+    var m2 = re2.exec(style);
+    if (!m2)
+      return;
+    var str = m2[0];
+    updatePosition(str);
+    style = style.slice(str.length);
+    return m2;
+  }
+  function whitespace() {
+    match(WHITESPACE_REGEX);
+  }
+  function comments(rules) {
+    var c6;
+    rules = rules || [];
+    while (c6 = comment()) {
+      if (c6 !== false) {
+        rules.push(c6);
+      }
+    }
+    return rules;
+  }
+  function comment() {
+    var pos = position();
+    if (FORWARD_SLASH != style.charAt(0) || ASTERISK != style.charAt(1))
+      return;
+    var i2 = 2;
+    while (EMPTY_STRING != style.charAt(i2) && (ASTERISK != style.charAt(i2) || FORWARD_SLASH != style.charAt(i2 + 1))) {
+      ++i2;
+    }
+    i2 += 2;
+    if (EMPTY_STRING === style.charAt(i2 - 1)) {
+      return error("End of comment missing");
+    }
+    var str = style.slice(2, i2 - 2);
+    column += 2;
+    updatePosition(str);
+    style = style.slice(i2);
+    column += 2;
+    return pos({
+      type: TYPE_COMMENT,
+      comment: str
+    });
+  }
+  function declaration() {
+    var pos = position();
+    var prop = match(PROPERTY_REGEX);
+    if (!prop)
+      return;
+    comment();
+    if (!match(COLON_REGEX))
+      return error("property missing ':'");
+    var val = match(VALUE_REGEX);
+    var ret = pos({
+      type: TYPE_DECLARATION,
+      property: trim(prop[0].replace(COMMENT_REGEX, EMPTY_STRING)),
+      value: val ? trim(val[0].replace(COMMENT_REGEX, EMPTY_STRING)) : EMPTY_STRING
+    });
+    match(SEMICOLON_REGEX);
+    return ret;
+  }
+  function declarations() {
+    var decls = [];
+    comments(decls);
+    var decl;
+    while (decl = declaration()) {
+      if (decl !== false) {
+        decls.push(decl);
+        comments(decls);
+      }
+    }
+    return decls;
+  }
+  whitespace();
+  return declarations();
+};
+function trim(str) {
+  return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
+}
+var parse$2 = inlineStyleParser;
+function StyleToObject(style, iterator) {
+  var output = null;
+  if (!style || typeof style !== "string") {
+    return output;
+  }
+  var declaration;
+  var declarations = parse$2(style);
+  var hasIterator = typeof iterator === "function";
+  var property;
+  var value;
+  for (var i2 = 0, len = declarations.length; i2 < len; i2++) {
+    declaration = declarations[i2];
+    property = declaration.property;
+    value = declaration.value;
+    if (hasIterator) {
+      iterator(property, value, declaration);
+    } else if (value) {
+      output || (output = {});
+      output[property] = value;
+    }
+  }
+  return output;
+}
+styleToObject.exports = StyleToObject;
+styleToObject.exports.default = StyleToObject;
+var styleToObjectExports = styleToObject.exports;
+var utilities$3 = {};
+utilities$3.__esModule = true;
+utilities$3.camelCase = void 0;
+var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9-]+$/;
+var HYPHEN_REGEX = /-([a-z])/g;
+var NO_HYPHEN_REGEX = /^[^-]+$/;
+var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
+var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
+var skipCamelCase = function(property) {
+  return !property || NO_HYPHEN_REGEX.test(property) || CUSTOM_PROPERTY_REGEX.test(property);
+};
+var capitalize2 = function(match, character) {
+  return character.toUpperCase();
+};
+var trimHyphen = function(match, prefix2) {
+  return "".concat(prefix2, "-");
+};
+var camelCase = function(property, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  if (skipCamelCase(property)) {
+    return property;
+  }
+  property = property.toLowerCase();
+  if (options.reactCompat) {
+    property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
+  } else {
+    property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
+  }
+  return property.replace(HYPHEN_REGEX, capitalize2);
+};
+utilities$3.camelCase = camelCase;
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var style_to_object_1 = __importDefault(styleToObjectExports);
+  var utilities_1 = utilities$3;
+  function StyleToJS(style, options) {
+    var output = {};
+    if (!style || typeof style !== "string") {
+      return output;
+    }
+    (0, style_to_object_1["default"])(style, function(property, value) {
+      if (property && value) {
+        output[(0, utilities_1.camelCase)(property, options)] = value;
+      }
+    });
+    return output;
+  }
+  exports["default"] = StyleToJS;
+})(cjs);
+var React$1 = reactExports;
+var styleToJS = cjs.default;
+function invertObject(obj, override) {
+  if (!obj || typeof obj !== "object") {
+    throw new TypeError("First argument must be an object");
+  }
+  var isOverridePresent = typeof override === "function";
+  var overrides = {};
+  var result = {};
+  for (var key in obj) {
+    var value = obj[key];
+    if (isOverridePresent) {
+      overrides = override(key, value);
+      if (overrides && overrides.length === 2) {
+        result[overrides[0]] = overrides[1];
+        continue;
+      }
+    }
+    if (typeof value === "string") {
+      result[value] = key;
+    }
+  }
+  return result;
+}
+var RESERVED_SVG_MATHML_ELEMENTS = /* @__PURE__ */ new Set([
+  "annotation-xml",
+  "color-profile",
+  "font-face",
+  "font-face-src",
+  "font-face-uri",
+  "font-face-format",
+  "font-face-name",
+  "missing-glyph"
+]);
+function isCustomComponent(tagName2, props) {
+  if (tagName2.indexOf("-") === -1) {
+    return props && typeof props.is === "string";
+  }
+  if (RESERVED_SVG_MATHML_ELEMENTS.has(tagName2)) {
+    return false;
+  }
+  return true;
+}
+var STYLE_TO_JS_OPTIONS = { reactCompat: true };
+function setStyleProp$1(style, props) {
+  if (style === null || style === void 0) {
+    return;
+  }
+  try {
+    props.style = styleToJS(style, STYLE_TO_JS_OPTIONS);
+  } catch (err2) {
+    props.style = {};
+  }
+}
+var PRESERVE_CUSTOM_ATTRIBUTES = React$1.version.split(".")[0] >= 16;
+var ELEMENTS_WITH_NO_TEXT_CHILDREN = /* @__PURE__ */ new Set([
+  "tr",
+  "tbody",
+  "thead",
+  "tfoot",
+  "colgroup",
+  "table",
+  "head",
+  "html",
+  "frameset"
+]);
+function canTextBeChildOfNode$1(node2) {
+  return !ELEMENTS_WITH_NO_TEXT_CHILDREN.has(node2.name);
+}
+function returnFirstArg(arg) {
+  return arg;
+}
+var utilities$2 = {
+  PRESERVE_CUSTOM_ATTRIBUTES,
+  ELEMENTS_WITH_NO_TEXT_CHILDREN,
+  invertObject,
+  isCustomComponent,
+  setStyleProp: setStyleProp$1,
+  canTextBeChildOfNode: canTextBeChildOfNode$1,
+  returnFirstArg
+};
+var reactProperty = lib$1;
+var utilities$1 = utilities$2;
+var UNCONTROLLED_COMPONENT_ATTRIBUTES = ["checked", "value"];
+var UNCONTROLLED_COMPONENT_NAMES = ["input", "select", "textarea"];
+var VALUE_ONLY_INPUTS = {
+  reset: true,
+  submit: true
+};
+var attributesToProps$3 = function attributesToProps(attributes, nodeName) {
+  attributes = attributes || {};
+  var attributeName;
+  var attributeNameLowerCased;
+  var attributeValue;
+  var propName;
+  var propertyInfo;
+  var props = {};
+  var inputIsValueOnly = attributes.type && VALUE_ONLY_INPUTS[attributes.type];
+  for (attributeName in attributes) {
+    attributeValue = attributes[attributeName];
+    if (reactProperty.isCustomAttribute(attributeName)) {
+      props[attributeName] = attributeValue;
+      continue;
+    }
+    attributeNameLowerCased = attributeName.toLowerCase();
+    propName = getPropName(attributeNameLowerCased);
+    if (propName) {
+      propertyInfo = reactProperty.getPropertyInfo(propName);
+      if (UNCONTROLLED_COMPONENT_ATTRIBUTES.indexOf(propName) !== -1 && UNCONTROLLED_COMPONENT_NAMES.indexOf(nodeName) !== -1 && !inputIsValueOnly) {
+        propName = getPropName("default" + attributeNameLowerCased);
+      }
+      props[propName] = attributeValue;
+      switch (propertyInfo && propertyInfo.type) {
+        case reactProperty.BOOLEAN:
+          props[propName] = true;
+          break;
+        case reactProperty.OVERLOADED_BOOLEAN:
+          if (attributeValue === "") {
+            props[propName] = true;
+          }
+          break;
+      }
+      continue;
+    }
+    if (utilities$1.PRESERVE_CUSTOM_ATTRIBUTES) {
+      props[attributeName] = attributeValue;
+    }
+  }
+  utilities$1.setStyleProp(attributes.style, props);
+  return props;
+};
+function getPropName(attributeName) {
+  return reactProperty.possibleStandardNames[attributeName];
+}
+var React = reactExports;
+var attributesToProps$2 = attributesToProps$3;
+var utilities = utilities$2;
+var setStyleProp = utilities.setStyleProp;
+var canTextBeChildOfNode = utilities.canTextBeChildOfNode;
+function domToReact$2(nodes, options) {
+  options = options || {};
+  var library = options.library || React;
+  var cloneElement = library.cloneElement;
+  var createElement2 = library.createElement;
+  var isValidElement = library.isValidElement;
+  var result = [];
+  var node2;
+  var isWhitespace;
+  var hasReplace = typeof options.replace === "function";
+  var transform = options.transform || utilities.returnFirstArg;
+  var replaceElement;
+  var props;
+  var children;
+  var trim2 = options.trim;
+  for (var i2 = 0, len = nodes.length; i2 < len; i2++) {
+    node2 = nodes[i2];
+    if (hasReplace) {
+      replaceElement = options.replace(node2);
+      if (isValidElement(replaceElement)) {
+        if (len > 1) {
+          replaceElement = cloneElement(replaceElement, {
+            key: replaceElement.key || i2
+          });
+        }
+        result.push(transform(replaceElement, node2, i2));
+        continue;
+      }
+    }
+    if (node2.type === "text") {
+      isWhitespace = !node2.data.trim().length;
+      if (isWhitespace && node2.parent && !canTextBeChildOfNode(node2.parent)) {
+        continue;
+      }
+      if (trim2 && isWhitespace) {
+        continue;
+      }
+      result.push(transform(node2.data, node2, i2));
+      continue;
+    }
+    props = node2.attribs;
+    if (skipAttributesToProps(node2)) {
+      setStyleProp(props.style, props);
+    } else if (props) {
+      props = attributesToProps$2(props, node2.name);
+    }
+    children = null;
+    switch (node2.type) {
+      case "script":
+      case "style":
+        if (node2.children[0]) {
+          props.dangerouslySetInnerHTML = {
+            __html: node2.children[0].data
+          };
+        }
+        break;
+      case "tag":
+        if (node2.name === "textarea" && node2.children[0]) {
+          props.defaultValue = node2.children[0].data;
+        } else if (node2.children && node2.children.length) {
+          children = domToReact$2(node2.children, options);
+        }
+        break;
+      default:
+        continue;
+    }
+    if (len > 1) {
+      props.key = i2;
+    }
+    result.push(transform(createElement2(node2.name, props, children), node2, i2));
+  }
+  return result.length === 1 ? result[0] : result;
+}
+function skipAttributesToProps(node2) {
+  return utilities.PRESERVE_CUSTOM_ATTRIBUTES && node2.type === "tag" && utilities.isCustomComponent(node2.name, node2.attribs);
+}
+var domToReact_1 = domToReact$2;
+var domhandler = lib$3;
+var htmlToDOM = htmlToDom;
+var attributesToProps$1 = attributesToProps$3;
+var domToReact$1 = domToReact_1;
+htmlToDOM = /* istanbul ignore next */
+typeof htmlToDOM.default === "function" ? htmlToDOM.default : htmlToDOM;
+var domParserOptions = { lowerCaseAttributeNames: false };
+function HTMLReactParser(html, options) {
+  if (typeof html !== "string") {
+    throw new TypeError("First argument must be a string");
+  }
+  if (html === "") {
+    return [];
+  }
+  options = options || {};
+  return domToReact$1(
+    htmlToDOM(html, options.htmlparser2 || domParserOptions),
+    options
+  );
+}
+HTMLReactParser.domToReact = domToReact$1;
+HTMLReactParser.htmlToDOM = htmlToDOM;
+HTMLReactParser.attributesToProps = attributesToProps$1;
+HTMLReactParser.Comment = domhandler.Comment;
+HTMLReactParser.Element = domhandler.Element;
+HTMLReactParser.ProcessingInstruction = domhandler.ProcessingInstruction;
+HTMLReactParser.Text = domhandler.Text;
+var htmlReactParser = HTMLReactParser;
+HTMLReactParser.default = HTMLReactParser;
+const HTMLReactParser$1 = /* @__PURE__ */ getDefaultExportFromCjs(htmlReactParser);
+var domToReact = HTMLReactParser$1.domToReact;
+HTMLReactParser$1.htmlToDOM;
+var attributesToProps2 = HTMLReactParser$1.attributesToProps;
+HTMLReactParser$1.Comment;
+HTMLReactParser$1.Element;
+HTMLReactParser$1.ProcessingInstruction;
+HTMLReactParser$1.Text;
 /*! pako 2.1.0 https://github.com/nodeca/pako @license (MIT AND Zlib) */
 const Z_FIXED$1 = 4;
 const Z_BINARY = 0;
@@ -30931,7 +33324,7 @@ const build_tree = (s2, desc) => {
   const elems = desc.stat_desc.elems;
   let n2, m2;
   let max_code = -1;
-  let node;
+  let node2;
   s2.heap_len = 0;
   s2.heap_max = HEAP_SIZE$1;
   for (n2 = 0; n2 < elems; n2++) {
@@ -30943,19 +33336,19 @@ const build_tree = (s2, desc) => {
     }
   }
   while (s2.heap_len < 2) {
-    node = s2.heap[++s2.heap_len] = max_code < 2 ? ++max_code : 0;
-    tree[node * 2] = 1;
-    s2.depth[node] = 0;
+    node2 = s2.heap[++s2.heap_len] = max_code < 2 ? ++max_code : 0;
+    tree[node2 * 2] = 1;
+    s2.depth[node2] = 0;
     s2.opt_len--;
     if (has_stree) {
-      s2.static_len -= stree[node * 2 + 1];
+      s2.static_len -= stree[node2 * 2 + 1];
     }
   }
   desc.max_code = max_code;
   for (n2 = s2.heap_len >> 1; n2 >= 1; n2--) {
     pqdownheap(s2, tree, n2);
   }
-  node = elems;
+  node2 = elems;
   do {
     n2 = s2.heap[
       1
@@ -30977,13 +33370,13 @@ const build_tree = (s2, desc) => {
     ];
     s2.heap[--s2.heap_max] = n2;
     s2.heap[--s2.heap_max] = m2;
-    tree[node * 2] = tree[n2 * 2] + tree[m2 * 2];
-    s2.depth[node] = (s2.depth[n2] >= s2.depth[m2] ? s2.depth[n2] : s2.depth[m2]) + 1;
-    tree[n2 * 2 + 1] = tree[m2 * 2 + 1] = node;
+    tree[node2 * 2] = tree[n2 * 2] + tree[m2 * 2];
+    s2.depth[node2] = (s2.depth[n2] >= s2.depth[m2] ? s2.depth[n2] : s2.depth[m2]) + 1;
+    tree[n2 * 2 + 1] = tree[m2 * 2 + 1] = node2;
     s2.heap[
       1
       /*SMALLEST*/
-    ] = node++;
+    ] = node2++;
     pqdownheap(
       s2,
       tree,
@@ -36898,13 +39291,13 @@ var listGetNode = function(list, key) {
   }
 };
 var listGet = function(objects, key) {
-  var node = listGetNode(objects, key);
-  return node && node.value;
+  var node2 = listGetNode(objects, key);
+  return node2 && node2.value;
 };
 var listSet = function(objects, key, value) {
-  var node = listGetNode(objects, key);
-  if (node) {
-    node.value = value;
+  var node2 = listGetNode(objects, key);
+  if (node2) {
+    node2.value = value;
   } else {
     objects.next = /** @type {import('.').ListNode<typeof value>} */
     {
@@ -41716,12 +44109,12 @@ function generateUniformsSync(group, uniformData) {
         break;
       }
     if (!parsed) {
-      const template = (data.size === 1 && !data.isArray ? GLSL_TO_SINGLE_SETTERS_CACHED : GLSL_TO_ARRAY_SETTERS)[data.type].replace("location", `ud["${i2}"].location`);
+      const template2 = (data.size === 1 && !data.isArray ? GLSL_TO_SINGLE_SETTERS_CACHED : GLSL_TO_ARRAY_SETTERS)[data.type].replace("location", `ud["${i2}"].location`);
       funcFragments.push(`
             cu = ud["${i2}"];
             cv = cu.value;
             v = uv["${i2}"];
-            ${template};`);
+            ${template2};`);
     }
   }
   return new Function("ud", "uv", "renderer", "syncData", funcFragments.join(`
@@ -43140,8 +45533,8 @@ class Texture extends EventEmitter2 {
    * @param anchor - Default anchor point used for sprite placement / rotation
    * @param borders - Default borders used for 9-slice scaling. See {@link PIXI.NineSlicePlane}
    */
-  constructor(baseTexture, frame, orig, trim, rotate, anchor, borders) {
-    if (super(), this.noFrame = false, frame || (this.noFrame = true, frame = new Rectangle(0, 0, 1, 1)), baseTexture instanceof Texture && (baseTexture = baseTexture.baseTexture), this.baseTexture = baseTexture, this._frame = frame, this.trim = trim, this.valid = false, this.destroyed = false, this._uvs = DEFAULT_UVS, this.uvMatrix = null, this.orig = orig || frame, this._rotate = Number(rotate || 0), rotate === true)
+  constructor(baseTexture, frame, orig, trim2, rotate, anchor, borders) {
+    if (super(), this.noFrame = false, frame || (this.noFrame = true, frame = new Rectangle(0, 0, 1, 1)), baseTexture instanceof Texture && (baseTexture = baseTexture.baseTexture), this.baseTexture = baseTexture, this._frame = frame, this.trim = trim2, this.valid = false, this.destroyed = false, this._uvs = DEFAULT_UVS, this.uvMatrix = null, this.orig = orig || frame, this._rotate = Number(rotate || 0), rotate === true)
       this._rotate = 2;
     else if (this._rotate % 2 !== 0)
       throw new Error("attempt to use diamond-shaped UVs. If you are sure, set rotation manually");
@@ -44381,14 +46774,14 @@ class TextureMatrix {
     this._textureID = tex._updateID, this._updateID++;
     const uvs = tex._uvs;
     this.mapCoord.set(uvs.x1 - uvs.x0, uvs.y1 - uvs.y0, uvs.x3 - uvs.x0, uvs.y3 - uvs.y0, uvs.x0, uvs.y0);
-    const orig = tex.orig, trim = tex.trim;
-    trim && (tempMat$1.set(
-      orig.width / trim.width,
+    const orig = tex.orig, trim2 = tex.trim;
+    trim2 && (tempMat$1.set(
+      orig.width / trim2.width,
       0,
       0,
-      orig.height / trim.height,
-      -trim.x / trim.width,
-      -trim.y / trim.height
+      orig.height / trim2.height,
+      -trim2.x / trim2.width,
+      -trim2.y / trim2.height
     ), this.mapCoord.append(tempMat$1));
     const texBase = tex.baseTexture, frame = this.uClampFrame, margin = this.clampMargin / texBase.resolution, offset2 = this.clampOffset;
     return frame[0] = (tex._frame.x + margin + offset2) / texBase.width, frame[1] = (tex._frame.y + margin + offset2) / texBase.height, frame[2] = (tex._frame.x + tex._frame.width - margin + offset2) / texBase.width, frame[3] = (tex._frame.y + tex._frame.height - margin + offset2) / texBase.height, this.uClampOffset[0] = offset2 / texBase.realWidth, this.uClampOffset[1] = offset2 / texBase.realHeight, this.isSimple = tex._frame.width === texBase.width && tex._frame.height === texBase.height && tex.rotate === 0, true;
@@ -45222,12 +47615,12 @@ function generateUniformBufferSync(group, uniformData) {
 
                 `);
       } else {
-        const template = UBO_TO_SINGLE_SETTERS[uboElement.data.type];
+        const template2 = UBO_TO_SINGLE_SETTERS[uboElement.data.type];
         funcFragments.push(`
                 cv = ud.${name}.value;
                 v = uv.${name};
                 offset = ${uboElement.offset / 4};
-                ${template};
+                ${template2};
                 `);
       }
   }
@@ -48796,9 +51189,9 @@ class Sprite extends Container {
     if (this._transformID === this.transform._worldID && this._textureID === texture._updateID)
       return;
     this._textureID !== texture._updateID && (this.uvs = this._texture._uvs.uvsFloat32), this._transformID = this.transform._worldID, this._textureID = texture._updateID;
-    const wt = this.transform.worldTransform, a2 = wt.a, b2 = wt.b, c6 = wt.c, d2 = wt.d, tx = wt.tx, ty = wt.ty, vertexData = this.vertexData, trim = texture.trim, orig = texture.orig, anchor = this._anchor;
+    const wt = this.transform.worldTransform, a2 = wt.a, b2 = wt.b, c6 = wt.c, d2 = wt.d, tx = wt.tx, ty = wt.ty, vertexData = this.vertexData, trim2 = texture.trim, orig = texture.orig, anchor = this._anchor;
     let w0 = 0, w1 = 0, h0 = 0, h1 = 0;
-    if (trim ? (w1 = trim.x - anchor._x * orig.width, w0 = w1 + trim.width, h1 = trim.y - anchor._y * orig.height, h0 = h1 + trim.height) : (w1 = -anchor._x * orig.width, w0 = w1 + orig.width, h1 = -anchor._y * orig.height, h0 = h1 + orig.height), vertexData[0] = a2 * w1 + c6 * h1 + tx, vertexData[1] = d2 * h1 + b2 * w1 + ty, vertexData[2] = a2 * w0 + c6 * h1 + tx, vertexData[3] = d2 * h1 + b2 * w0 + ty, vertexData[4] = a2 * w0 + c6 * h0 + tx, vertexData[5] = d2 * h0 + b2 * w0 + ty, vertexData[6] = a2 * w1 + c6 * h0 + tx, vertexData[7] = d2 * h0 + b2 * w1 + ty, this._roundPixels) {
+    if (trim2 ? (w1 = trim2.x - anchor._x * orig.width, w0 = w1 + trim2.width, h1 = trim2.y - anchor._y * orig.height, h0 = h1 + trim2.height) : (w1 = -anchor._x * orig.width, w0 = w1 + orig.width, h1 = -anchor._y * orig.height, h0 = h1 + orig.height), vertexData[0] = a2 * w1 + c6 * h1 + tx, vertexData[1] = d2 * h1 + b2 * w1 + ty, vertexData[2] = a2 * w0 + c6 * h1 + tx, vertexData[3] = d2 * h1 + b2 * w0 + ty, vertexData[4] = a2 * w0 + c6 * h0 + tx, vertexData[5] = d2 * h0 + b2 * w0 + ty, vertexData[6] = a2 * w1 + c6 * h0 + tx, vertexData[7] = d2 * h0 + b2 * w1 + ty, this._roundPixels) {
       const resolution = settings.RESOLUTION;
       for (let i2 = 0; i2 < vertexData.length; ++i2)
         vertexData[i2] = Math.round(vertexData[i2] * resolution) / resolution;
@@ -48832,8 +51225,8 @@ class Sprite extends Container {
   }
   /** Updates the bounds of the sprite. */
   _calculateBounds() {
-    const trim = this._texture.trim, orig = this._texture.orig;
-    !trim || trim.width === orig.width && trim.height === orig.height ? (this.calculateVertices(), this._bounds.addQuad(this.vertexData)) : (this.calculateTrimmedVertices(), this._bounds.addQuad(this.vertexTrimmedData));
+    const trim2 = this._texture.trim, orig = this._texture.orig;
+    !trim2 || trim2.width === orig.width && trim2.height === orig.height ? (this.calculateVertices(), this._bounds.addQuad(this.vertexData)) : (this.calculateTrimmedVertices(), this._bounds.addQuad(this.vertexTrimmedData));
   }
   /**
    * Gets the local bounds of the sprite object.
@@ -49242,7 +51635,7 @@ const contextSettings = {
   static measureFont(font) {
     if (_TextMetrics2._fonts[font])
       return _TextMetrics2._fonts[font];
-    const properties = {
+    const properties2 = {
       ascent: 0,
       descent: 0,
       fontSize: 0
@@ -49252,7 +51645,7 @@ const contextSettings = {
     let baseline = Math.ceil(context2.measureText(_TextMetrics2.BASELINE_SYMBOL).width);
     const height = Math.ceil(_TextMetrics2.HEIGHT_MULTIPLIER * baseline);
     if (baseline = baseline * _TextMetrics2.BASELINE_MULTIPLIER | 0, width === 0 || height === 0)
-      return _TextMetrics2._fonts[font] = properties, properties;
+      return _TextMetrics2._fonts[font] = properties2, properties2;
     canvas.width = width, canvas.height = height, context2.fillStyle = "#f00", context2.fillRect(0, 0, width, height), context2.font = font, context2.textBaseline = "alphabetic", context2.fillStyle = "#000", context2.fillText(metricsString, 0, baseline);
     const imagedata = context2.getImageData(0, 0, width, height).data, pixels = imagedata.length, line = width * 4;
     let i2 = 0, idx = 0, stop2 = false;
@@ -49267,7 +51660,7 @@ const contextSettings = {
       else
         break;
     }
-    for (properties.ascent = baseline - i2, idx = pixels - line, stop2 = false, i2 = height; i2 > baseline; --i2) {
+    for (properties2.ascent = baseline - i2, idx = pixels - line, stop2 = false, i2 = height; i2 > baseline; --i2) {
       for (let j2 = 0; j2 < line; j2 += 4)
         if (imagedata[idx + j2] !== 255) {
           stop2 = true;
@@ -49278,7 +51671,7 @@ const contextSettings = {
       else
         break;
     }
-    return properties.descent = i2 - baseline, properties.fontSize = properties.ascent + properties.descent, _TextMetrics2._fonts[font] = properties, properties;
+    return properties2.descent = i2 - baseline, properties2.fontSize = properties2.ascent + properties2.descent, _TextMetrics2._fonts[font] = properties2, properties2;
   }
   /**
    * Clear font metrics in metrics cache.
@@ -49650,8 +52043,8 @@ const genericFontFamilies = [
   get trim() {
     return this._trim;
   }
-  set trim(trim) {
-    this._trim !== trim && (this._trim = trim, this.styleID++);
+  set trim(trim2) {
+    this._trim !== trim2 && (this._trim = trim2, this.styleID++);
   }
   /**
    * How newlines and spaces should be handled.
@@ -54242,10 +56635,10 @@ class ParticleBuffer {
    * @param {boolean[]} dynamicPropertyFlags - Flags for which properties are dynamic.
    * @param {number} size - The size of the batch.
    */
-  constructor(properties, dynamicPropertyFlags, size2) {
+  constructor(properties2, dynamicPropertyFlags, size2) {
     this.geometry = new Geometry(), this.indexBuffer = null, this.size = size2, this.dynamicProperties = [], this.staticProperties = [];
-    for (let i2 = 0; i2 < properties.length; ++i2) {
-      let property = properties[i2];
+    for (let i2 = 0; i2 < properties2.length; ++i2) {
+      let property = properties2[i2];
       property = {
         attributeName: property.attributeName,
         size: property.size,
@@ -54482,8 +56875,8 @@ class ParticleRenderer extends ObjectRenderer {
   uploadVertices(children, startIndex, amount, array, stride, offset2) {
     let w0 = 0, w1 = 0, h0 = 0, h1 = 0;
     for (let i2 = 0; i2 < amount; ++i2) {
-      const sprite = children[startIndex + i2], texture = sprite._texture, sx = sprite.scale.x, sy = sprite.scale.y, trim = texture.trim, orig = texture.orig;
-      trim ? (w1 = trim.x - sprite.anchor.x * orig.width, w0 = w1 + trim.width, h1 = trim.y - sprite.anchor.y * orig.height, h0 = h1 + trim.height) : (w0 = orig.width * (1 - sprite.anchor.x), w1 = orig.width * -sprite.anchor.x, h0 = orig.height * (1 - sprite.anchor.y), h1 = orig.height * -sprite.anchor.y), array[offset2] = w1 * sx, array[offset2 + 1] = h1 * sy, array[offset2 + stride] = w0 * sx, array[offset2 + stride + 1] = h1 * sy, array[offset2 + stride * 2] = w0 * sx, array[offset2 + stride * 2 + 1] = h0 * sy, array[offset2 + stride * 3] = w1 * sx, array[offset2 + stride * 3 + 1] = h0 * sy, offset2 += stride * 4;
+      const sprite = children[startIndex + i2], texture = sprite._texture, sx = sprite.scale.x, sy = sprite.scale.y, trim2 = texture.trim, orig = texture.orig;
+      trim2 ? (w1 = trim2.x - sprite.anchor.x * orig.width, w0 = w1 + trim2.width, h1 = trim2.y - sprite.anchor.y * orig.height, h0 = h1 + trim2.height) : (w0 = orig.width * (1 - sprite.anchor.x), w1 = orig.width * -sprite.anchor.x, h0 = orig.height * (1 - sprite.anchor.y), h1 = orig.height * -sprite.anchor.y), array[offset2] = w1 * sx, array[offset2 + 1] = h1 * sy, array[offset2 + stride] = w0 * sx, array[offset2 + stride + 1] = h1 * sy, array[offset2 + stride * 2] = w0 * sx, array[offset2 + stride * 2 + 1] = h0 * sy, array[offset2 + stride * 3] = w1 * sx, array[offset2 + stride * 3 + 1] = h0 * sy, offset2 += stride * 4;
     }
   }
   /**
@@ -55024,10 +57417,10 @@ const GAUSSIAN_VALUES = {
 function generateBlurFragSource(kernelSize) {
   const kernel = GAUSSIAN_VALUES[kernelSize], halfLength = kernel.length;
   let fragSource = fragTemplate, blurLoop = "";
-  const template = "gl_FragColor += texture2D(uSampler, vBlurTexCoords[%index%]) * %value%;";
+  const template2 = "gl_FragColor += texture2D(uSampler, vBlurTexCoords[%index%]) * %value%;";
   let value;
   for (let i2 = 0; i2 < kernelSize; i2++) {
-    let blur = template.replace("%index%", i2.toString());
+    let blur = template2.replace("%index%", i2.toString());
     value = i2, i2 >= halfLength && (value = kernelSize - i2 - 1), blur = blur.replace("%value%", kernel[value].toString()), blurLoop += blur, blurLoop += `
 `;
   }
@@ -55066,10 +57459,10 @@ const vertTemplate = `
     }`;
 function generateBlurVertSource(kernelSize, x2) {
   const halfLength = Math.ceil(kernelSize / 2);
-  let vertSource = vertTemplate, blurLoop = "", template;
-  x2 ? template = "vBlurTexCoords[%index%] =  textureCoord + vec2(%sampleIndex% * strength, 0.0);" : template = "vBlurTexCoords[%index%] =  textureCoord + vec2(0.0, %sampleIndex% * strength);";
+  let vertSource = vertTemplate, blurLoop = "", template2;
+  x2 ? template2 = "vBlurTexCoords[%index%] =  textureCoord + vec2(%sampleIndex% * strength, 0.0);" : template2 = "vBlurTexCoords[%index%] =  textureCoord + vec2(0.0, %sampleIndex% * strength);";
   for (let i2 = 0; i2 < kernelSize; i2++) {
-    let blur = template.replace("%index%", i2.toString());
+    let blur = template2.replace("%index%", i2.toString());
     blur = blur.replace("%sampleIndex%", `${i2 - (halfLength - 1)}.0`), blurLoop += blur, blurLoop += `
 `;
   }
@@ -59210,7 +61603,7 @@ const _Spritesheet = class _Spritesheet2 {
     for (; frameIndex - initialFrameIndex < maxFrames && frameIndex < this._frameKeys.length; ) {
       const i2 = this._frameKeys[frameIndex], data = this._frames[i2], rect = data.frame;
       if (rect) {
-        let frame = null, trim = null;
+        let frame = null, trim2 = null;
         const sourceSize = data.trimmed !== false && data.sourceSize ? data.sourceSize : data.frame, orig = new Rectangle(
           0,
           0,
@@ -59227,7 +61620,7 @@ const _Spritesheet = class _Spritesheet2 {
           Math.floor(rect.y) / this.resolution,
           Math.floor(rect.w) / this.resolution,
           Math.floor(rect.h) / this.resolution
-        ), data.trimmed !== false && data.spriteSourceSize && (trim = new Rectangle(
+        ), data.trimmed !== false && data.spriteSourceSize && (trim2 = new Rectangle(
           Math.floor(data.spriteSourceSize.x) / this.resolution,
           Math.floor(data.spriteSourceSize.y) / this.resolution,
           Math.floor(rect.w) / this.resolution,
@@ -59236,7 +61629,7 @@ const _Spritesheet = class _Spritesheet2 {
           this.baseTexture,
           frame,
           orig,
-          trim,
+          trim2,
           data.rotated ? 2 : 0,
           data.anchor,
           data.borders
@@ -60217,6 +62610,42 @@ const useConversation = () => {
 }, useConversation$1 = useConversation;
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
+function useDate() {
+  const [lang, setLang] = reactExports.useState("fr"), sessionQuery = useSession();
+  function parseDate(date, lang2) {
+    if (date.length < 11)
+      return dayjs(date, ["YYYY-MM-DD"], lang2);
+    if (date.split("").findIndex((char) => "0" > char || char > "9") < 0)
+      return dayjs(Number.parseInt(date));
+    {
+      let day = dayjs(date);
+      return day.isValid() || (day = dayjs(date, ["YYYY-MM-DD HH:mm:ss.SSS"])), day;
+    }
+  }
+  const fromNow = reactExports.useCallback((date) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date, lang) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)) : typeof date.$date == "string" && (computedDate = parseDate(date.$date, lang)), computedDate.isValid() ? computedDate.fromNow() : "");
+    } catch {
+      return "";
+    }
+  }, [lang]), formatDate = reactExports.useCallback((date, format) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date, lang) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)) : typeof date.$date == "string" && (computedDate = parseDate(date.$date, lang)), computedDate.isValid() ? computedDate.locale(lang).format(format || "D MMMM YYYY HH:mm:ss") : "");
+    } catch {
+      return "";
+    }
+  }, [lang]);
+  return reactExports.useEffect(() => {
+    var _a2;
+    const lang2 = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.currentLanguage) || "fr";
+    setLang(lang2), dayjs.locale(lang2);
+  }, [sessionQuery == null ? void 0 : sessionQuery.data, setLang]), {
+    fromNow,
+    formatDate
+  };
+}
 const DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events2, nodes) {
   const ref2 = reactExports.useRef();
@@ -60227,7 +62656,7 @@ function useClickOutside(handler, events2, nodes) {
       } = event ?? {};
       if (Array.isArray(nodes)) {
         const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
-        nodes.every((node) => !!node && !event.composedPath().includes(node)) && !shouldIgnore && handler();
+        nodes.every((node2) => !!node2 && !event.composedPath().includes(node2)) && !shouldIgnore && handler();
       } else
         ref2.current && !ref2.current.contains(target) && handler();
     };
@@ -60464,10 +62893,10 @@ function useHover() {
   };
   return reactExports.useEffect(
     () => {
-      const node = ref2.current;
-      if (node)
-        return node.addEventListener("mouseover", handleMouseOver), node.addEventListener("mouseout", handleMouseOut), () => {
-          node.removeEventListener("mouseover", handleMouseOver), node.removeEventListener("mouseout", handleMouseOut);
+      const node2 = ref2.current;
+      if (node2)
+        return node2.addEventListener("mouseover", handleMouseOver), node2.addEventListener("mouseout", handleMouseOut), () => {
+          node2.removeEventListener("mouseover", handleMouseOver), node2.removeEventListener("mouseout", handleMouseOut);
         };
     },
     [ref2]
@@ -60513,12 +62942,12 @@ function useToggle(initialState2 = false) {
 function useTrapFocus() {
   const ref2 = reactExports.useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
   return reactExports.useEffect(() => {
-    const node = ref2.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref2 && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
+    const node2 = ref2.current, firstFocusableElement = node2.querySelectorAll(focusableElements)[0], focusableContent = node2.querySelectorAll(focusableElements), lastFocusableElement = ref2 && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
       event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
     };
-    if (node)
-      return node.addEventListener("keydown", handleKeydown), () => {
-        node.removeEventListener("keydown", handleKeydown);
+    if (node2)
+      return node2.addEventListener("keydown", handleKeydown), () => {
+        node2.removeEventListener("keydown", handleKeydown);
       };
   }, []), ref2;
 }
@@ -60719,98 +63148,6 @@ function useXitiTrackPageLoad() {
     xitiStatus
   };
 }
-function useZendeskGuide() {
-  const sessionQuery = useSession(), {
-    isAdml
-  } = useIsAdml(), {
-    theme
-  } = useOdeTheme(), hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = reactExports.useState(""), [dataModule, setDataModule] = reactExports.useState(void 0), setZendeskGuideLabels = () => {
-    var _a2;
-    const modulePathnameSplit = locationPathname.split("/");
-    let moduleLabel = "", labels = "";
-    if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
-      for (let i2 = 1; i2 < modulePathnameSplit.length; i2++)
-        modulePathnameSplit[i2].length > 0 && modulePathnameSplit[i2].match(/\d/) == null && (moduleLabel.length === 0 ? moduleLabel = modulePathnameSplit[i2] : moduleLabel = moduleLabel + "/" + modulePathnameSplit[i2]);
-      dataModule != null && dataModule.labels && Object.prototype.hasOwnProperty.call(dataModule == null ? void 0 : dataModule.labels, moduleLabel) ? labels = dataModule == null ? void 0 : dataModule.labels[moduleLabel] : dataModule != null && dataModule.default && String(dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    } else
-      dataModule != null && dataModule.default && String(dataModule == null ? void 0 : dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    if (labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
-      const userProfile = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.userProfile[0]) || "";
-      labels = labels.replace("${profile}", userProfile.toLowerCase());
-    }
-    labels.includes("${theme") && (theme != null && theme.is1d ? labels = labels.replace("${theme}", "1D") : labels = labels.replace("${theme}", "2D")), window.zE("webWidget", "helpCenter:setSuggestions", {
-      labels: [labels]
-    });
-  };
-  return reactExports.useEffect(() => {
-    window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
-  }, [window.location.pathname, dataModule]), reactExports.useEffect(() => {
-    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
-      var _a2;
-      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
-      if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
-        const scriptZendesk = document.createElement("script");
-        scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`;
-        const currentLanguage = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.currentLanguage) || "fr";
-        document.body.appendChild(scriptZendesk).onload = () => {
-          currentLanguage === "es" ? window.zE(function() {
-            window.zE.setLocale("es-419");
-          }) : window.zE(function() {
-            window.zE.setLocale("fr");
-          }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "updateSettings", {
-            webWidget: {
-              color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
-              },
-              zIndex: 2,
-              launcher: {
-                mobile: {
-                  labelVisible: true
-                }
-              },
-              contactForm: {
-                suppress: !hasSupportWorkflow
-              },
-              helpCenter: {
-                messageButton: {
-                  "*": "Assistance ENT",
-                  "es-419": "Asistencia ENT"
-                }
-              }
-            }
-          }), window.addEventListener("scroll", () => {
-            window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                launcher: {
-                  mobile: {
-                    labelVisible: window.scrollY <= 5
-                  }
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "open", function() {
-            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: false
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "userEvent", function(ref2) {
-            const category = ref2.category, action = ref2.action, properties = ref2.properties;
-            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: true
-                }
-              }
-            }), window.zE("webWidget", "close"), window.open("/support", "_blank"));
-          });
-        };
-      }
-    })();
-  }, [hasSupportWorkflow]), null;
-}
 const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
   src,
   alt,
@@ -61262,8 +63599,8 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
     onMenuItemKeyDown,
     onMenuItemMouseEnter,
     onMenuItemClick
-  } = itemProps, handleOnClick = () => {
-    onClick2 == null || onClick2(), type2 === "action" && onMenuItemClick();
+  } = itemProps, handleOnClick = (event) => {
+    onClick2 == null || onClick2(event), type2 === "action" && onMenuItemClick();
   }, id2 = reactExports.useId(), dropdownItem = clsx("dropdown-item", {
     focus: isFocused === id2
   });
@@ -61626,8 +63963,8 @@ const ImagePicker = /* @__PURE__ */ reactExports.forwardRef(({
     }
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContext.Provider, { value: modalContextValue, children: transition2((style, isOpen2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsxRuntimeExports.jsx(animated.div, { id: id2, ref: ref2, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: `${id2}_ref`, ref: (node) => {
-      modalRef.current = node, isOpen2 && (trapRef.current = node);
+    isOpen2 && /* @__PURE__ */ jsxRuntimeExports.jsx(animated.div, { id: id2, ref: ref2, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: `${id2}_ref`, ref: (node2) => {
+      modalRef.current = node2, isOpen2 && (trapRef.current = node2);
     }, className: dialogClasses, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-content", children }) }) }),
     isOpen2 && /* @__PURE__ */ jsxRuntimeExports.jsx(animated.div, { className: "modal-backdrop fade show", style: {
       opacity: 0.65
@@ -61709,7 +64046,8 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
   className,
   ...restProps
 }, ref2) => {
-  const {
+  var _a2, _b2;
+  const [content, setContent] = reactExports.useState(((_a2 = restProps.defaultValue) == null ? void 0 : _a2.toString()) || ((_b2 = restProps.value) == null ? void 0 : _b2.toString())), {
     id: id2,
     isRequired,
     isReadOnly,
@@ -61726,7 +64064,16 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
     "form-control-plaintext": isReadOnly,
     "no-validation-icon": noValidationIcon
   }, className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, value: content, onChange: (event) => {
+      setContent(event.target.value);
+    } }),
+    restProps.maxLength && content && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "small text-gray-700 p-2 text-end", children: [
+      content.length,
+      " / ",
+      restProps.maxLength
+    ] })
+  ] });
 }), TextArea$1 = TextArea;
 function useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur) {
   const handleItemClick = (event) => {
@@ -61779,7 +64126,7 @@ const TreeItem = (props) => {
   reactExports.useEffect(() => {
     if (selectedNodesIds != null && selectedNodesIds.length && (selectedNodesIds == null ? void 0 : selectedNodesIds.length) >= 1) {
       const lastNodeId = selectedNodesIds[selectedNodesIds.length - 1];
-      selectedNodesIds.some((node) => node === nodeId && nodeId !== lastNodeId ? (setExpanded(true), node === nodeId) : (setExpanded(false), false));
+      selectedNodesIds.some((node2) => node2 === nodeId && nodeId !== lastNodeId ? (setExpanded(true), node2 === nodeId) : (setExpanded(false), false));
     } else
       setExpanded(false);
   }, [nodeId, selectedNodesIds]);
@@ -61828,7 +64175,7 @@ const TreeItem = (props) => {
     onTreeItemFocus == null || onTreeItemFocus(nodeId);
   }, handleItemBlur = (nodeId) => {
     onTreeItemBlur == null || onTreeItemBlur(nodeId);
-  }, renderTree = (node) => /* @__PURE__ */ jsxRuntimeExports.jsx(TreeItem$1, { nodeId: node.id, label: node.name, section: node.section, selectedNodesIds, selected: selectedItem === node.id, onItemSelect: handlers.select, onItemFold: handleItemFold, onItemUnfold: handleItemUnfold, onItemFocus: handleItemFocus, onItemBlur: handleItemBlur, children: Array.isArray(node.children) ? node.children.map((item) => renderTree(item)) : null }, node.id);
+  }, renderTree = (node2) => /* @__PURE__ */ jsxRuntimeExports.jsx(TreeItem$1, { nodeId: node2.id, label: node2.name, section: node2.section, selectedNodesIds, selected: selectedItem === node2.id, onItemSelect: handlers.select, onItemFold: handleItemFold, onItemUnfold: handleItemUnfold, onItemFocus: handleItemFocus, onItemBlur: handleItemBlur, children: Array.isArray(node2.children) ? node2.children.map((item) => renderTree(item)) : null }, node2.id);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "treeview", children: renderTree(data) });
 }), TreeView$1 = TreeView, VisuallyHidden = /* @__PURE__ */ reactExports.forwardRef(({
   children
@@ -62499,15 +64846,19 @@ const useThumb = ({
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("title") }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Input$1, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
                 required: true,
+                maxLength: 60,
                 pattern: {
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true })
+              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true, maxLength: 60 })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "description", isOptional: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("description") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { defaultValue: isUpdating ? resource == null ? void 0 : resource.description : "", ...register("description"), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { value: resource == null ? void 0 : resource.description, ...register("description", {
+                required: false,
+                maxLength: 400
+              }), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: 400 })
             ] })
           ] })
         ] }),
@@ -62979,17 +65330,17 @@ const stripAccents = (input) => {
 }, getSafeRegexpString = (input) => input.split("").map((char) => `\\${char}`).join(""), harmonize = (input, delimiter, ignoreInvalid = false) => {
   const harmonized = stripAccents(input).trim().toLowerCase(), safeDelimiter = getSafeRegexpString(delimiter);
   return ignoreInvalid ? harmonized.replace(/\s+/g, delimiter) : harmonized.replace(new RegExp(`[^a-z0-9${safeDelimiter}]+`, "g"), delimiter).replace(new RegExp(`${safeDelimiter}+`, "g"), delimiter).replace(new RegExp(`^${safeDelimiter}`, "g"), "").replace(new RegExp(`${safeDelimiter}$`, "g"), "");
-}, slugify = (node, options = { delimiter: "-", prefix: "" }) => {
-  if (options.delimiter || (options.delimiter = "-"), options.prefix || (options.prefix = ""), !node || typeof node == "boolean")
+}, slugify = (node2, options = { delimiter: "-", prefix: "" }) => {
+  if (options.delimiter || (options.delimiter = "-"), options.prefix || (options.prefix = ""), !node2 || typeof node2 == "boolean")
     return "";
   const { delimiter, prefix: prefix2 } = options;
-  if (typeof node == "boolean")
+  if (typeof node2 == "boolean")
     return "";
-  if (typeof node == "string" || typeof node == "number") {
-    const harmonizedPrefix = harmonize(prefix2, delimiter, true), harmonizedNode = harmonize(String(node), delimiter);
+  if (typeof node2 == "string" || typeof node2 == "number") {
+    const harmonizedPrefix = harmonize(prefix2, delimiter, true), harmonizedNode = harmonize(String(node2), delimiter);
     return harmonizedPrefix ? `${harmonizedPrefix}${delimiter}${harmonizedNode}` : harmonizedNode;
   }
-  return "children" in node ? slugify(node.children) : "type" in node ? slugify(node.props.children, options) : Symbol.iterator in node ? slugify(Array.from(node).map((subNode) => slugify(subNode, { delimiter })).join(delimiter), options) : "";
+  return "children" in node2 ? slugify(node2.children) : "type" in node2 ? slugify(node2.props.children, options) : Symbol.iterator in node2 ? slugify(Array.from(node2).map((subNode) => slugify(subNode, { delimiter })).join(delimiter), options) : "";
 };
 var _default = slugify$1.default = slugify;
 const useSlug = ({
@@ -63731,7 +66082,101 @@ const WidgetAppsFooter = () => {
     !bookmarkedApps.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-dark", children: t2("navbar.myapps.more") }),
     bookmarkedApps.slice(0, 6).map((app, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: app.address, className: "bookmarked-app", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppIcon$1, { app, size: "32" }) }, index2))
   ] });
-}, SearchEngine = () => {
+};
+function Help({
+  isHelpOpen,
+  setIsHelpOpen,
+  parsedHeadline,
+  parsedContent,
+  error
+}) {
+  const {
+    t: t2
+  } = useTranslation(), handleHelpOpen = () => {
+    setIsHelpOpen(false);
+  };
+  return isHelpOpen ? /* @__PURE__ */ reactDomExports.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { id: "help-modal", isOpen: isHelpOpen, onModalClose: handleHelpOpen, scrollable: true, size: "lg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Header, { onModalClose: handleHelpOpen, children: t2("navbar.help") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Subtitle, { children: error ? t2("help.notfound.title") : parsedHeadline }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Body, { className: error ? "d-flex" : null, children: error ? t2("help.notfound.text") : parsedContent })
+  ] }), document.getElementById("portal")) : null;
+}
+function useHelp() {
+  var _a2, _b2, _c2, _d2, _e2;
+  const {
+    appCode
+  } = useOdeClient(), {
+    theme
+  } = useOdeTheme(), [html, setHtml] = reactExports.useState(""), [visibility, setVisibility] = reactExports.useState(true), [isModalOpen, setIsModalOpen] = reactExports.useState(false), [error, setError] = reactExports.useState(false), helpPath = theme != null && theme.is1d ? "/help-1d" : "/help-2d";
+  reactExports.useEffect(() => {
+    (async () => {
+      let helpURL = "";
+      helpURL = helpPath + "/application/" + appCode + "/", !appCode && window.location.pathname !== "/adapter" ? helpURL = helpPath + "/application/portal/" : window.location.pathname === "/adapter" ? helpURL = helpPath + "/application/" + window.location.search.split("eliot=")[1].split("&")[0] + "/" : window.location.pathname.includes("/directory/class-admin") ? helpURL = helpPath + "/application/parametrage-de-la-classe/" : (window.location.pathname.includes("/userbook/mon-compte") || window.location.pathname.includes("/timeline/preferencesView") || window.location.pathname.includes("/timeline/historyView")) && (helpURL = helpPath + "/application/userbook/");
+      try {
+        const res = await fetch(helpURL), html2 = await res.text();
+        if (res.status === 404) {
+          setError(true);
+          return;
+        }
+        setHtml(html2), setError(false);
+      } catch (error2) {
+        setError(true), console.error(error2);
+      }
+    })();
+  }, [appCode, helpPath]);
+  const parsedHTML = HTMLReactParser$1(html, {
+    replace: (domNode) => {
+      const typedDomNode = domNode;
+      if (typedDomNode.attribs && typedDomNode.attribs.id === "TOC")
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { id: "TOC", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { onClick: () => {
+            setVisibility(!visibility);
+          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgBurgerMenu$1, {}) }),
+          domToReact(typedDomNode.children, {
+            replace: (domNode2) => {
+              const typedDomNode2 = domNode2;
+              if (typedDomNode2.attribs && typedDomNode2.name === "ul")
+                return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { id: "TOC-list", style: {
+                  display: visibility ? "block" : "none"
+                }, children: domToReact(typedDomNode2.children, {
+                  replace: (domNode3) => {
+                    const typedDomNode3 = domNode3;
+                    if (typedDomNode3.attribs && typedDomNode3.name === "a")
+                      return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { ...attributesToProps2(typedDomNode3.attribs), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { onClick: () => {
+                        setVisibility(false);
+                      }, children: domToReact(typedDomNode3.children) }) });
+                  }
+                }) });
+            }
+          })
+        ] });
+      if (typedDomNode.attribs && typedDomNode.attribs.class === "section level2") {
+        const props = attributesToProps2(domNode.attribs);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props, className: "section level2", style: {
+          display: typedDomNode.attribs.id !== "présentation" ? "none" : "block"
+        }, children: domToReact(typedDomNode.children, {
+          replace: (domNode2) => {
+            const typedDomNode2 = domNode2;
+            if (typedDomNode2.attribs && typedDomNode2.name === "img") {
+              const attribs = domNode2.attribs.src;
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { ...attributesToProps2(typedDomNode2.attribs), src: `${helpPath}/${attribs}`, alt: "" });
+            }
+          }
+        }) });
+      }
+    }
+  }), parsedContent = (_c2 = (_b2 = (_a2 = parsedHTML == null ? void 0 : parsedHTML.props) == null ? void 0 : _a2.children.find((child) => child.type === "body")) == null ? void 0 : _b2.props) == null ? void 0 : _c2.children, parsedHeadline = (_e2 = (_d2 = parsedContent == null ? void 0 : parsedContent.find((child) => child.type === "p")) == null ? void 0 : _d2.props) == null ? void 0 : _e2.children;
+  return {
+    html,
+    visibility,
+    isModalOpen,
+    setIsModalOpen,
+    parsedContent,
+    parsedHeadline,
+    error
+  };
+}
+const SearchEngine = () => {
   const [searchRef, isSearchHovered] = useHover(), inputRef = reactExports.useRef(null), popoverSearchId = reactExports.useId(), {
     t: t2
   } = useTranslation();
@@ -63765,8 +66210,15 @@ const WidgetAppsFooter = () => {
     user,
     avatar
   } = useUser(), {
+    currentLanguage,
     currentApp
-  } = useOdeClient(), classes2 = clsx("header", {
+  } = useOdeClient(), {
+    isModalOpen: isHelpOpen,
+    setIsModalOpen: setIsHelpOpen,
+    parsedContent,
+    parsedHeadline,
+    error
+  } = useHelp(), classes2 = clsx("header", {
     "no-2d": is1d,
     "no-1d": !is1d
   }), {
@@ -63802,6 +66254,15 @@ const WidgetAppsFooter = () => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: t2("navbar.messages") })
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(NavItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t2("navbar.myaccount"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgOneProfile$1, { className: "icon user" }) }) }),
+        currentLanguage === "fr" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(NavItem, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "nav-link", onClick: () => {
+            setIsHelpOpen(true);
+          }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SvgOneAssistance$1, { className: "icon help" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: t2("navbar.help") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+        ] }) : null,
         /* @__PURE__ */ jsxRuntimeExports.jsx(NavItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "nav-link", onClick: handleLogout, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SvgDisconnect$1, { className: "icon logout" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: t2("navbar.disconnect") })
@@ -63846,6 +66307,15 @@ const WidgetAppsFooter = () => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(SvgNeoMessaging$1, { color: "#fff" }),
         hasMessages && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { children: messages2 })
       ] }) }),
+      currentLanguage === "fr" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(true);
+        }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SvgNeoAssistance$1, { color: "#fff" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(VisuallyHidden$1, { children: t2("support") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+      ] }) : null,
       /* @__PURE__ */ jsxRuntimeExports.jsx(NavItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dropdown", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !isCollapsed, "aria-label": t2("navbar.open.menu"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterDown$1, { className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: `dropdown-menu dropdown-menu-end ${isCollapsed ? "" : "show"}`, id: "dropdown-navbar", children: [
@@ -63880,14 +66350,35 @@ const WidgetAppsFooter = () => {
     showCookiesConsent,
     handleConsultCookies,
     handleCloseCookiesConsent
-  } = useCookiesConsent();
-  useZendeskGuide();
-  const classes2 = clsx("d-flex flex-column bg-white", {
+  } = useCookiesConsent(), classes2 = clsx("d-flex flex-column bg-white", {
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { toastOptions: {
-    position: "top-right"
+  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { containerStyle: {
+    zIndex: 0
+  }, toastOptions: {
+    position: "top-right",
+    style: {},
+    success: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    error: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    loading: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    custom: {
+      style: {
+        zIndex: 9999
+      }
+    }
   } });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     renderHeader,
@@ -64121,7 +66612,7 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2,
 var withSelectorExports = withSelector.exports;
 const useSyncExternalStoreExports = /* @__PURE__ */ getDefaultExportFromCjs(withSelectorExports);
 var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
-const { useDebugValue } = React;
+const { useDebugValue } = React$2;
 const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
 let didWarnAboutEqualityFn = false;
 const identity = (arg) => arg;
@@ -64368,11 +66859,11 @@ class TreeNodeFolderWrapper {
   }
 }
 const wrapTreeNode = (treeNode, folders, parentId) => {
-  return modifyNode(treeNode, (node) => {
-    if (node.id === parentId) {
-      node.children = folders == null ? void 0 : folders.map((e2) => new TreeNodeFolderWrapper(e2));
+  return modifyNode(treeNode, (node2) => {
+    if (node2.id === parentId) {
+      node2.children = folders == null ? void 0 : folders.map((e2) => new TreeNodeFolderWrapper(e2));
     }
-    return node;
+    return node2;
   });
 };
 const initialState = {
@@ -64716,7 +67207,7 @@ const useSearchForm = () => {
 function ExplorerBreadcrumb() {
   const { appCode } = useOdeClient();
   const { gotoPreviousFolder } = useStoreActions();
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useTranslation(["common", appCode]);
   const { inputSearch } = useSearchForm();
   const selectedNodesIds = useSelectedNodesIds();
   const isTrashFolder = useIsTrash();
@@ -64769,45 +67260,45 @@ const useTrashModal = () => {
   };
 };
 function addNode(treeData, { parentId, newFolder }) {
-  return modifyNode(treeData, (node) => {
+  return modifyNode(treeData, (node2) => {
     var _a2;
-    if (node.id === parentId) {
+    if (node2.id === parentId) {
       const parentAncestors = [
-        ...((_a2 = node.folder) == null ? void 0 : _a2.ancestors) || []
+        ...((_a2 = node2.folder) == null ? void 0 : _a2.ancestors) || []
       ];
-      const ancestors = arrayUnique([...parentAncestors, node.id]);
+      const ancestors = arrayUnique([...parentAncestors, node2.id]);
       const newNode = {
-        ...node,
+        ...node2,
         children: [
-          ...node.children || [],
+          ...node2.children || [],
           new TreeNodeFolderWrapper({ ...newFolder, ancestors })
         ]
       };
       return newNode;
     } else {
-      return node;
+      return node2;
     }
   });
 }
 function deleteNode(treeData, { folders }) {
-  return modifyNode(treeData, (node) => {
-    if (folders.includes(node.id)) {
+  return modifyNode(treeData, (node2) => {
+    if (folders.includes(node2.id)) {
       return void 0;
     } else {
-      return node;
+      return node2;
     }
   });
 }
 function moveNode(treeData, { destinationId, folders }) {
-  return modifyNode(treeData, (node, parent) => {
+  return modifyNode(treeData, (node2, parent) => {
     var _a2, _b2;
-    if (destinationId === node.id) {
+    if (destinationId === node2.id) {
       const parentAncestors = [
-        ...((_a2 = node.folder) == null ? void 0 : _a2.ancestors) || []
+        ...((_a2 = node2.folder) == null ? void 0 : _a2.ancestors) || []
       ];
-      const ancestors = arrayUnique([...parentAncestors, node.id]);
-      const newChildren = [...node.children || []];
-      const childrenIds = ((_b2 = node.children) == null ? void 0 : _b2.map((child) => child.id)) || [];
+      const ancestors = arrayUnique([...parentAncestors, node2.id]);
+      const newChildren = [...node2.children || []];
+      const childrenIds = ((_b2 = node2.children) == null ? void 0 : _b2.map((child) => child.id)) || [];
       for (const folder of folders) {
         if (!childrenIds.includes(folder)) {
           const item = findNodeById(folder, treeData);
@@ -64821,23 +67312,23 @@ function moveNode(treeData, { destinationId, folders }) {
         }
       }
       const newNode = {
-        ...node,
+        ...node2,
         children: newChildren
       };
       return newNode;
-    } else if (folders.includes(node.id) && destinationId !== (parent == null ? void 0 : parent.id)) {
+    } else if (folders.includes(node2.id) && destinationId !== (parent == null ? void 0 : parent.id)) {
       return void 0;
     } else {
-      return node;
+      return node2;
     }
   });
 }
 function updateNode(treeData, { folderId, newFolder }) {
-  return modifyNode(treeData, (node) => {
-    if (node.id === folderId) {
+  return modifyNode(treeData, (node2) => {
+    if (node2.id === folderId) {
       return new TreeNodeFolderWrapper(newFolder);
     } else {
-      return node;
+      return node2;
     }
   });
 }
@@ -65172,7 +67663,7 @@ const useCopyResource = () => {
           }
         );
       }
-      if (currentFolder.id && currentFolder.id !== "default") {
+      if (currentFolder.id && currentFolder.id !== FOLDER.DEFAULT) {
         moveToFolder({
           searchParams,
           resourceIds: [data.duplicateId],
@@ -65554,10 +68045,9 @@ const useCreateResource = () => {
       var _a2, _b2, _c2;
       await queryClient2.cancelQueries({ queryKey });
       const previousData = queryClient2.getQueryData(queryKey);
-      const { thumbnail } = variables;
       const newResource = {
         ...variables,
-        thumbnail: thumbnail ? URL.createObjectURL(thumbnail) : "",
+        thumbnail: data.thumbnail || "",
         application,
         assetId: data._id || data.entId || "",
         id: data._id || data.entId || "",
@@ -65621,7 +68111,7 @@ const List = () => {
   const treeData = useTreeData();
   const toast = useToast();
   const { appCode } = useOdeClient();
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useTranslation([appCode]);
   const { setSearchParams, setSearchConfig, setTreeData } = useStoreActions();
   const { data, isError: isError2, error, isLoading, isFetching, fetchNextPage } = useSearchContext();
   const hasNoFolders = (data == null ? void 0 : data.pages[0].folders.length) === 0;
@@ -65864,7 +68354,10 @@ const TreeViewContainer = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       TreeView$1,
       {
-        data: treeData,
+        data: {
+          ...treeData,
+          name: t2("explorer.filters.mine", { ns: appCode })
+        },
         selectedNodesIds,
         onTreeItemSelect: selectTreeItem,
         onTreeItemFold: foldTreeItem,
@@ -66282,7 +68775,7 @@ const ResourceCard = ({
             Image$2,
             {
               alt: "",
-              src: resource == null ? void 0 : resource.thumbnail,
+              src: `${resource == null ? void 0 : resource.thumbnail}?thumbnail=80x80`,
               objectFit: "cover",
               className: "h-full w-100"
             }
@@ -66339,13 +68832,13 @@ const ResourceCard = ({
   );
 };
 ResourceCard.displayName = "ResourceCard";
-dayjs.extend(relativeTime);
 const ResourcesList = ({
   data,
   fetchNextPage
 }) => {
-  const { currentApp, currentLanguage } = useOdeClient();
+  const { currentApp } = useOdeClient();
   const { t: t2 } = useTranslation();
+  const { fromNow } = useDate();
   const searchParams = useSearchParams();
   const resourceIds = useResourceIds();
   const selectedResources = useSelectedResources();
@@ -66392,12 +68885,12 @@ const ResourcesList = ({
     setSelectedResources([...selectedResources, resource]);
   }
   const classes2 = clsx("grid ps-0 list-unstyled");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(animated.ul, { className: classes2, children: data == null ? void 0 : data.pages.map((page, index2) => (
       // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, { children: page.resources.map((resource) => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(React$2.Fragment, { children: page.resources.map((resource) => {
         const { id: id2, updatedAt } = resource;
-        const time = dayjs(updatedAt).locale(currentLanguage).fromNow();
+        const time = fromNow(updatedAt);
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           animated.li,
           {
@@ -66539,6 +69032,7 @@ function FolderModal$1({
             type: "text",
             ...register("name", {
               required: true,
+              maxLength: 60,
               pattern: {
                 value: /[^ ]/,
                 message: "invalid title"
@@ -66546,7 +69040,8 @@ function FolderModal$1({
             }),
             placeholder: t2("explorer.create.folder.name"),
             size: "md",
-            "aria-required": true
+            "aria-required": true,
+            maxLength: 60
           }
         )
       ] }) }) }),
@@ -66668,7 +69163,7 @@ const Library = () => {
         href: libraryUrl,
         target: "_blank",
         rel: "noreferrer",
-        className: "d-inline-flex gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
+        className: "d-inline-flex align-items-center gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("explorer.libray.btn") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SvgArrowRight$1, {})
@@ -66810,14 +69305,10 @@ function useActionBar() {
       case ACTION.UPD_PROPS:
       case "edit":
         return onEdit();
-      case "export":
-        if (resourceIds.length > 0) {
-          return onExport();
-        } else {
-          return null;
-        }
       case ACTION.SHARE:
         return setOpenedModalName("share");
+      case ACTION.EXPORT:
+        return setOpenedModalName("export");
       default:
         throw Error(`Unknown action: ${action.id}`);
     }
@@ -66889,6 +69380,8 @@ function useActionBar() {
   const onEditResourceCancel = onFinish("edit_resource");
   const onShareResourceSuccess = onFinish("share");
   const onShareResourceCancel = onFinish("share");
+  const onExportCancel = onFinish("export");
+  const onExportSuccess = onFinish("export");
   async function onCopy() {
     if (selectedResources && selectedResources.length > 0) {
       const selectedResource = selectedResources[0];
@@ -66905,12 +69398,6 @@ function useActionBar() {
       setOpenedModalName("edit_folder");
     }
   }
-  function onExport() {
-    if (resourceIds && resourceIds.length > 0) {
-      const selectedResource = selectedResources[0].assetId;
-      goToExport({ searchParams, assetId: selectedResource });
-    }
-  }
   function overrideLabel(action) {
     if (action.id === "edit" && folderIds.length > 0) {
       return "explorer.rename";
@@ -66944,6 +69431,9 @@ function useActionBar() {
     isShareResourceOpen: openedModalName === "share",
     onShareResourceCancel,
     onShareResourceSuccess,
+    isExportModalOpen: openedModalName === "export",
+    onExportCancel,
+    onExportSuccess,
     onClearActionBar
   };
 }
@@ -66993,6 +69483,7 @@ const UpdateModal = reactExports.lazy(
 const DeleteModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => DeleteModal$1), true ? void 0 : void 0));
 const MoveModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => MoveModal$1), true ? void 0 : void 0));
 const FolderModal = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => FolderModal$2), true ? void 0 : void 0));
+const ExportModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => ExportModal$1), true ? void 0 : void 0));
 function ActionBarContainer() {
   const { appCode } = useOdeClient();
   const { t: t2 } = useTranslation();
@@ -67013,6 +69504,9 @@ function ActionBarContainer() {
     isShareResourceOpen,
     onShareResourceCancel,
     onShareResourceSuccess,
+    isExportModalOpen,
+    onExportCancel,
+    onExportSuccess,
     onMoveCancel,
     onMoveSuccess,
     onDeleteCancel,
@@ -67141,6 +69635,14 @@ function ActionBarContainer() {
             }
           ) : null
         }
+      ),
+      isExportModalOpen && selectedResource && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ExportModal$2,
+        {
+          isOpen: isExportModalOpen,
+          onCancel: onExportCancel,
+          onSuccess: onExportSuccess
+        }
       )
     ] })
   ] });
@@ -67394,6 +69896,69 @@ const MoveModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   __proto__: null,
   default: MoveModal
 }, Symbol.toStringTag, { value: "Module" }));
+const useExportModal = (onSuccess) => {
+  const selectedResources = useSelectedResources();
+  const searchParams = useSearchParams();
+  const toast = useToast();
+  const { t: t2 } = useTranslation();
+  const handleExportClick = () => {
+    if (selectedResources.length) {
+      goToExport({ searchParams, assetId: selectedResources[0].assetId });
+      onSuccess();
+    } else {
+      toast.error(t2("explorer.error.noResourceSelected"));
+    }
+  };
+  return { handleExportClick };
+};
+function ExportModal({
+  isOpen,
+  onSuccess,
+  onCancel
+}) {
+  const { handleExportClick } = useExportModal(onSuccess);
+  const { t: t2 } = useTranslation();
+  return reactDomExports.createPortal(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen, onModalClose: onCancel, id: "exportModal", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Header, { onModalClose: onCancel, children: t2("explorer.export.title") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1.Body, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.1") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.2") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.3") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "warning", children: t2("explorer.export.body.warning") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1.Footer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            color: "tertiary",
+            onClick: onCancel,
+            type: "button",
+            variant: "ghost",
+            children: t2("explorer.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            color: "primary",
+            onClick: handleExportClick,
+            type: "button",
+            variant: "filled",
+            children: t2("explorer.actions.export")
+          }
+        )
+      ] })
+    ] }),
+    document.getElementById("portal")
+  );
+}
+const ExportModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ExportModal
+}, Symbol.toStringTag, { value: "Module" }));
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []