ode-explorer 1.4.13-develop-mozo.202407101134 → 1.4.13-develop.202407101224

package/dist/index.js

@@ -4244,845 +4244,97 @@ instance.use(Backend).use(initReactI18next).init({
     useSuspense: false
   }
 });
-const SvgAlertCircle = ({
-  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12 6a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1M11 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgAlertCircle$1 = SvgAlertCircle, SvgArrowLeft = ({
-  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: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.707 4.293a1 1 0 0 1 0 1.414L6.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+var Subscribable = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.subscribe = this.subscribe.bind(this);
   }
-), SvgArrowLeft$1 = SvgArrowLeft, SvgArrowRight = ({
-  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: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L17.586 12l-6.293-6.293a1 1 0 0 1 0-1.414",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  subscribe(listener) {
+    this.listeners.add(listener);
+    this.onSubscribe();
+    return () => {
+      this.listeners.delete(listener);
+      this.onUnsubscribe();
+    };
   }
-), SvgArrowRight$1 = SvgArrowRight, SvgBookmark = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "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: "M7 4a1 1 0 0 0-1 1v14.06l5.42-3.87a1 1 0 0 1 1.16 0L18 19.06V5a1 1 0 0 0-1-1zM4.88 2.88A3 3 0 0 1 7 2h10a3 3 0 0 1 3 3v16a1 1 0 0 1-1.58.81L12 17.23 5.58 21.8A1 1 0 0 1 4 21V5a3 3 0 0 1 .88-2.12"
-        }
-      )
-    ]
+  hasListeners() {
+    return this.listeners.size > 0;
   }
-), SvgBookmark$1 = SvgBookmark, SvgClose = ({
-  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: "M4.222 4.222a1.1 1.1 0 0 1 1.556 0l14 14a1.1 1.1 0 1 1-1.556 1.556l-14-14a1.1 1.1 0 0 1 0-1.556",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M19.778 4.222a1.1 1.1 0 0 1 0 1.556l-14 14a1.1 1.1 0 1 1-1.556-1.556l14-14a1.1 1.1 0 0 1 1.556 0",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  onSubscribe() {
   }
-), SvgClose$1 = SvgClose, SvgCopy = ({
-  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: "M6.676 3c.284-.672.853-1 1.263-1h11.423c.566 0 1.438.628 1.438 1.923v13.154c0 1.056-.58 1.668-1.1 1.858V6.923C19.7 4.99 18.3 3 16.061 3zm-2.272.007C4.765 1.41 6.056 0 7.939 0h11.423C21.599 0 23 1.99 23 3.923v13.154c0 1.865-1.303 3.782-3.403 3.916C19.235 22.59 17.944 24 16.06 24H4.638C2.401 24 1 22.01 1 20.077V6.923c0-1.865 1.303-3.782 3.404-3.916M3.2 6.923C3.2 5.628 4.072 5 4.638 5h11.423c.567 0 1.439.628 1.439 1.923v13.154c0 1.295-.872 1.923-1.439 1.923H4.638c-.566 0-1.438-.628-1.438-1.923z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  onUnsubscribe() {
   }
-), SvgCopy$1 = SvgCopy, SvgDelete = ({
-  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: "M9.461 3.689a.96.96 0 0 1 .675-.28h3.819a.955.955 0 0 1 .954.955v.954H9.182v-.954c0-.254.1-.496.28-.675m7.357.675v.954h3.818a.955.955 0 0 1 0 1.91h-.954v12.408a2.864 2.864 0 0 1-2.864 2.864H7.273a2.864 2.864 0 0 1-2.864-2.864V7.227h-.954a.955.955 0 1 1 0-1.909h3.818v-.954A2.864 2.864 0 0 1 10.136 1.5h3.819a2.864 2.864 0 0 1 2.863 2.864m-10.5 2.863v12.41a.954.954 0 0 0 .955.954h9.545a.955.955 0 0 0 .955-.955V7.227zm3.818 2.864c.528 0 .955.427.955.955v5.727a.955.955 0 1 1-1.91 0v-5.727c0-.528.428-.955.955-.955m4.773 6.682v-5.727a.955.955 0 0 0-1.909 0v5.727a.955.955 0 1 0 1.91 0",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+};
+var isServer = typeof window === "undefined" || "Deno" in window;
+function noop$2() {
+  return void 0;
+}
+function functionalUpdate(updater, input) {
+  return typeof updater === "function" ? updater(input) : updater;
+}
+function isValidTimeout(value) {
+  return typeof value === "number" && value >= 0 && value !== Infinity;
+}
+function timeUntilStale(updatedAt, staleTime) {
+  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
+}
+function matchQuery(filters2, query) {
+  const {
+    type: type2 = "all",
+    exact,
+    fetchStatus,
+    predicate,
+    queryKey,
+    stale
+  } = filters2;
+  if (queryKey) {
+    if (exact) {
+      if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
+        return false;
+      }
+    } else if (!partialMatchKey(query.queryKey, queryKey)) {
+      return false;
+    }
   }
-), SvgDelete$1 = SvgDelete, SvgEdit = ({
-  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: "M1.879 3.879A3 3 0 0 1 4 3h7a1 1 0 1 1 0 2H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 .879-2.121",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M20 2.879c-.297 0-.583.118-.793.328l-9.304 9.304-.529 2.115 2.115-.529 9.304-9.304A1.121 1.121 0 0 0 20 2.879m-2.207-1.086a3.121 3.121 0 0 1 4.414 4.414l-9.5 9.5a1 1 0 0 1-.464.263l-4 1a1 1 0 0 1-1.213-1.212l1-4a1 1 0 0 1 .263-.465z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  if (type2 !== "all") {
+    const isActive = query.isActive();
+    if (type2 === "active" && !isActive) {
+      return false;
+    }
+    if (type2 === "inactive" && isActive) {
+      return false;
+    }
   }
-), SvgEdit$1 = SvgEdit, SvgError = ({
-  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: "M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-11C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1M8.293 15.707a1 1 0 0 1 0-1.414L10.586 12 8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414 0",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  if (typeof stale === "boolean" && query.isStale() !== stale) {
+    return false;
   }
-), SvgError$1 = SvgError, SvgFiles = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "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: "M20.91 9.14v1.27H8.25a4.7 4.7 0 0 0-3.86 1.98L1.5 16.53V6.4a2.3 2.3 0 0 1 .77-1.69A2.68 2.68 0 0 1 4.11 4h3.73a2.68 2.68 0 0 1 1.84.71c.25.22.45.48.58.77s.2.6.2.92v.34h7.84c.7.01 1.35.27 1.84.71.49.45.76 1.06.77 1.7ZM8.25 11.92h14.47c.63 0 1 .68.64 1.18l-3.52 5.04a3.13 3.13 0 0 1-2.57 1.32H2.79c-.62 0-.99-.68-.64-1.18l3.53-5.04a3.13 3.13 0 0 1 2.57-1.32",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  if (typeof fetchStatus !== "undefined" && fetchStatus !== query.state.fetchStatus) {
+    return false;
   }
-), SvgFiles$1 = SvgFiles, SvgFilter = ({
-  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: "M1.093 2.58A1 1 0 0 1 2 2h20a1 1 0 0 1 .764 1.646L15 12.826V21a1 1 0 0 1-1.447.894l-4-2A1 1 0 0 1 9 19v-6.174l-7.764-9.18a1 1 0 0 1-.143-1.067M4.155 4l6.609 7.814a1 1 0 0 1 .236.646v5.922l2 1V12.46a1 1 0 0 1 .236-.646L19.845 4z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  if (predicate && !predicate(query)) {
+    return false;
   }
-), SvgFilter$1 = SvgFilter, SvgFolder = ({
-  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: "M3.057 5.5A.057.057 0 0 0 3 5.557v13.03h18V7.875h-8.697a1 1 0 0 1-1-1c0-.759-.615-1.374-1.374-1.374zM1 5.557C1 4.42 1.92 3.5 3.057 3.5h6.872c1.515 0 2.797.999 3.223 2.374H21a2 2 0 0 1 2 2v10.714a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  return true;
+}
+function matchMutation(filters2, mutation) {
+  const { exact, status, predicate, mutationKey } = filters2;
+  if (mutationKey) {
+    if (!mutation.options.mutationKey) {
+      return false;
+    }
+    if (exact) {
+      if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) {
+        return false;
+      }
+    } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
+      return false;
+    }
   }
-), SvgFolder$1 = SvgFolder, SvgGlobe = ({
-  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: "M9.726 3.29A9.01 9.01 0 0 0 3.055 11H7.05a16.3 16.3 0 0 1 2.676-7.71m4.548 0A16.3 16.3 0 0 1 16.95 11h3.995a9.01 9.01 0 0 0-6.67-7.71m.668 7.71A14.3 14.3 0 0 0 12 3.55 14.3 14.3 0 0 0 9.058 11zm-5.884 2h5.884A14.3 14.3 0 0 1 12 20.45 14.3 14.3 0 0 1 9.058 13M7.05 13H3.055a9.01 9.01 0 0 0 6.67 7.71A16.3 16.3 0 0 1 7.05 13m7.224 7.71A16.3 16.3 0 0 0 16.95 13h3.995a9.01 9.01 0 0 1-6.67 7.71M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11",
-          clipRule: "evenodd"
-        }
-      )
-    ]
+  if (status && mutation.state.status !== status) {
+    return false;
   }
-), SvgGlobe$1 = SvgGlobe, SvgInfoCircle = ({
-  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.01 17a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1M13.01 7.5a1 1 0 0 1-1 1H12a1 1 0 1 1 0-2h.01a1 1 0 0 1 1 1",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgInfoCircle$1 = SvgInfoCircle, SvgLoader = ({
-  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: "M16.672 5.558a7.96 7.96 0 0 0-9.841.397 7.95 7.95 0 0 0-1.908 9.66 7.964 7.964 0 0 0 8.949 4.12A7.95 7.95 0 0 0 19.962 12a1.021 1.021 0 1 1 2.045 0A9.994 9.994 0 0 1 7.83 21.083a10.01 10.01 0 0 1-5.634-11.027 9.99 9.99 0 0 1 9.402-8.048c2.244-.09 4.453.577 6.272 1.895a1.022 1.022 0 1 1-1.198 1.655",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgLoader$1 = SvgLoader, SvgOptions = ({
-  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("circle", { cx: 12, cy: 4, r: 2.5, fill: "currentColor" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: 12, cy: 12, r: 2.5, fill: "currentColor" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: 12, cy: 20, r: 2.5, fill: "currentColor" })
-    ]
-  }
-), SvgOptions$1 = SvgOptions, SvgPlus = ({
-  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: "M13 4a1 1 0 1 0-2 0v7H4a1 1 0 1 0 0 2h7v7a1 1 0 1 0 2 0v-7h7a1 1 0 1 0 0-2h-7z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgPlus$1 = SvgPlus, SvgRafterDown = ({
-  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: "M4.012 7.871a1.5 1.5 0 0 1 2.117.141L12 14.722l5.871-6.71a1.5 1.5 0 1 1 2.258 1.976l-7 8a1.5 1.5 0 0 1-2.258 0l-7-8a1.5 1.5 0 0 1 .141-2.117",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgRafterDown$1 = SvgRafterDown, SvgRafterRight = ({
-  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: "M7.871 19.988a1.5 1.5 0 0 1 .141-2.117L14.722 12l-6.71-5.871A1.5 1.5 0 0 1 9.988 3.87l8 7a1.5 1.5 0 0 1 0 2.258l-8 7a1.5 1.5 0 0 1-2.117-.141",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgRafterRight$1 = SvgRafterRight, SvgRafterUp = ({
-  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: "M19.988 17.129a1.5 1.5 0 0 1-2.117-.141L12 10.278l-5.871 6.71a1.5 1.5 0 0 1-2.258-1.976l7-8a1.5 1.5 0 0 1 2.258 0l7 8a1.5 1.5 0 0 1-.141 2.117",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgRafterUp$1 = SvgRafterUp, SvgSave = ({
-  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: "M5 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h1v-7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7h1a1 1 0 0 0 1-1V8.414L15.586 4H8v3h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1V4zm2-2H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 16 2zm1 12v6h8v-6z",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgSave$1 = SvgSave, SvgSearch$2 = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "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: "M4 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0m7-9a9 9 0 1 0 5.7 15.96 1 1 0 0 0 .24.4l4.35 4.35a1 1 0 0 0 1.42-1.42l-4.35-4.35a1 1 0 0 0-.4-.24A9 9 0 0 0 11 1",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgSearch$1$1 = SvgSearch$2, SvgSuccessOutline = ({
-  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M16.59 8.192a1 1 0 0 1 .218 1.397l-4.375 6a1 1 0 0 1-1.584.042L8.224 12.4a1 1 0 0 1 1.552-1.261l1.806 2.223 3.61-4.951a1 1 0 0 1 1.397-.219",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), SvgSuccessOutline$1 = SvgSuccessOutline, SvgUsers = ({
-  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(
-        "g",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          clipPath: "url(#users_svg__a)",
-          clipRule: "evenodd",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19.055 12.803a1 1 0 0 1 1.272-.618c1.128.39 2.061 1.247 2.7 2.351.64 1.106.972 2.435.973 3.782V21a1 1 0 1 1-2 0v-2.681c0-1.03-.258-2.009-.704-2.782-.448-.773-1.034-1.258-1.623-1.462a1 1 0 0 1-.618-1.272M15.187 1.384a1 1 0 0 1 1.036-.962 5.129 5.129 0 0 1 2.11 9.71 1 1 0 1 1-.896-1.788 3.129 3.129 0 0 0-1.288-5.924 1 1 0 0 1-.962-1.036M1.505 15.694C2.481 14.622 3.825 14 5.25 14h8.5c1.424 0 2.769.622 3.744 1.694.974 1.068 1.506 2.498 1.506 3.973V22a1 1 0 1 1-2 0v-2.333c0-1.001-.363-1.945-.984-2.627-.618-.679-1.436-1.04-2.266-1.04h-8.5c-.83 0-1.648.361-2.266 1.04-.621.682-.984 1.626-.984 2.627V22a1 1 0 1 1-2 0v-2.333c0-1.475.533-2.905 1.505-3.974M9.5 3a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M4 6.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "users_svg__a", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-    ]
-  }
-), SvgUsers$1 = SvgUsers;
-function r$3(e2) {
-  var t2, f2, n2 = "";
-  if ("string" == typeof e2 || "number" == typeof e2)
-    n2 += e2;
-  else if ("object" == typeof e2)
-    if (Array.isArray(e2)) {
-      var o2 = e2.length;
-      for (t2 = 0; t2 < o2; t2++)
-        e2[t2] && (f2 = r$3(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
-    } else
-      for (f2 in e2)
-        e2[f2] && (n2 && (n2 += " "), n2 += f2);
-  return n2;
-}
-function clsx() {
-  for (var e2, t2, f2 = 0, n2 = "", o2 = arguments.length; f2 < o2; f2++)
-    (e2 = arguments[f2]) && (t2 = r$3(e2)) && (n2 && (n2 += " "), n2 += t2);
-  return n2;
-}
-var Subscribable = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.subscribe = this.subscribe.bind(this);
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    this.onSubscribe();
-    return () => {
-      this.listeners.delete(listener);
-      this.onUnsubscribe();
-    };
-  }
-  hasListeners() {
-    return this.listeners.size > 0;
-  }
-  onSubscribe() {
-  }
-  onUnsubscribe() {
-  }
-};
-var isServer = typeof window === "undefined" || "Deno" in window;
-function noop$2() {
-  return void 0;
-}
-function functionalUpdate(updater, input) {
-  return typeof updater === "function" ? updater(input) : updater;
-}
-function isValidTimeout(value) {
-  return typeof value === "number" && value >= 0 && value !== Infinity;
-}
-function timeUntilStale(updatedAt, staleTime) {
-  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
-}
-function matchQuery(filters2, query) {
-  const {
-    type: type2 = "all",
-    exact,
-    fetchStatus,
-    predicate,
-    queryKey,
-    stale
-  } = filters2;
-  if (queryKey) {
-    if (exact) {
-      if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
-        return false;
-      }
-    } else if (!partialMatchKey(query.queryKey, queryKey)) {
-      return false;
-    }
-  }
-  if (type2 !== "all") {
-    const isActive = query.isActive();
-    if (type2 === "active" && !isActive) {
-      return false;
-    }
-    if (type2 === "inactive" && isActive) {
-      return false;
-    }
-  }
-  if (typeof stale === "boolean" && query.isStale() !== stale) {
-    return false;
-  }
-  if (typeof fetchStatus !== "undefined" && fetchStatus !== query.state.fetchStatus) {
-    return false;
-  }
-  if (predicate && !predicate(query)) {
-    return false;
-  }
-  return true;
-}
-function matchMutation(filters2, mutation) {
-  const { exact, status, predicate, mutationKey } = filters2;
-  if (mutationKey) {
-    if (!mutation.options.mutationKey) {
-      return false;
-    }
-    if (exact) {
-      if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) {
-        return false;
-      }
-    } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
-      return false;
-    }
-  }
-  if (status && mutation.state.status !== status) {
-    return false;
-  }
-  if (predicate && !predicate(mutation)) {
-    return false;
+  if (predicate && !predicate(mutation)) {
+    return false;
   }
   return true;
 }
@@ -9422,168 +8674,916 @@ to {
     height: 2px;
     width: 12px;
   }
-
-  &:before {
-    animation: ${se$1} 0.15s ease-out forwards;
-    animation-delay: 180ms;
-    transform: rotate(90deg);
+
+  &:before {
+    animation: ${se$1} 0.15s ease-out forwards;
+    animation-delay: 180ms;
+    transform: rotate(90deg);
+  }
+`;
+var ne$1 = h$4`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, V$1 = j$1("div")`
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: ${(e2) => e2.secondary || "#e0e0e0"};
+  border-right-color: ${(e2) => e2.primary || "#616161"};
+  animation: ${ne$1} 1s linear infinite;
+`;
+var pe$1 = h$4`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(45deg);
+	opacity: 1;
+}`, de$1 = h$4`
+0% {
+	height: 0;
+	width: 0;
+	opacity: 0;
+}
+40% {
+  height: 0;
+	width: 6px;
+	opacity: 1;
+}
+100% {
+  opacity: 1;
+  height: 10px;
+}`, w$2 = j$1("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${(e2) => e2.primary || "#61d345"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${pe$1} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    animation: ${de$1} 0.2s ease-out forwards;
+    opacity: 0;
+    animation-delay: 200ms;
+    position: absolute;
+    border-right: 2px solid;
+    border-bottom: 2px solid;
+    border-color: ${(e2) => e2.secondary || "#fff"};
+    bottom: 6px;
+    left: 6px;
+    height: 10px;
+    width: 6px;
+  }
+`;
+var ue$1 = j$1("div")`
+  position: absolute;
+`, le$1 = j$1("div")`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+`, Te$1 = h$4`
+from {
+  transform: scale(0.6);
+  opacity: 0.4;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`, fe$1 = j$1("div")`
+  position: relative;
+  transform: scale(0.6);
+  opacity: 0.4;
+  min-width: 20px;
+  animation: ${Te$1} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+`, M$2 = ({ toast: e2 }) => {
+  let { icon: t2, type: o2, iconTheme: s2 } = e2;
+  return t2 !== void 0 ? typeof t2 == "string" ? reactExports.createElement(fe$1, null, t2) : t2 : o2 === "blank" ? null : reactExports.createElement(le$1, null, reactExports.createElement(V$1, { ...s2 }), o2 !== "loading" && reactExports.createElement(ue$1, null, o2 === "error" ? reactExports.createElement(_, { ...s2 }) : reactExports.createElement(w$2, { ...s2 })));
+};
+var ye$1 = (e2) => `
+0% {transform: translate3d(0,${e2 * -200}%,0) scale(.6); opacity:.5;}
+100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
+`, ge$1 = (e2) => `
+0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
+100% {transform: translate3d(0,${e2 * -150}%,-1px) scale(.6); opacity:0;}
+`, he$1 = "0%{opacity:0;} 100%{opacity:1;}", xe$1 = "0%{opacity:1;} 100%{opacity:0;}", be$1 = j$1("div")`
+  display: flex;
+  align-items: center;
+  background: #fff;
+  color: #363636;
+  line-height: 1.3;
+  will-change: transform;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
+  max-width: 350px;
+  pointer-events: auto;
+  padding: 8px 10px;
+  border-radius: 8px;
+`, Se$1 = j$1("div")`
+  display: flex;
+  justify-content: center;
+  margin: 4px 10px;
+  color: inherit;
+  flex: 1 1 auto;
+  white-space: pre-line;
+`, Ae$1 = (e2, t2) => {
+  let s2 = e2.includes("top") ? 1 : -1, [a2, r2] = b$1() ? [he$1, xe$1] : [ye$1(s2), ge$1(s2)];
+  return { animation: t2 ? `${h$4(a2)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${h$4(r2)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
+}, F = reactExports.memo(({ toast: e2, position: t2, style: o2, children: s2 }) => {
+  let a2 = e2.height ? Ae$1(e2.position || t2 || "top-center", e2.visible) : { opacity: 0 }, r2 = reactExports.createElement(M$2, { toast: e2 }), c6 = reactExports.createElement(Se$1, { ...e2.ariaProps }, T$1(e2.message, e2));
+  return reactExports.createElement(be$1, { className: e2.className, style: { ...a2, ...o2, ...e2.style } }, typeof s2 == "function" ? s2({ icon: r2, message: c6 }) : reactExports.createElement(reactExports.Fragment, null, r2, c6));
+});
+m$3(reactExports.createElement);
+var Ee$1 = ({ id: e2, className: t2, style: o2, onHeightUpdate: s2, children: a2 }) => {
+  let r2 = reactExports.useCallback((c6) => {
+    if (c6) {
+      let i2 = () => {
+        let d2 = c6.getBoundingClientRect().height;
+        s2(e2, d2);
+      };
+      i2(), new MutationObserver(i2).observe(c6, { subtree: true, childList: true, characterData: true });
+    }
+  }, [e2, s2]);
+  return reactExports.createElement("div", { ref: r2, className: t2, style: o2 }, a2);
+}, Re$1 = (e2, t2) => {
+  let o2 = e2.includes("top"), s2 = o2 ? { top: 0 } : { bottom: 0 }, a2 = e2.includes("center") ? { justifyContent: "center" } : e2.includes("right") ? { justifyContent: "flex-end" } : {};
+  return { left: 0, right: 0, display: "flex", position: "absolute", transition: b$1() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t2 * (o2 ? 1 : -1)}px)`, ...s2, ...a2 };
+}, ve$1 = u$4`
+  z-index: 9999;
+  > * {
+    pointer-events: auto;
+  }
+`, O$1 = 16, Ie$1 = ({ reverseOrder: e2, position: t2 = "top-center", toastOptions: o2, gutter: s2, children: a2, containerStyle: r2, containerClassName: c6 }) => {
+  let { toasts: i2, handlers: d2 } = D$1(o2);
+  return reactExports.createElement("div", { style: { position: "fixed", zIndex: 9999, top: O$1, left: O$1, right: O$1, bottom: O$1, pointerEvents: "none", ...r2 }, className: c6, onMouseEnter: d2.startPause, onMouseLeave: d2.endPause }, i2.map((p2) => {
+    let g2 = p2.position || t2, E2 = d2.calculateOffset(p2, { reverseOrder: e2, gutter: s2, defaultPosition: t2 }), x2 = Re$1(g2, E2);
+    return reactExports.createElement(Ee$1, { id: p2.id, key: p2.id, onHeightUpdate: d2.updateHeight, className: p2.visible ? ve$1 : "", style: x2 }, p2.type === "custom" ? T$1(p2.message, p2) : a2 ? a2(p2) : reactExports.createElement(F, { toast: p2, position: g2 }));
+  }));
+};
+var _t = n$3;
+const SvgAlertCircle = ({
+  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12 6a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1M11 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgAlertCircle$1 = SvgAlertCircle, SvgArrowLeft = ({
+  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: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12.707 4.293a1 1 0 0 1 0 1.414L6.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgArrowLeft$1 = SvgArrowLeft, SvgArrowRight = ({
+  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: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L17.586 12l-6.293-6.293a1 1 0 0 1 0-1.414",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgArrowRight$1 = SvgArrowRight, SvgBookmark = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "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: "M7 4a1 1 0 0 0-1 1v14.06l5.42-3.87a1 1 0 0 1 1.16 0L18 19.06V5a1 1 0 0 0-1-1zM4.88 2.88A3 3 0 0 1 7 2h10a3 3 0 0 1 3 3v16a1 1 0 0 1-1.58.81L12 17.23 5.58 21.8A1 1 0 0 1 4 21V5a3 3 0 0 1 .88-2.12"
+        }
+      )
+    ]
+  }
+), SvgBookmark$1 = SvgBookmark, SvgClose = ({
+  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: "M4.222 4.222a1.1 1.1 0 0 1 1.556 0l14 14a1.1 1.1 0 1 1-1.556 1.556l-14-14a1.1 1.1 0 0 1 0-1.556",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M19.778 4.222a1.1 1.1 0 0 1 0 1.556l-14 14a1.1 1.1 0 1 1-1.556-1.556l14-14a1.1 1.1 0 0 1 1.556 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgClose$1 = SvgClose, SvgCopy = ({
+  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: "M6.676 3c.284-.672.853-1 1.263-1h11.423c.566 0 1.438.628 1.438 1.923v13.154c0 1.056-.58 1.668-1.1 1.858V6.923C19.7 4.99 18.3 3 16.061 3zm-2.272.007C4.765 1.41 6.056 0 7.939 0h11.423C21.599 0 23 1.99 23 3.923v13.154c0 1.865-1.303 3.782-3.403 3.916C19.235 22.59 17.944 24 16.06 24H4.638C2.401 24 1 22.01 1 20.077V6.923c0-1.865 1.303-3.782 3.404-3.916M3.2 6.923C3.2 5.628 4.072 5 4.638 5h11.423c.567 0 1.439.628 1.439 1.923v13.154c0 1.295-.872 1.923-1.439 1.923H4.638c-.566 0-1.438-.628-1.438-1.923z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgCopy$1 = SvgCopy, SvgDelete = ({
+  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: "M9.461 3.689a.96.96 0 0 1 .675-.28h3.819a.955.955 0 0 1 .954.955v.954H9.182v-.954c0-.254.1-.496.28-.675m7.357.675v.954h3.818a.955.955 0 0 1 0 1.91h-.954v12.408a2.864 2.864 0 0 1-2.864 2.864H7.273a2.864 2.864 0 0 1-2.864-2.864V7.227h-.954a.955.955 0 1 1 0-1.909h3.818v-.954A2.864 2.864 0 0 1 10.136 1.5h3.819a2.864 2.864 0 0 1 2.863 2.864m-10.5 2.863v12.41a.954.954 0 0 0 .955.954h9.545a.955.955 0 0 0 .955-.955V7.227zm3.818 2.864c.528 0 .955.427.955.955v5.727a.955.955 0 1 1-1.91 0v-5.727c0-.528.428-.955.955-.955m4.773 6.682v-5.727a.955.955 0 0 0-1.909 0v5.727a.955.955 0 1 0 1.91 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgDelete$1 = SvgDelete, SvgEdit = ({
+  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: "M1.879 3.879A3 3 0 0 1 4 3h7a1 1 0 1 1 0 2H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 .879-2.121",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M20 2.879c-.297 0-.583.118-.793.328l-9.304 9.304-.529 2.115 2.115-.529 9.304-9.304A1.121 1.121 0 0 0 20 2.879m-2.207-1.086a3.121 3.121 0 0 1 4.414 4.414l-9.5 9.5a1 1 0 0 1-.464.263l-4 1a1 1 0 0 1-1.213-1.212l1-4a1 1 0 0 1 .263-.465z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgEdit$1 = SvgEdit, SvgError = ({
+  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: "M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-11C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1M8.293 15.707a1 1 0 0 1 0-1.414L10.586 12 8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgError$1 = SvgError, SvgFiles = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "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: "M20.91 9.14v1.27H8.25a4.7 4.7 0 0 0-3.86 1.98L1.5 16.53V6.4a2.3 2.3 0 0 1 .77-1.69A2.68 2.68 0 0 1 4.11 4h3.73a2.68 2.68 0 0 1 1.84.71c.25.22.45.48.58.77s.2.6.2.92v.34h7.84c.7.01 1.35.27 1.84.71.49.45.76 1.06.77 1.7ZM8.25 11.92h14.47c.63 0 1 .68.64 1.18l-3.52 5.04a3.13 3.13 0 0 1-2.57 1.32H2.79c-.62 0-.99-.68-.64-1.18l3.53-5.04a3.13 3.13 0 0 1 2.57-1.32",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgFiles$1 = SvgFiles, SvgFilter = ({
+  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: "M1.093 2.58A1 1 0 0 1 2 2h20a1 1 0 0 1 .764 1.646L15 12.826V21a1 1 0 0 1-1.447.894l-4-2A1 1 0 0 1 9 19v-6.174l-7.764-9.18a1 1 0 0 1-.143-1.067M4.155 4l6.609 7.814a1 1 0 0 1 .236.646v5.922l2 1V12.46a1 1 0 0 1 .236-.646L19.845 4z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgFilter$1 = SvgFilter, SvgFolder = ({
+  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: "M3.057 5.5A.057.057 0 0 0 3 5.557v13.03h18V7.875h-8.697a1 1 0 0 1-1-1c0-.759-.615-1.374-1.374-1.374zM1 5.557C1 4.42 1.92 3.5 3.057 3.5h6.872c1.515 0 2.797.999 3.223 2.374H21a2 2 0 0 1 2 2v10.714a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgFolder$1 = SvgFolder, SvgGlobe = ({
+  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: "M9.726 3.29A9.01 9.01 0 0 0 3.055 11H7.05a16.3 16.3 0 0 1 2.676-7.71m4.548 0A16.3 16.3 0 0 1 16.95 11h3.995a9.01 9.01 0 0 0-6.67-7.71m.668 7.71A14.3 14.3 0 0 0 12 3.55 14.3 14.3 0 0 0 9.058 11zm-5.884 2h5.884A14.3 14.3 0 0 1 12 20.45 14.3 14.3 0 0 1 9.058 13M7.05 13H3.055a9.01 9.01 0 0 0 6.67 7.71A16.3 16.3 0 0 1 7.05 13m7.224 7.71A16.3 16.3 0 0 0 16.95 13h3.995a9.01 9.01 0 0 1-6.67 7.71M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgGlobe$1 = SvgGlobe, SvgInfoCircle = ({
+  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12.01 17a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1M13.01 7.5a1 1 0 0 1-1 1H12a1 1 0 1 1 0-2h.01a1 1 0 0 1 1 1",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgInfoCircle$1 = SvgInfoCircle, SvgLoader = ({
+  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: "M16.672 5.558a7.96 7.96 0 0 0-9.841.397 7.95 7.95 0 0 0-1.908 9.66 7.964 7.964 0 0 0 8.949 4.12A7.95 7.95 0 0 0 19.962 12a1.021 1.021 0 1 1 2.045 0A9.994 9.994 0 0 1 7.83 21.083a10.01 10.01 0 0 1-5.634-11.027 9.99 9.99 0 0 1 9.402-8.048c2.244-.09 4.453.577 6.272 1.895a1.022 1.022 0 1 1-1.198 1.655",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgLoader$1 = SvgLoader, SvgOptions = ({
+  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("circle", { cx: 12, cy: 4, r: 2.5, fill: "currentColor" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: 12, cy: 12, r: 2.5, fill: "currentColor" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: 12, cy: 20, r: 2.5, fill: "currentColor" })
+    ]
+  }
+), SvgOptions$1 = SvgOptions, SvgPlus = ({
+  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: "M13 4a1 1 0 1 0-2 0v7H4a1 1 0 1 0 0 2h7v7a1 1 0 1 0 2 0v-7h7a1 1 0 1 0 0-2h-7z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgPlus$1 = SvgPlus, SvgRafterDown = ({
+  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: "M4.012 7.871a1.5 1.5 0 0 1 2.117.141L12 14.722l5.871-6.71a1.5 1.5 0 1 1 2.258 1.976l-7 8a1.5 1.5 0 0 1-2.258 0l-7-8a1.5 1.5 0 0 1 .141-2.117",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgRafterDown$1 = SvgRafterDown, SvgRafterRight = ({
+  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: "M7.871 19.988a1.5 1.5 0 0 1 .141-2.117L14.722 12l-6.71-5.871A1.5 1.5 0 0 1 9.988 3.87l8 7a1.5 1.5 0 0 1 0 2.258l-8 7a1.5 1.5 0 0 1-2.117-.141",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), SvgRafterRight$1 = SvgRafterRight, SvgRafterUp = ({
+  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: "M19.988 17.129a1.5 1.5 0 0 1-2.117-.141L12 10.278l-5.871 6.71a1.5 1.5 0 0 1-2.258-1.976l7-8a1.5 1.5 0 0 1 2.258 0l7 8a1.5 1.5 0 0 1-.141 2.117",
+          clipRule: "evenodd"
+        }
+      )
+    ]
   }
-`;
-var ne$1 = h$4`
-  from {
-    transform: rotate(0deg);
+), SvgRafterUp$1 = SvgRafterUp, SvgSave = ({
+  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: "M5 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h1v-7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7h1a1 1 0 0 0 1-1V8.414L15.586 4H8v3h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1V4zm2-2H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 16 2zm1 12v6h8v-6z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
   }
-  to {
-    transform: rotate(360deg);
+), SvgSave$1 = SvgSave, SvgSearch$2 = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "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: "M4 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0m7-9a9 9 0 1 0 5.7 15.96 1 1 0 0 0 .24.4l4.35 4.35a1 1 0 0 0 1.42-1.42l-4.35-4.35a1 1 0 0 0-.4-.24A9 9 0 0 0 11 1",
+          clipRule: "evenodd"
+        }
+      )
+    ]
   }
-`, V$1 = j$1("div")`
-  width: 12px;
-  height: 12px;
-  box-sizing: border-box;
-  border: 2px solid;
-  border-radius: 100%;
-  border-color: ${(e2) => e2.secondary || "#e0e0e0"};
-  border-right-color: ${(e2) => e2.primary || "#616161"};
-  animation: ${ne$1} 1s linear infinite;
-`;
-var pe$1 = h$4`
-from {
-  transform: scale(0) rotate(45deg);
-	opacity: 0;
-}
-to {
-  transform: scale(1) rotate(45deg);
-	opacity: 1;
-}`, de$1 = h$4`
-0% {
-	height: 0;
-	width: 0;
-	opacity: 0;
-}
-40% {
-  height: 0;
-	width: 6px;
-	opacity: 1;
-}
-100% {
-  opacity: 1;
-  height: 10px;
-}`, w$2 = j$1("div")`
-  width: 20px;
-  opacity: 0;
-  height: 20px;
-  border-radius: 10px;
-  background: ${(e2) => e2.primary || "#61d345"};
-  position: relative;
-  transform: rotate(45deg);
-
-  animation: ${pe$1} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
-    forwards;
-  animation-delay: 100ms;
-  &:after {
-    content: '';
-    box-sizing: border-box;
-    animation: ${de$1} 0.2s ease-out forwards;
-    opacity: 0;
-    animation-delay: 200ms;
-    position: absolute;
-    border-right: 2px solid;
-    border-bottom: 2px solid;
-    border-color: ${(e2) => e2.secondary || "#fff"};
-    bottom: 6px;
-    left: 6px;
-    height: 10px;
-    width: 6px;
+), SvgSearch$1$1 = SvgSearch$2, SvgSuccessOutline = ({
+  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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M16.59 8.192a1 1 0 0 1 .218 1.397l-4.375 6a1 1 0 0 1-1.584.042L8.224 12.4a1 1 0 0 1 1.552-1.261l1.806 2.223 3.61-4.951a1 1 0 0 1 1.397-.219",
+          clipRule: "evenodd"
+        }
+      )
+    ]
   }
-`;
-var ue$1 = j$1("div")`
-  position: absolute;
-`, le$1 = j$1("div")`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 20px;
-  min-height: 20px;
-`, Te$1 = h$4`
-from {
-  transform: scale(0.6);
-  opacity: 0.4;
-}
-to {
-  transform: scale(1);
-  opacity: 1;
-}`, fe$1 = j$1("div")`
-  position: relative;
-  transform: scale(0.6);
-  opacity: 0.4;
-  min-width: 20px;
-  animation: ${Te$1} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
-    forwards;
-`, M$2 = ({ toast: e2 }) => {
-  let { icon: t2, type: o2, iconTheme: s2 } = e2;
-  return t2 !== void 0 ? typeof t2 == "string" ? reactExports.createElement(fe$1, null, t2) : t2 : o2 === "blank" ? null : reactExports.createElement(le$1, null, reactExports.createElement(V$1, { ...s2 }), o2 !== "loading" && reactExports.createElement(ue$1, null, o2 === "error" ? reactExports.createElement(_, { ...s2 }) : reactExports.createElement(w$2, { ...s2 })));
-};
-var ye$1 = (e2) => `
-0% {transform: translate3d(0,${e2 * -200}%,0) scale(.6); opacity:.5;}
-100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
-`, ge$1 = (e2) => `
-0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
-100% {transform: translate3d(0,${e2 * -150}%,-1px) scale(.6); opacity:0;}
-`, he$1 = "0%{opacity:0;} 100%{opacity:1;}", xe$1 = "0%{opacity:1;} 100%{opacity:0;}", be$1 = j$1("div")`
-  display: flex;
-  align-items: center;
-  background: #fff;
-  color: #363636;
-  line-height: 1.3;
-  will-change: transform;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
-  max-width: 350px;
-  pointer-events: auto;
-  padding: 8px 10px;
-  border-radius: 8px;
-`, Se$1 = j$1("div")`
-  display: flex;
-  justify-content: center;
-  margin: 4px 10px;
-  color: inherit;
-  flex: 1 1 auto;
-  white-space: pre-line;
-`, Ae$1 = (e2, t2) => {
-  let s2 = e2.includes("top") ? 1 : -1, [a2, r2] = b$1() ? [he$1, xe$1] : [ye$1(s2), ge$1(s2)];
-  return { animation: t2 ? `${h$4(a2)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${h$4(r2)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
-}, F = reactExports.memo(({ toast: e2, position: t2, style: o2, children: s2 }) => {
-  let a2 = e2.height ? Ae$1(e2.position || t2 || "top-center", e2.visible) : { opacity: 0 }, r2 = reactExports.createElement(M$2, { toast: e2 }), c6 = reactExports.createElement(Se$1, { ...e2.ariaProps }, T$1(e2.message, e2));
-  return reactExports.createElement(be$1, { className: e2.className, style: { ...a2, ...o2, ...e2.style } }, typeof s2 == "function" ? s2({ icon: r2, message: c6 }) : reactExports.createElement(reactExports.Fragment, null, r2, c6));
-});
-m$3(reactExports.createElement);
-var Ee$1 = ({ id: e2, className: t2, style: o2, onHeightUpdate: s2, children: a2 }) => {
-  let r2 = reactExports.useCallback((c6) => {
-    if (c6) {
-      let i2 = () => {
-        let d2 = c6.getBoundingClientRect().height;
-        s2(e2, d2);
-      };
-      i2(), new MutationObserver(i2).observe(c6, { subtree: true, childList: true, characterData: true });
-    }
-  }, [e2, s2]);
-  return reactExports.createElement("div", { ref: r2, className: t2, style: o2 }, a2);
-}, Re$1 = (e2, t2) => {
-  let o2 = e2.includes("top"), s2 = o2 ? { top: 0 } : { bottom: 0 }, a2 = e2.includes("center") ? { justifyContent: "center" } : e2.includes("right") ? { justifyContent: "flex-end" } : {};
-  return { left: 0, right: 0, display: "flex", position: "absolute", transition: b$1() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t2 * (o2 ? 1 : -1)}px)`, ...s2, ...a2 };
-}, ve$1 = u$4`
-  z-index: 9999;
-  > * {
-    pointer-events: auto;
+), SvgSuccessOutline$1 = SvgSuccessOutline, SvgUsers = ({
+  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(
+        "g",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          clipPath: "url(#users_svg__a)",
+          clipRule: "evenodd",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19.055 12.803a1 1 0 0 1 1.272-.618c1.128.39 2.061 1.247 2.7 2.351.64 1.106.972 2.435.973 3.782V21a1 1 0 1 1-2 0v-2.681c0-1.03-.258-2.009-.704-2.782-.448-.773-1.034-1.258-1.623-1.462a1 1 0 0 1-.618-1.272M15.187 1.384a1 1 0 0 1 1.036-.962 5.129 5.129 0 0 1 2.11 9.71 1 1 0 1 1-.896-1.788 3.129 3.129 0 0 0-1.288-5.924 1 1 0 0 1-.962-1.036M1.505 15.694C2.481 14.622 3.825 14 5.25 14h8.5c1.424 0 2.769.622 3.744 1.694.974 1.068 1.506 2.498 1.506 3.973V22a1 1 0 1 1-2 0v-2.333c0-1.001-.363-1.945-.984-2.627-.618-.679-1.436-1.04-2.266-1.04h-8.5c-.83 0-1.648.361-2.266 1.04-.621.682-.984 1.626-.984 2.627V22a1 1 0 1 1-2 0v-2.333c0-1.475.533-2.905 1.505-3.974M9.5 3a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M4 6.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "users_svg__a", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+    ]
   }
-`, O$1 = 16, Ie$1 = ({ reverseOrder: e2, position: t2 = "top-center", toastOptions: o2, gutter: s2, children: a2, containerStyle: r2, containerClassName: c6 }) => {
-  let { toasts: i2, handlers: d2 } = D$1(o2);
-  return reactExports.createElement("div", { style: { position: "fixed", zIndex: 9999, top: O$1, left: O$1, right: O$1, bottom: O$1, pointerEvents: "none", ...r2 }, className: c6, onMouseEnter: d2.startPause, onMouseLeave: d2.endPause }, i2.map((p2) => {
-    let g2 = p2.position || t2, E2 = d2.calculateOffset(p2, { reverseOrder: e2, gutter: s2, defaultPosition: t2 }), x2 = Re$1(g2, E2);
-    return reactExports.createElement(Ee$1, { id: p2.id, key: p2.id, onHeightUpdate: d2.updateHeight, className: p2.visible ? ve$1 : "", style: x2 }, p2.type === "custom" ? T$1(p2.message, p2) : a2 ? a2(p2) : reactExports.createElement(F, { toast: p2, position: g2 }));
-  }));
-};
-var _t = n$3;
+), SvgUsers$1 = SvgUsers;
+function r$3(e2) {
+  var t2, f2, n2 = "";
+  if ("string" == typeof e2 || "number" == typeof e2)
+    n2 += e2;
+  else if ("object" == typeof e2)
+    if (Array.isArray(e2)) {
+      var o2 = e2.length;
+      for (t2 = 0; t2 < o2; t2++)
+        e2[t2] && (f2 = r$3(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
+    } else
+      for (f2 in e2)
+        e2[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+function clsx() {
+  for (var e2, t2, f2 = 0, n2 = "", o2 = arguments.length; f2 < o2; f2++)
+    (e2 = arguments[f2]) && (t2 = r$3(e2)) && (n2 && (n2 += " "), n2 += t2);
+  return n2;
+}
 var reactDom = { exports: {} };
 var reactDom_production_min = {};
 var scheduler = { exports: {} };
@@ -18373,47 +18373,6 @@ function getWindow$3(node) {
 function isElement$3(value) {
   return value instanceof Element || value instanceof getWindow$3(value).Element;
 }
-function isShadowRoot$2(value) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  return value instanceof ShadowRoot || value instanceof getWindow$3(value).ShadowRoot;
-}
-function contains$1(parent, child) {
-  if (!parent || !child) {
-    return false;
-  }
-  const rootNode = child.getRootNode && child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  }
-  if (rootNode && isShadowRoot$2(rootNode)) {
-    let next = child;
-    while (next) {
-      if (parent === next) {
-        return true;
-      }
-      next = next.parentNode || next.host;
-    }
-  }
-  return false;
-}
-function isMouseLikePointerType(pointerType, strict) {
-  const values = ["mouse", "pen"];
-  {
-    values.push("", void 0);
-  }
-  return values.includes(pointerType);
-}
-function getDocument$1(node) {
-  return (node == null ? void 0 : node.ownerDocument) || document;
-}
-function getTarget(event) {
-  if ("composedPath" in event) {
-    return event.composedPath()[0];
-  }
-  return event.target;
-}
 const min$1 = Math.min;
 const max$2 = Math.max;
 const round$2 = Math.round;
@@ -19729,7 +19688,7 @@ function roundByDPR(element, value) {
   const dpr = getDPR(element);
   return Math.round(value * dpr) / dpr;
 }
-function useLatestRef$1(value) {
+function useLatestRef(value) {
   const ref2 = reactExports.useRef(value);
   index$1(() => {
     ref2.current = value;
@@ -19785,8 +19744,8 @@ function useFloating$1(options) {
   const floatingRef = reactExports.useRef(null);
   const dataRef = reactExports.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
-  const whileElementsMountedRef = useLatestRef$1(whileElementsMounted);
-  const platformRef = useLatestRef$1(platform2);
+  const whileElementsMountedRef = useLatestRef(whileElementsMounted);
+  const platformRef = useLatestRef(platform2);
   const update2 = reactExports.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
@@ -19932,316 +19891,8 @@ function createPubSub() {
     }
   };
 }
-const FloatingNodeContext = /* @__PURE__ */ reactExports.createContext(null);
 const FloatingTreeContext = /* @__PURE__ */ reactExports.createContext(null);
-const useFloatingParentNodeId = () => {
-  var _React$useContext;
-  return ((_React$useContext = reactExports.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
-};
 const useFloatingTree = () => reactExports.useContext(FloatingTreeContext);
-function createAttribute(name) {
-  return "data-floating-ui-" + name;
-}
-function useLatestRef(value) {
-  const ref2 = reactExports.useRef(value);
-  index(() => {
-    ref2.current = value;
-  });
-  return ref2;
-}
-const safePolygonIdentifier = /* @__PURE__ */ createAttribute("safe-polygon");
-function getDelay(value, prop, pointerType) {
-  if (pointerType && !isMouseLikePointerType(pointerType)) {
-    return 0;
-  }
-  if (typeof value === "number") {
-    return value;
-  }
-  return value == null ? void 0 : value[prop];
-}
-function useHover$1(context2, props) {
-  if (props === void 0) {
-    props = {};
-  }
-  const {
-    open,
-    onOpenChange,
-    dataRef,
-    events: events2,
-    elements: {
-      domReference,
-      floating
-    },
-    refs
-  } = context2;
-  const {
-    enabled = true,
-    delay = 0,
-    handleClose = null,
-    mouseOnly = false,
-    restMs = 0,
-    move = true
-  } = props;
-  const tree = useFloatingTree();
-  const parentId = useFloatingParentNodeId();
-  const handleCloseRef = useLatestRef(handleClose);
-  const delayRef = useLatestRef(delay);
-  const pointerTypeRef = reactExports.useRef();
-  const timeoutRef = reactExports.useRef();
-  const handlerRef = reactExports.useRef();
-  const restTimeoutRef = reactExports.useRef();
-  const blockMouseMoveRef = reactExports.useRef(true);
-  const performedPointerEventsMutationRef = reactExports.useRef(false);
-  const unbindMouseMoveRef = reactExports.useRef(() => {
-  });
-  const isHoverOpen = reactExports.useCallback(() => {
-    var _dataRef$current$open;
-    const type2 = (_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type;
-    return (type2 == null ? void 0 : type2.includes("mouse")) && type2 !== "mousedown";
-  }, [dataRef]);
-  reactExports.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function onDismiss() {
-      clearTimeout(timeoutRef.current);
-      clearTimeout(restTimeoutRef.current);
-      blockMouseMoveRef.current = true;
-    }
-    events2.on("dismiss", onDismiss);
-    return () => {
-      events2.off("dismiss", onDismiss);
-    };
-  }, [enabled, events2]);
-  reactExports.useEffect(() => {
-    if (!enabled || !handleCloseRef.current || !open) {
-      return;
-    }
-    function onLeave(event) {
-      if (isHoverOpen()) {
-        onOpenChange(false, event);
-      }
-    }
-    const html = getDocument$1(floating).documentElement;
-    html.addEventListener("mouseleave", onLeave);
-    return () => {
-      html.removeEventListener("mouseleave", onLeave);
-    };
-  }, [floating, open, onOpenChange, enabled, handleCloseRef, dataRef, isHoverOpen]);
-  const closeWithDelay = reactExports.useCallback(function(event, runElseBranch) {
-    if (runElseBranch === void 0) {
-      runElseBranch = true;
-    }
-    const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
-    if (closeDelay && !handlerRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => onOpenChange(false, event), closeDelay);
-    } else if (runElseBranch) {
-      clearTimeout(timeoutRef.current);
-      onOpenChange(false, event);
-    }
-  }, [delayRef, onOpenChange]);
-  const cleanupMouseMoveHandler = reactExports.useCallback(() => {
-    unbindMouseMoveRef.current();
-    handlerRef.current = void 0;
-  }, []);
-  const clearPointerEvents = reactExports.useCallback(() => {
-    if (performedPointerEventsMutationRef.current) {
-      const body = getDocument$1(refs.floating.current).body;
-      body.style.pointerEvents = "";
-      body.removeAttribute(safePolygonIdentifier);
-      performedPointerEventsMutationRef.current = false;
-    }
-  }, [refs]);
-  reactExports.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function isClickLikeOpenEvent() {
-      return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
-    }
-    function onMouseEnter(event) {
-      clearTimeout(timeoutRef.current);
-      blockMouseMoveRef.current = false;
-      if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMs > 0 && getDelay(delayRef.current, "open") === 0) {
-        return;
-      }
-      const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
-      if (openDelay) {
-        timeoutRef.current = setTimeout(() => {
-          onOpenChange(true, event);
-        }, openDelay);
-      } else {
-        onOpenChange(true, event);
-      }
-    }
-    function onMouseLeave(event) {
-      if (isClickLikeOpenEvent()) {
-        return;
-      }
-      unbindMouseMoveRef.current();
-      const doc = getDocument$1(floating);
-      clearTimeout(restTimeoutRef.current);
-      if (handleCloseRef.current) {
-        if (!open) {
-          clearTimeout(timeoutRef.current);
-        }
-        handlerRef.current = handleCloseRef.current({
-          ...context2,
-          tree,
-          x: event.clientX,
-          y: event.clientY,
-          onClose() {
-            clearPointerEvents();
-            cleanupMouseMoveHandler();
-            closeWithDelay(event);
-          }
-        });
-        const handler = handlerRef.current;
-        doc.addEventListener("mousemove", handler);
-        unbindMouseMoveRef.current = () => {
-          doc.removeEventListener("mousemove", handler);
-        };
-        return;
-      }
-      const shouldClose = pointerTypeRef.current === "touch" ? !contains$1(floating, event.relatedTarget) : true;
-      if (shouldClose) {
-        closeWithDelay(event);
-      }
-    }
-    function onScrollMouseLeave(event) {
-      if (isClickLikeOpenEvent()) {
-        return;
-      }
-      handleCloseRef.current == null ? void 0 : handleCloseRef.current({
-        ...context2,
-        tree,
-        x: event.clientX,
-        y: event.clientY,
-        onClose() {
-          clearPointerEvents();
-          cleanupMouseMoveHandler();
-          closeWithDelay(event);
-        }
-      })(event);
-    }
-    if (isElement$3(domReference)) {
-      const ref2 = domReference;
-      open && ref2.addEventListener("mouseleave", onScrollMouseLeave);
-      floating == null ? void 0 : floating.addEventListener("mouseleave", onScrollMouseLeave);
-      move && ref2.addEventListener("mousemove", onMouseEnter, {
-        once: true
-      });
-      ref2.addEventListener("mouseenter", onMouseEnter);
-      ref2.addEventListener("mouseleave", onMouseLeave);
-      return () => {
-        open && ref2.removeEventListener("mouseleave", onScrollMouseLeave);
-        floating == null ? void 0 : floating.removeEventListener("mouseleave", onScrollMouseLeave);
-        move && ref2.removeEventListener("mousemove", onMouseEnter);
-        ref2.removeEventListener("mouseenter", onMouseEnter);
-        ref2.removeEventListener("mouseleave", onMouseLeave);
-      };
-    }
-  }, [domReference, floating, enabled, context2, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open, tree, delayRef, handleCloseRef, dataRef]);
-  index(() => {
-    var _handleCloseRef$curre;
-    if (!enabled) {
-      return;
-    }
-    if (open && (_handleCloseRef$curre = handleCloseRef.current) != null && _handleCloseRef$curre.__options.blockPointerEvents && isHoverOpen()) {
-      const body = getDocument$1(floating).body;
-      body.setAttribute(safePolygonIdentifier, "");
-      body.style.pointerEvents = "none";
-      performedPointerEventsMutationRef.current = true;
-      if (isElement$3(domReference) && floating) {
-        var _tree$nodesRef$curren, _tree$nodesRef$curren2;
-        const ref2 = domReference;
-        const parentFloating = tree == null ? void 0 : (_tree$nodesRef$curren = tree.nodesRef.current.find((node) => node.id === parentId)) == null ? void 0 : (_tree$nodesRef$curren2 = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren2.elements.floating;
-        if (parentFloating) {
-          parentFloating.style.pointerEvents = "";
-        }
-        ref2.style.pointerEvents = "auto";
-        floating.style.pointerEvents = "auto";
-        return () => {
-          ref2.style.pointerEvents = "";
-          floating.style.pointerEvents = "";
-        };
-      }
-    }
-  }, [enabled, open, parentId, floating, domReference, tree, handleCloseRef, dataRef, isHoverOpen]);
-  index(() => {
-    if (!open) {
-      pointerTypeRef.current = void 0;
-      cleanupMouseMoveHandler();
-      clearPointerEvents();
-    }
-  }, [open, cleanupMouseMoveHandler, clearPointerEvents]);
-  reactExports.useEffect(() => {
-    return () => {
-      cleanupMouseMoveHandler();
-      clearTimeout(timeoutRef.current);
-      clearTimeout(restTimeoutRef.current);
-      clearPointerEvents();
-    };
-  }, [enabled, domReference, cleanupMouseMoveHandler, clearPointerEvents]);
-  return reactExports.useMemo(() => {
-    if (!enabled) {
-      return {};
-    }
-    function setPointerRef(event) {
-      pointerTypeRef.current = event.pointerType;
-    }
-    return {
-      reference: {
-        onPointerDown: setPointerRef,
-        onPointerEnter: setPointerRef,
-        onMouseMove(event) {
-          if (open || restMs === 0) {
-            return;
-          }
-          clearTimeout(restTimeoutRef.current);
-          restTimeoutRef.current = setTimeout(() => {
-            if (!blockMouseMoveRef.current) {
-              onOpenChange(true, event.nativeEvent);
-            }
-          }, restMs);
-        }
-      },
-      floating: {
-        onMouseEnter() {
-          clearTimeout(timeoutRef.current);
-        },
-        onMouseLeave(event) {
-          events2.emit("dismiss", {
-            type: "mouseLeave",
-            data: {
-              returnFocus: false
-            }
-          });
-          closeWithDelay(event.nativeEvent, false);
-        }
-      }
-    };
-  }, [events2, enabled, restMs, open, onOpenChange, closeWithDelay]);
-}
-function getChildren$1(nodes, id2) {
-  let allChildren = nodes.filter((node) => {
-    var _node$context;
-    return node.parentId === id2 && ((_node$context = node.context) == null ? void 0 : _node$context.open);
-  });
-  let currentChildren = allChildren;
-  while (currentChildren.length) {
-    currentChildren = nodes.filter((node) => {
-      var _currentChildren;
-      return (_currentChildren = currentChildren) == null ? void 0 : _currentChildren.some((n2) => {
-        var _node$context2;
-        return node.parentId === n2.id && ((_node$context2 = node.context) == null ? void 0 : _node$context2.open);
-      });
-    });
-    allChildren = allChildren.concat(currentChildren);
-  }
-  return allChildren;
-}
 const useInsertionEffect = React$1[/* @__PURE__ */ "useInsertionEffect".toString()];
 const useSafeInsertionEffect = useInsertionEffect || ((fn2) => fn2());
 function useEffectEvent(callback) {
@@ -20334,190 +19985,6 @@ function useFloating(options) {
     elements
   }), [position, refs, elements, context2]);
 }
-function isPointInPolygon(point, polygon) {
-  const [x2, y2] = point;
-  let isInside2 = false;
-  const length = polygon.length;
-  for (let i2 = 0, j2 = length - 1; i2 < length; j2 = i2++) {
-    const [xi2, yi2] = polygon[i2] || [0, 0];
-    const [xj2, yj2] = polygon[j2] || [0, 0];
-    const intersect = yi2 >= y2 !== yj2 >= y2 && x2 <= (xj2 - xi2) * (y2 - yi2) / (yj2 - yi2) + xi2;
-    if (intersect) {
-      isInside2 = !isInside2;
-    }
-  }
-  return isInside2;
-}
-function isInside(point, rect) {
-  return point[0] >= rect.x && point[0] <= rect.x + rect.width && point[1] >= rect.y && point[1] <= rect.y + rect.height;
-}
-function safePolygon(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    buffer = 0.5,
-    blockPointerEvents = false,
-    requireIntent = true
-  } = options;
-  let timeoutId2;
-  let hasLanded = false;
-  let lastX = null;
-  let lastY = null;
-  let lastCursorTime = performance.now();
-  function getCursorSpeed(x2, y2) {
-    const currentTime = performance.now();
-    const elapsedTime = currentTime - lastCursorTime;
-    if (lastX === null || lastY === null || elapsedTime === 0) {
-      lastX = x2;
-      lastY = y2;
-      lastCursorTime = currentTime;
-      return null;
-    }
-    const deltaX = x2 - lastX;
-    const deltaY = y2 - lastY;
-    const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
-    const speed = distance / elapsedTime;
-    lastX = x2;
-    lastY = y2;
-    lastCursorTime = currentTime;
-    return speed;
-  }
-  const fn2 = (_ref) => {
-    let {
-      x: x2,
-      y: y2,
-      placement,
-      elements,
-      onClose,
-      nodeId,
-      tree
-    } = _ref;
-    return function onMouseMove(event) {
-      function close() {
-        clearTimeout(timeoutId2);
-        onClose();
-      }
-      clearTimeout(timeoutId2);
-      if (!elements.domReference || !elements.floating || placement == null || x2 == null || y2 == null) {
-        return;
-      }
-      const {
-        clientX,
-        clientY
-      } = event;
-      const clientPoint = [clientX, clientY];
-      const target = getTarget(event);
-      const isLeave = event.type === "mouseleave";
-      const isOverFloatingEl = contains$1(elements.floating, target);
-      const isOverReferenceEl = contains$1(elements.domReference, target);
-      const refRect = elements.domReference.getBoundingClientRect();
-      const rect = elements.floating.getBoundingClientRect();
-      const side = placement.split("-")[0];
-      const cursorLeaveFromRight = x2 > rect.right - rect.width / 2;
-      const cursorLeaveFromBottom = y2 > rect.bottom - rect.height / 2;
-      const isOverReferenceRect = isInside(clientPoint, refRect);
-      const isFloatingWider = rect.width > refRect.width;
-      const isFloatingTaller = rect.height > refRect.height;
-      const left2 = (isFloatingWider ? refRect : rect).left;
-      const right2 = (isFloatingWider ? refRect : rect).right;
-      const top2 = (isFloatingTaller ? refRect : rect).top;
-      const bottom2 = (isFloatingTaller ? refRect : rect).bottom;
-      if (isOverFloatingEl) {
-        hasLanded = true;
-        if (!isLeave) {
-          return;
-        }
-      }
-      if (isOverReferenceEl) {
-        hasLanded = false;
-      }
-      if (isOverReferenceEl && !isLeave) {
-        hasLanded = true;
-        return;
-      }
-      if (isLeave && isElement$3(event.relatedTarget) && contains$1(elements.floating, event.relatedTarget)) {
-        return;
-      }
-      if (tree && getChildren$1(tree.nodesRef.current, nodeId).some((_ref2) => {
-        let {
-          context: context2
-        } = _ref2;
-        return context2 == null ? void 0 : context2.open;
-      })) {
-        return;
-      }
-      if (side === "top" && y2 >= refRect.bottom - 1 || side === "bottom" && y2 <= refRect.top + 1 || side === "left" && x2 >= refRect.right - 1 || side === "right" && x2 <= refRect.left + 1) {
-        return close();
-      }
-      let rectPoly = [];
-      switch (side) {
-        case "top":
-          rectPoly = [[left2, refRect.top + 1], [left2, rect.bottom - 1], [right2, rect.bottom - 1], [right2, refRect.top + 1]];
-          break;
-        case "bottom":
-          rectPoly = [[left2, rect.top + 1], [left2, refRect.bottom - 1], [right2, refRect.bottom - 1], [right2, rect.top + 1]];
-          break;
-        case "left":
-          rectPoly = [[rect.right - 1, bottom2], [rect.right - 1, top2], [refRect.left + 1, top2], [refRect.left + 1, bottom2]];
-          break;
-        case "right":
-          rectPoly = [[refRect.right - 1, bottom2], [refRect.right - 1, top2], [rect.left + 1, top2], [rect.left + 1, bottom2]];
-          break;
-      }
-      function getPolygon(_ref3) {
-        let [x22, y22] = _ref3;
-        switch (side) {
-          case "top": {
-            const cursorPointOne = [isFloatingWider ? x22 + buffer / 2 : cursorLeaveFromRight ? x22 + buffer * 4 : x22 - buffer * 4, y22 + buffer + 1];
-            const cursorPointTwo = [isFloatingWider ? x22 - buffer / 2 : cursorLeaveFromRight ? x22 + buffer * 4 : x22 - buffer * 4, y22 + buffer + 1];
-            const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.bottom - buffer : isFloatingWider ? rect.bottom - buffer : rect.top], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.bottom - buffer : rect.top : rect.bottom - buffer]];
-            return [cursorPointOne, cursorPointTwo, ...commonPoints];
-          }
-          case "bottom": {
-            const cursorPointOne = [isFloatingWider ? x22 + buffer / 2 : cursorLeaveFromRight ? x22 + buffer * 4 : x22 - buffer * 4, y22 - buffer];
-            const cursorPointTwo = [isFloatingWider ? x22 - buffer / 2 : cursorLeaveFromRight ? x22 + buffer * 4 : x22 - buffer * 4, y22 - buffer];
-            const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.top + buffer : isFloatingWider ? rect.top + buffer : rect.bottom], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.top + buffer : rect.bottom : rect.top + buffer]];
-            return [cursorPointOne, cursorPointTwo, ...commonPoints];
-          }
-          case "left": {
-            const cursorPointOne = [x22 + buffer + 1, isFloatingTaller ? y22 + buffer / 2 : cursorLeaveFromBottom ? y22 + buffer * 4 : y22 - buffer * 4];
-            const cursorPointTwo = [x22 + buffer + 1, isFloatingTaller ? y22 - buffer / 2 : cursorLeaveFromBottom ? y22 + buffer * 4 : y22 - buffer * 4];
-            const commonPoints = [[cursorLeaveFromBottom ? rect.right - buffer : isFloatingTaller ? rect.right - buffer : rect.left, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.right - buffer : rect.left : rect.right - buffer, rect.bottom]];
-            return [...commonPoints, cursorPointOne, cursorPointTwo];
-          }
-          case "right": {
-            const cursorPointOne = [x22 - buffer, isFloatingTaller ? y22 + buffer / 2 : cursorLeaveFromBottom ? y22 + buffer * 4 : y22 - buffer * 4];
-            const cursorPointTwo = [x22 - buffer, isFloatingTaller ? y22 - buffer / 2 : cursorLeaveFromBottom ? y22 + buffer * 4 : y22 - buffer * 4];
-            const commonPoints = [[cursorLeaveFromBottom ? rect.left + buffer : isFloatingTaller ? rect.left + buffer : rect.right, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.left + buffer : rect.right : rect.left + buffer, rect.bottom]];
-            return [cursorPointOne, cursorPointTwo, ...commonPoints];
-          }
-        }
-      }
-      if (isPointInPolygon([clientX, clientY], rectPoly)) {
-        return;
-      } else if (hasLanded && !isOverReferenceRect) {
-        return close();
-      }
-      if (!isLeave && requireIntent) {
-        const cursorSpeed = getCursorSpeed(event.clientX, event.clientY);
-        const cursorSpeedThreshold = 0.1;
-        if (cursorSpeed !== null && cursorSpeed < cursorSpeedThreshold) {
-          return close();
-        }
-      }
-      if (!isPointInPolygon([clientX, clientY], getPolygon([x2, y2]))) {
-        close();
-      } else if (!hasLanded && requireIntent) {
-        timeoutId2 = window.setTimeout(close, 40);
-      }
-    };
-  };
-  fn2.__options = {
-    blockPointerEvents
-  };
-  return fn2;
-}
 var __defProp2 = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -56804,11 +56271,10 @@ function useDebounce(value, delay) {
     };
   }, [value, delay]), debouncedValue;
 }
-const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = false) => {
+const useDropdown = (placement, extraTriggerKeyDownHandler) => {
   const id2 = reactExports.useId(), [visible, setVisible] = reactExports.useState(false), [activeIndex, setActiveIndex] = reactExports.useState(-1), [isFocused, setIsFocused] = reactExports.useState(null), {
     refs,
-    floatingStyles,
-    context: context2
+    floatingStyles
   } = useFloating({
     placement,
     open: visible,
@@ -56824,16 +56290,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = f
     }), flip$2({
       padding: 0
     })]
-  });
-  useHover$1(context2, {
-    enabled: isTriggerHovered,
-    // Configure the delay for opening and closing separately.
-    delay: {
-      open: 200
-    },
-    handleClose: safePolygon()
-  });
-  const menuRef = reactExports.useRef(null), triggerRef = reactExports.useRef(null), itemRefs = reactExports.useRef({});
+  }), menuRef = reactExports.useRef(null), triggerRef = reactExports.useRef(null), itemRefs = reactExports.useRef({});
   reactExports.useEffect(() => {
     visible ? menuRef.current && (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
   }, [visible]), reactExports.useEffect(() => {
@@ -56941,7 +56398,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = f
     /* MenuProps to spread to any Menu Component */
     menuProps: {
       ref: mergeRefs(menuRef, refs.setFloating),
-      className: "dropdown-menu",
+      className: "dropdown-menu bg-white shadow rounded-4 p-8",
       "aria-labelledby": `dropdown-toggle-${id2}`,
       style: {
         ...floatingStyles
@@ -57476,355 +56933,7 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
     width: size2 + "px",
     height: size2 + "px"
   }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { ref: ref2, width: size2, height: size2, role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("use", { xlinkHref: `${iconPath}/apps.svg#${appCode}` }) }) });
-}), AppIcon$1 = AppIcon, ModalContext = /* @__PURE__ */ reactExports.createContext({
-  ariaLabelId: "",
-  ariaDescriptionId: "",
-  focusId: ""
-}), useModalContext = () => {
-  const context2 = reactExports.useContext(ModalContext);
-  if (!context2)
-    throw new Error("Cannot be rendered outside the Modal component");
-  return context2;
-}, ModalBody = (props) => {
-  const {
-    ariaDescriptionId
-  } = useModalContext(), {
-    children,
-    className
-  } = props, classes2 = clsx("modal-body", className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: ariaDescriptionId, className: classes2, children });
-}, ModalBody$1 = ModalBody, ModalFooter = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-footer", children: props.children }), ModalFooter$1 = ModalFooter, ModalHeader = (props) => {
-  const {
-    onModalClose,
-    children
-  } = props, {
-    ariaLabelId,
-    focusId
-  } = useModalContext(), closeButtonRef = reactExports.useRef(null), {
-    t: t2
-  } = useTranslation();
-  return reactExports.useEffect(() => {
-    var _a2;
-    focusId || (_a2 = closeButtonRef.current) == null || _a2.focus();
-  }, [focusId]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-header", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { ref: closeButtonRef, "aria-label": t2("close"), color: "tertiary", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t2("close"), onClick: onModalClose, className: "btn-close" })
-  ] });
-}, ModalHeader$1 = ModalHeader, ModalSubtitle = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "modal-subtitle", children: props.children }), ModalSubtitle$1 = ModalSubtitle, Root$3 = /* @__PURE__ */ reactExports.forwardRef((props, ref2) => {
-  const {
-    id: id2,
-    isOpen,
-    onModalClose,
-    size: size2 = "md",
-    viewport: viewport2 = false,
-    scrollable = false,
-    focusId,
-    children
-  } = props, ariaLabelId = `aria_label_${id2}`, ariaDescriptionId = `aria_desc_${id2}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
-  useKeyPress(onModalClose, ["Escape"]), reactExports.useEffect(() => {
-    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
-      const elem = document.getElementById(focusId);
-      elem == null || elem.focus();
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [focusId, isOpen]);
-  const modalClasses = clsx("modal fade", {
-    "show d-block": isOpen,
-    "modal-scrollable": scrollable,
-    viewport: viewport2,
-    [`modal-${size2}`]: size2
-  }), dialogClasses = clsx("modal-dialog"), modalContextValue = {
-    ariaLabelId,
-    ariaDescriptionId,
-    focusId
-  }, transition2 = useTransition(isOpen, {
-    from: {
-      x: -50,
-      opacity: 0
-    },
-    enter: {
-      x: 0,
-      opacity: 1
-    },
-    leave: {
-      x: 50,
-      opacity: 0
-    }
-  });
-  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);
-    }, 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
-    } })
-  ] })) });
-}), Modal = /* @__PURE__ */ Object.assign(Root$3, {
-  Header: ModalHeader$1,
-  Subtitle: ModalSubtitle$1,
-  Body: ModalBody$1,
-  Footer: ModalFooter$1
-}), Modal$1 = Modal;
-const DropdownContext = /* @__PURE__ */ reactExports.createContext(null), useDropdownContext = () => {
-  const context2 = reactExports.useContext(DropdownContext);
-  if (!context2)
-    throw new Error("Cannot be rendered outside the Dropdown Component");
-  return context2;
-}, Checkbox = /* @__PURE__ */ reactExports.forwardRef(({
-  label,
-  disabled = false,
-  checked = false,
-  indeterminate = false,
-  ...restProps
-}, ref2) => {
-  const refCheckbox = reactExports.useRef(null);
-  reactExports.useImperativeHandle(ref2, () => ({
-    ...refCheckbox.current
-  })), reactExports.useEffect(() => {
-    refCheckbox.current.indeterminate = indeterminate;
-  }, [refCheckbox, indeterminate]);
-  const id2 = reactExports.useId(), checkboxProps = {
-    type: "checkbox",
-    checked,
-    disabled,
-    ref: refCheckbox,
-    className: clsx(restProps.className, "form-check-input c-pointer"),
-    id: id2
-  }, inputProps = {
-    ...restProps,
-    ...checkboxProps
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "form-check d-flex align-items-center gap-8", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...inputProps }),
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
-  ] });
-}), Checkbox$1 = Checkbox, DropdownCheckboxItem = ({
-  children,
-  value,
-  model,
-  onChange
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter
-  } = itemProps, id2 = reactExports.useId(), checked = model.includes(value), checkboxProps = {
-    value,
-    model,
-    checked,
-    readOnly: true
-  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
-    focus: isFocused === id2
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, ref: (el2) => itemRefs.current[id2] = el2, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox$1, { ...checkboxProps })
-  ] }) });
-}, DropdownCheckboxItem$1 = DropdownCheckboxItem, DropdownItem = ({
-  type: type2 = "action",
-  icon,
-  onClick: onClick2,
-  children,
-  className,
-  ...restProps
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter,
-    onMenuItemClick
-  } = itemProps, handleOnClick = (event) => {
-    onClick2 == null || onClick2(event), type2 === "action" && (onMenuItemClick(), event.stopPropagation());
-  }, id2 = reactExports.useId(), dropdownItem = clsx("dropdown-item", {
-    focus: isFocused === id2
-  }, className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, role: "menuitem", ref: (el2) => itemRefs.current[id2] = el2, tabIndex: isFocused === id2 ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id2, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick2), ...restProps, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
-    icon,
-    children
-  ] }) });
-}, DropdownItem$1 = DropdownItem, DropdownMenu = /* @__PURE__ */ reactExports.forwardRef(({
-  children,
-  block,
-  unstyled,
-  ...restProps
-}, forwardRef2) => {
-  const {
-    menuProps,
-    visible
-  } = useDropdownContext(), className = clsx({
-    "w-100": block,
-    "bg-white shadow rounded-4 p-8": !unstyled
-  }, menuProps.className, restProps.className), mergedProps = {
-    ...menuProps,
-    ...restProps,
-    className
-  };
-  return visible ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
-}), DropdownMenu$1 = DropdownMenu, DropdownMenuGroup = /* @__PURE__ */ reactExports.forwardRef(({
-  label,
-  children
-}, forwardRef2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: forwardRef2, role: "group", children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: label }) }),
-  children
-] })), DropdownMenuGroup$1 = DropdownMenuGroup, Radio = /* @__PURE__ */ reactExports.forwardRef(({
-  model,
-  icon,
-  label = false,
-  disabled = false,
-  checked,
-  ...restProps
-}, ref2) => {
-  const id2 = reactExports.useId(), radioProps = {
-    type: "radio",
-    checked,
-    disabled,
-    ref: ref2,
-    className: clsx(restProps.className, "form-check-input c-pointer", icon && "d-none"),
-    id: id2
-  }, inputProps = {
-    ...restProps,
-    ...radioProps
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("form-check d-flex align-items-center gap-8", icon && "ps-0"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...inputProps }),
-    icon && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
-    !icon && label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
-  ] });
-}), Radio$1 = Radio, DropdownRadioItem = ({
-  children,
-  value,
-  model,
-  onChange
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter
-  } = itemProps, id2 = reactExports.useId(), radioProps = {
-    value,
-    model,
-    checked: value === model,
-    readOnly: true
-  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
-    focus: isFocused === id2
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, ref: (el2) => itemRefs.current[id2] = el2, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio$1, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
-  ] }) });
-}, DropdownRadioItem$1 = DropdownRadioItem, DropdownSeparator = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "m-0" }) }), DropdownSeparator$1 = DropdownSeparator, DropdownTrigger = /* @__PURE__ */ reactExports.forwardRef(({
-  label,
-  icon,
-  variant,
-  disabled = false,
-  size: size2,
-  badgeContent,
-  hideCarret = false,
-  ...restProps
-}, forwardRef2) => {
-  const {
-    triggerProps,
-    block
-  } = useDropdownContext(), className = clsx("dropdown-toggle ", size2, variant, {
-    "w-100": block
-  }, triggerProps.className, restProps.className), mergedProps = {
-    ...triggerProps,
-    ...restProps,
-    className
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
-    icon,
-    label,
-    badgeContent ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterUp$1, { width: 16, height: 16, className: "dropdown-toggle-caret" })
-  ] });
-}), DropdownTrigger$1 = DropdownTrigger, Root$2 = ({
-  children,
-  block,
-  overflow = true,
-  placement = "bottom-start",
-  extraTriggerKeyDownHandler,
-  onToggle,
-  isTriggerHovered = false
-}) => {
-  const {
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    setVisible
-  } = useDropdown$1(placement, extraTriggerKeyDownHandler, isTriggerHovered), ref2 = useClickOutside(() => {
-    setVisible(false);
-  }), value = reactExports.useMemo(() => ({
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    block,
-    setVisible
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
-    "w-100": block,
-    overflow
-  });
-  return reactExports.useEffect(() => {
-    onToggle == null || onToggle(visible);
-  }, [visible]), /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs) : children }) });
-}, Dropdown = /* @__PURE__ */ Object.assign(Root$2, {
-  Trigger: DropdownTrigger$1,
-  Menu: DropdownMenu$1,
-  Item: DropdownItem$1,
-  Separator: DropdownSeparator$1,
-  CheckboxItem: DropdownCheckboxItem$1,
-  RadioItem: DropdownRadioItem$1,
-  MenuGroup: DropdownMenuGroup$1
-}), Dropdown$1 = Dropdown, Tooltip = ({
-  children,
-  message,
-  icon = null,
-  placement = "auto"
-}) => {
-  const [referenceElement, setReferenceElement] = reactExports.useState(null), [popperElement, setPopperElement] = reactExports.useState(null), [arrowElement, setArrowElement] = reactExports.useState(null), {
-    styles,
-    attributes
-  } = usePopper(referenceElement, popperElement, {
-    placement,
-    modifiers: [{
-      name: "arrow",
-      options: {
-        element: arrowElement
-      }
-    }]
-  }), [visible, setVisible] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "d-inline-block position-relative z-2", ref: setReferenceElement, onMouseEnter: () => {
-      setVisible(true);
-    }, onMouseLeave: () => {
-      setVisible(false);
-    }, children }),
-    visible && message && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("tooltip d-block show mb-12", "bs-tooltip-auto"), ref: setPopperElement, style: styles.popper, ...attributes.popper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "tooltip-inner shadow-hover d-flex gap-8 align-items-center", children: [
-        icon && icon,
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: message })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tooltip-arrow", ref: setArrowElement, style: styles.arrow })
-    ] })
-  ] });
-}, Tooltip$1 = Tooltip;
-const Avatar = /* @__PURE__ */ reactExports.forwardRef(({
+}), AppIcon$1 = AppIcon, Avatar = /* @__PURE__ */ reactExports.forwardRef(({
   variant = "square",
   size: size2 = "md",
   alt,
@@ -57848,8 +56957,7 @@ const Avatar = /* @__PURE__ */ reactExports.forwardRef(({
     }
   }, className);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: classes2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image$2, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }) });
-}), Avatar$1 = Avatar;
-const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
+}), Avatar$1 = Avatar, BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
   children,
   className,
   ...restProps
@@ -57956,7 +57064,7 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
 }, CardTitle$1 = CardTitle, CardUser = ({
   userSrc,
   creatorName
-}) => userSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { alt: creatorName || "", size: "xs", src: userSrc, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgOneProfile$1, {}), CardUser$1 = CardUser, Root$1 = /* @__PURE__ */ reactExports.forwardRef(({
+}) => userSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { alt: creatorName || "", size: "xs", src: userSrc, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgOneProfile$1, {}), CardUser$1 = CardUser, Root$3 = /* @__PURE__ */ reactExports.forwardRef(({
   app,
   isSelectable = true,
   isClickable = true,
@@ -57983,7 +57091,7 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
     /* @__PURE__ */ jsxRuntimeExports.jsx(Card.Header, {}),
     typeof children == "function" ? children(appCode) : children
   ] }) });
-}), Card = /* @__PURE__ */ Object.assign(Root$1, {
+}), Card = /* @__PURE__ */ Object.assign(Root$3, {
   Title: CardTitle$1,
   Text: CardText$1,
   Image: CardImage$1,
@@ -57991,7 +57099,72 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
   User: CardUser$1,
   Footer: CardFooter$1,
   Header: CardHeader$1
-}), Card$1 = Card, Context = /* @__PURE__ */ reactExports.createContext(null), useFormControl = () => {
+}), Card$1 = Card, Checkbox = /* @__PURE__ */ reactExports.forwardRef(({
+  label,
+  disabled = false,
+  checked = false,
+  indeterminate = false,
+  ...restProps
+}, ref2) => {
+  const refCheckbox = reactExports.useRef(null);
+  reactExports.useImperativeHandle(ref2, () => ({
+    ...refCheckbox.current
+  })), reactExports.useEffect(() => {
+    refCheckbox.current.indeterminate = indeterminate;
+  }, [refCheckbox, indeterminate]);
+  const id2 = reactExports.useId(), checkboxProps = {
+    type: "checkbox",
+    checked,
+    disabled,
+    ref: refCheckbox,
+    className: clsx(restProps.className, "form-check-input c-pointer"),
+    id: id2
+  }, inputProps = {
+    ...restProps,
+    ...checkboxProps
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "form-check d-flex align-items-center gap-8", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...inputProps }),
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
+  ] });
+}), Checkbox$1 = Checkbox, Tooltip = ({
+  children,
+  message,
+  icon = null,
+  placement = "auto"
+}) => {
+  const [referenceElement, setReferenceElement] = reactExports.useState(null), [popperElement, setPopperElement] = reactExports.useState(null), [arrowElement, setArrowElement] = reactExports.useState(null), {
+    styles,
+    attributes
+  } = usePopper(referenceElement, popperElement, {
+    placement,
+    modifiers: [{
+      name: "arrow",
+      options: {
+        element: arrowElement
+      }
+    }]
+  }), [visible, setVisible] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "d-inline-block position-relative z-2", ref: setReferenceElement, onMouseEnter: () => {
+      setVisible(true);
+    }, onMouseLeave: () => {
+      setVisible(false);
+    }, children }),
+    visible && message && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("tooltip d-block show mb-12", "bs-tooltip-auto"), ref: setPopperElement, style: styles.popper, ...attributes.popper, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "tooltip-inner shadow-hover d-flex gap-8 align-items-center", children: [
+        icon && icon,
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: message })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tooltip-arrow", ref: setArrowElement, style: styles.arrow })
+    ] })
+  ] });
+}, Tooltip$1 = Tooltip, DropdownContext = /* @__PURE__ */ reactExports.createContext(null), useDropdownContext = () => {
+  const context2 = reactExports.useContext(DropdownContext);
+  if (!context2)
+    throw new Error("Cannot be rendered outside the Dropdown Component");
+  return context2;
+}, Context = /* @__PURE__ */ reactExports.createContext(null), useFormControl = () => {
   const context2 = reactExports.useContext(Context);
   if (!context2)
     throw new Error("Cannot be rendered outside the FormControl component");
@@ -58057,7 +57230,7 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
     ] }),
     requiredState && /* @__PURE__ */ jsxRuntimeExports.jsx("em", { className: "required", children: requiredText })
   ] });
-}), Label$1 = Label, Root$4 = /* @__PURE__ */ reactExports.forwardRef(({
+}), Label$1 = Label, Root$2 = /* @__PURE__ */ reactExports.forwardRef(({
   children,
   className,
   id: id2,
@@ -58075,7 +57248,7 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
     status
   }), [id2, isOptional, isReadOnly, isRequired, status]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className, ...restProps, children }) });
-}), FormControl = /* @__PURE__ */ Object.assign(Root$4, {
+}), FormControl = /* @__PURE__ */ Object.assign(Root$2, {
   Label: Label$1,
   Input: Input$1,
   Text: FormText$1
@@ -58100,7 +57273,192 @@ const BreadcrumbItem = /* @__PURE__ */ reactExports.forwardRef(({
   return reactExports.useEffect(() => {
     setVisible(value.length >= searchMinLength);
   }, [setVisible, value, searchMinLength]), /* @__PURE__ */ jsxRuntimeExports.jsx(FormControl$1, { className: "d-flex align-items-center", id: "search", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input$1, { ...inputProps, className: "max-w-512", noValidationIcon: true, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown }) });
-}, ComboboxTrigger$1 = ComboboxTrigger, Combobox = ({
+}, ComboboxTrigger$1 = ComboboxTrigger, DropdownCheckboxItem = ({
+  children,
+  value,
+  model,
+  onChange
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id2 = reactExports.useId(), checked = model.includes(value), checkboxProps = {
+    value,
+    model,
+    checked,
+    readOnly: true
+  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id2
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, ref: (el2) => itemRefs.current[id2] = el2, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox$1, { ...checkboxProps })
+  ] }) });
+}, DropdownCheckboxItem$1 = DropdownCheckboxItem, DropdownItem = ({
+  type: type2 = "action",
+  icon,
+  onClick: onClick2,
+  children,
+  ...restProps
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter,
+    onMenuItemClick
+  } = itemProps, handleOnClick = (event) => {
+    onClick2 == null || onClick2(event), type2 === "action" && onMenuItemClick();
+  }, id2 = reactExports.useId(), dropdownItem = clsx("dropdown-item", {
+    focus: isFocused === id2
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, role: "menuitem", ref: (el2) => itemRefs.current[id2] = el2, tabIndex: isFocused === id2 ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id2, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick2), ...restProps, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
+    icon,
+    children
+  ] }) });
+}, DropdownItem$1 = DropdownItem, DropdownMenu = /* @__PURE__ */ reactExports.forwardRef(({
+  children,
+  block,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    menuProps,
+    visible
+  } = useDropdownContext(), {
+    className,
+    ...restMenuProps
+  } = menuProps, mergedProps = {
+    ...restMenuProps,
+    ...restProps
+  }, dropdownMenu = clsx({
+    "w-100": block
+  }, className);
+  return visible ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: forwardRef2, className: dropdownMenu, ...mergedProps, children }) : null;
+}), DropdownMenu$1 = DropdownMenu, DropdownMenuGroup = /* @__PURE__ */ reactExports.forwardRef(({
+  label,
+  children
+}, forwardRef2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: forwardRef2, role: "group", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: label }) }),
+  children
+] })), DropdownMenuGroup$1 = DropdownMenuGroup, Radio = /* @__PURE__ */ reactExports.forwardRef(({
+  model,
+  icon,
+  label = false,
+  disabled = false,
+  checked,
+  ...restProps
+}, ref2) => {
+  const id2 = reactExports.useId(), radioProps = {
+    type: "radio",
+    checked,
+    disabled,
+    ref: ref2,
+    className: clsx(restProps.className, "form-check-input c-pointer", icon && "d-none"),
+    id: id2
+  }, inputProps = {
+    ...restProps,
+    ...radioProps
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("form-check d-flex align-items-center gap-8", icon && "ps-0"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...inputProps }),
+    icon && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
+    !icon && label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
+  ] });
+}), Radio$1 = Radio, DropdownRadioItem = ({
+  children,
+  value,
+  model,
+  onChange
+}) => {
+  const {
+    itemProps,
+    itemRefs,
+    isFocused
+  } = useDropdownContext(), {
+    onMenuItemKeyDown,
+    onMenuItemMouseEnter
+  } = itemProps, id2 = reactExports.useId(), radioProps = {
+    value,
+    model,
+    checked: value === model,
+    readOnly: true
+  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
+    focus: isFocused === id2
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, ref: (el2) => itemRefs.current[id2] = el2, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
+    children,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio$1, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
+  ] }) });
+}, DropdownRadioItem$1 = DropdownRadioItem, DropdownSeparator = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "m-0" }) }), DropdownSeparator$1 = DropdownSeparator, DropdownTrigger = /* @__PURE__ */ reactExports.forwardRef(({
+  label,
+  icon,
+  variant,
+  disabled = false,
+  size: size2,
+  badgeContent,
+  ...restProps
+}, forwardRef2) => {
+  const {
+    triggerProps,
+    block
+  } = useDropdownContext(), {
+    className,
+    ...restTriggerProps
+  } = triggerProps, mergedProps = {
+    ...restTriggerProps,
+    ...restProps
+  }, dropdownTrigger = clsx("dropdown-toggle ", size2, variant, {
+    "w-100": block
+  }, className);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { ref: forwardRef2, className: dropdownTrigger, disabled, ...mergedProps, children: [
+    icon || null,
+    label,
+    badgeContent ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgRafterUp$1, { width: 16, height: 16, className: "dropdown-toggle-caret" })
+  ] });
+}), DropdownTrigger$1 = DropdownTrigger, Root$1 = ({
+  children,
+  block,
+  overflow = true,
+  placement = "bottom-start",
+  extraTriggerKeyDownHandler
+}) => {
+  const {
+    visible,
+    isFocused,
+    triggerProps,
+    menuProps,
+    itemProps,
+    itemRefs,
+    setVisible
+  } = useDropdown$1(placement, extraTriggerKeyDownHandler), ref2 = useClickOutside(() => setVisible(false)), value = reactExports.useMemo(() => ({
+    visible,
+    isFocused,
+    triggerProps,
+    menuProps,
+    itemProps,
+    itemRefs,
+    block,
+    setVisible
+  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
+    "w-100": block,
+    overflow
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs) : children }) });
+}, Dropdown = /* @__PURE__ */ Object.assign(Root$1, {
+  Trigger: DropdownTrigger$1,
+  Menu: DropdownMenu$1,
+  Item: DropdownItem$1,
+  Separator: DropdownSeparator$1,
+  CheckboxItem: DropdownCheckboxItem$1,
+  RadioItem: DropdownRadioItem$1,
+  MenuGroup: DropdownMenuGroup$1
+}), Dropdown$1 = Dropdown, Combobox = ({
   onSearchResultsChange,
   onSearchInputChange,
   options,
@@ -58241,7 +57599,97 @@ const ImagePicker = /* @__PURE__ */ reactExports.forwardRef(({
 }, ref2) => {
   const classes2 = clsx("navbar-brand d-none d-md-block");
   return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { ref: ref2, className: classes2, href: "/timeline/timeline", "aria-label": translate2, children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "logo", src, alt: `logo ${is1d ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
-}), Logo$1 = Logo, PopoverBody = ({
+}), Logo$1 = Logo, ModalContext = /* @__PURE__ */ reactExports.createContext({
+  ariaLabelId: "",
+  ariaDescriptionId: "",
+  focusId: ""
+}), useModalContext = () => {
+  const context2 = reactExports.useContext(ModalContext);
+  if (!context2)
+    throw new Error("Cannot be rendered outside the Modal component");
+  return context2;
+}, ModalBody = (props) => {
+  const {
+    ariaDescriptionId
+  } = useModalContext(), {
+    children,
+    className
+  } = props, classes2 = clsx("modal-body", className);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: ariaDescriptionId, className: classes2, children });
+}, ModalBody$1 = ModalBody, ModalFooter = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-footer", children: props.children }), ModalFooter$1 = ModalFooter, ModalHeader = (props) => {
+  const {
+    onModalClose,
+    children
+  } = props, {
+    ariaLabelId,
+    focusId
+  } = useModalContext(), closeButtonRef = reactExports.useRef(null), {
+    t: t2
+  } = useTranslation();
+  return reactExports.useEffect(() => {
+    var _a2;
+    focusId || (_a2 = closeButtonRef.current) == null || _a2.focus();
+  }, [focusId]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-header", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { ref: closeButtonRef, "aria-label": t2("close"), color: "tertiary", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t2("close"), onClick: onModalClose, className: "btn-close" })
+  ] });
+}, ModalHeader$1 = ModalHeader, ModalSubtitle = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "modal-subtitle", children: props.children }), ModalSubtitle$1 = ModalSubtitle, Root$4 = /* @__PURE__ */ reactExports.forwardRef((props, ref2) => {
+  const {
+    id: id2,
+    isOpen,
+    onModalClose,
+    size: size2 = "md",
+    viewport: viewport2 = false,
+    scrollable = false,
+    focusId,
+    children
+  } = props, ariaLabelId = `aria_label_${id2}`, ariaDescriptionId = `aria_desc_${id2}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
+  useKeyPress(onModalClose, ["Escape"]), reactExports.useEffect(() => {
+    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
+      const elem = document.getElementById(focusId);
+      elem == null || elem.focus();
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [focusId, isOpen]);
+  const modalClasses = clsx("modal fade", {
+    "show d-block": isOpen,
+    "modal-scrollable": scrollable,
+    viewport: viewport2,
+    [`modal-${size2}`]: size2
+  }), dialogClasses = clsx("modal-dialog"), modalContextValue = {
+    ariaLabelId,
+    ariaDescriptionId,
+    focusId
+  }, transition2 = useTransition(isOpen, {
+    from: {
+      x: -50,
+      opacity: 0
+    },
+    enter: {
+      x: 0,
+      opacity: 1
+    },
+    leave: {
+      x: 50,
+      opacity: 0
+    }
+  });
+  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);
+    }, 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
+    } })
+  ] })) });
+}), Modal = /* @__PURE__ */ Object.assign(Root$4, {
+  Header: ModalHeader$1,
+  Subtitle: ModalSubtitle$1,
+  Body: ModalBody$1,
+  Footer: ModalFooter$1
+}), Modal$1 = Modal, PopoverBody = ({
   children,
   className
 }) => {
@@ -58303,7 +57751,8 @@ const ImagePicker = /* @__PURE__ */ reactExports.forwardRef(({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown$1.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);
     }) })
   ] });
-}, Select$1 = Select, TextArea = /* @__PURE__ */ reactExports.forwardRef(({
+}, Select$1 = Select;
+const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
   noValidationIcon,
   placeholder,
   size: size2 = "md",
@@ -63275,11 +62724,24 @@ const AppAction$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   __proto__: null,
   default: AppAction
 }, Symbol.toStringTag, { value: "Module" }));
-const Library = () => {
-  const { t: t2 } = useTranslation();
+const useLibrary = () => {
+  const { currentLanguage } = useOdeClient();
   const { theme } = useOdeTheme();
-  const libraryUrl = useLibraryUrl$1();
   const [imagePath] = usePaths();
+  const libraryUrl = useLibraryUrl$1();
+  const imageFilename = currentLanguage === "fr" ? "image-library-year-end.gif" : "image-library.svg";
+  const imageFullURL = `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/${imageFilename}`;
+  const handleClick = () => {
+    if (libraryUrl) {
+      window.open(libraryUrl, "_blank");
+      odeServices.data().trackAccessLibraryFromExplorer();
+    }
+  };
+  return { libraryUrl, imageFullURL, handleClick };
+};
+const Library = () => {
+  const { libraryUrl, imageFullURL, handleClick } = useLibrary();
+  const { t: t2 } = useTranslation();
   return libraryUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-16", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Image$2,
@@ -63288,18 +62750,18 @@ const Library = () => {
         height: "140",
         loading: "lazy",
         className: "rounded",
-        src: `${imagePath}/${theme == null ? void 0 : theme.bootstrapVersion}/image-library.svg`,
+        src: imageFullURL,
         alt: t2("explorer.libray.img.alt")
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "m-8", children: t2("explorer.libray.title") }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "a",
+      "button",
       {
-        href: libraryUrl,
-        target: "_blank",
+        type: "button",
+        onClick: handleClick,
         rel: "noreferrer",
-        className: "d-inline-flex align-items-center gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
+        className: "btn btn-ghost-primary d-inline-flex align-items-center gap-4 p-8",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("explorer.libray.btn") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SvgArrowRight$1, {})