@react-pdf-kit/viewer 0.0.0-experimental.4 → 0.0.0-experimental.5

package/dist/components/page/TextHighlightLayer.js

@@ -1,14 +1,11 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useState as $, useEffect as k, useMemo as y } from "react";
-import { useDocumentContext as _ } from "../../contexts/RPDocumentContext.js";
-import { useHighlightContext as L } from "../../contexts/HighlightContext.js";
-import { normalizeSingleKeyword as M } from "./searchHighlight.js";
-import { isMatchEntireWord as T } from "../../utils/highlight.js";
-import { geometryCache as w } from "../../utils/geometryCache.js";
-import { rectsForRange as G } from "../../utils/selectionUtils.js";
+import { jsx as k, Fragment as J } from "react/jsx-runtime";
+import { useState as A, useRef as N, useEffect as H, useMemo as Q } from "react";
+import { useDocumentContext as U } from "../../contexts/RPDocumentContext.js";
+import { useHighlightContext as V } from "../../contexts/HighlightContext.js";
+import { normalizeSingleKeyword as Y, sortHighlightPosition as Z, unwrap as tt } from "./searchHighlight.js";
+import { isMatchEntireWord as et } from "../../utils/highlight.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -21,86 +18,181 @@ import "../../utils/formatFileSize.js";
 import "../../utils/hooks/useHighlight.js";
 import "../../utils/charators.js";
 import "../../utils/const.js";
-const C = {
-  "rp-text-highlight-layer": "_rp-text-highlight-layer_1gqf0_1",
-  "rp-text-highlight": "_rp-text-highlight_1gqf0_1"
-}, Z = ({ pageNumber: n, viewport: p }) => {
-  const i = n - 1, { pages: h } = _(), { highlightKeywords: s } = L(), [r, m] = $(null);
-  k(() => {
-    const e = w.get(i);
-    if (e) {
-      m(e);
-      return;
-    }
-    const o = h.get(n);
-    if (!o)
-      return;
-    const t = o.page.getViewport({ scale: (p.width > 0, 1) }), g = o.page.getPageGeometry(t);
-    w.set(i, g), m(g);
-  }, [h, n, i, p]);
-  const c = y(() => s ? s.map((e) => {
-    var o, t;
+const nt = {
+  "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
+}, Tt = ({ pageNumber: w, viewport: O }) => {
+  const [$, v] = A(), { pages: R } = U(), { highlightKeywords: d } = V(), M = !0, C = N(null), [P, q] = A(null), [_, b] = A([]);
+  H(() => {
+    C.current && q(C.current.parentElement);
+  }, [C]), H(() => {
+    (async () => {
+      const e = R.get(w);
+      if (!e || !C.current)
+        return;
+      const n = await e.page.getTextContent();
+      v(n);
+    })();
+  }, [R, w]);
+  const j = Q(() => d ? d.map((t) => {
+    var e, n;
     return {
-      ...M(e.keyword, (o = e.options) == null ? void 0 : o.matchCase, (t = e.options) == null ? void 0 : t.wholeWords),
-      color: e.highlightColor
+      ...Y(t.keyword, (e = t.options) == null ? void 0 : e.matchCase, (n = t.options) == null ? void 0 : n.wholeWords),
+      color: t.highlightColor
     };
-  }) : [], [s]), a = y(() => {
-    if (!r || !c.length)
-      return [];
-    if (r.totalCharCount === 0)
-      return [];
-    const e = r.runs.map((t) => t.text).join(""), o = [];
-    for (const t of c) {
-      if (!t.keyword.trim())
-        continue;
-      const g = t.regExp.flags.indexOf("g") === -1 ? new RegExp(t.regExp, `${t.regExp.flags}g`) : t.regExp;
-      let l;
-      for (; (l = g.exec(e)) !== null; ) {
-        if (t.wholeWords && !T(e, l.index, l[0].length))
-          continue;
-        const x = E(r, l.index), f = E(r, l.index + l[0].length - 1);
-        if (x >= 0 && f >= 0) {
-          const u = G(r, x, f);
-          u.length > 0 && o.push({
-            rects: u,
-            color: t.color ?? "rgba(255, 235, 59, 0.4)",
-            keyword: t.keyword
-          });
-        }
+  }) : [], [d]);
+  function D(t, e) {
+    if (!t)
+      return;
+    const n = `[data-rp="page-${e}-textLayer"]`;
+    return new Promise((r) => {
+      const s = t.querySelector(n);
+      if (s) {
+        r(s);
+        return;
       }
+      new MutationObserver((i, c) => {
+        const l = t.querySelector(n);
+        l && (r(l), c.disconnect());
+      }).observe(t, { childList: !0, subtree: !0 });
+    });
+  }
+  function K(t) {
+    return new Promise((e) => {
+      const n = t.querySelectorAll(
+        '[data-rp="rp-text-layer-text"]'
+      );
+      if (n.length) {
+        e(Array.from(n));
+        return;
+      }
+      new MutationObserver((s, o) => {
+        const i = t.querySelectorAll(
+          ".rp-text-layer-text"
+        );
+        i.length && (e(Array.from(i)), o.disconnect());
+      }).observe(t, { childList: !0, subtree: !0 });
+    });
+  }
+  const W = (t, e, n, r) => {
+    var I;
+    const s = document.createRange(), o = n.firstChild;
+    if (!o || o.nodeType !== Node.TEXT_NODE)
+      return null;
+    const i = ((I = o.textContent) == null ? void 0 : I.length) ?? 0, c = r[0].charIdxInSpan, l = r.length === 1 ? c : r[r.length - 1].charIdxInSpan;
+    if (c > i || l + 1 > i)
+      return null;
+    s.setStart(o, c), s.setEnd(o, l + 1);
+    const h = document.createElement("span");
+    h.style.width = "auto", s.surroundContents(h);
+    const a = h.getBoundingClientRect(), f = t.getBoundingClientRect(), m = f.height, p = f.width, x = 100 * (a.left - f.left) / p, E = 100 * (a.top - f.top) / m, S = 100 * a.height / m, g = 100 * a.width / p;
+    return tt(h), {
+      keywordStr: e,
+      left: x,
+      top: E,
+      height: S,
+      width: g,
+      pageHeight: m,
+      pageWidth: p
+    };
+  };
+  async function z(t, e) {
+    const n = await D(P, t);
+    if (!n)
+      return;
+    const r = await K(n);
+    if (r.length) {
+      const s = r.map((i) => i.tagName === "BR" ? " " : i.textContent).reduce(
+        (i, c, l) => i.concat(
+          c.split("").map((h, a) => ({
+            char: h,
+            charIdxInSpan: a,
+            spanIdx: l
+          }))
+        ),
+        [
+          {
+            char: "",
+            charIdxInSpan: 0,
+            spanIdx: 0
+          }
+        ]
+      ).slice(1), o = B(n, e, r, s);
+      b(o);
     }
-    return o;
-  }, [r, c]);
-  return a.length === 0 ? null : /* @__PURE__ */ d("div", { "data-rp": `page-${n}-textHighlightLayer`, className: C["rp-text-highlight-layer"], children: a.map(
-    (e, o) => e.rects.map((t, g) => /* @__PURE__ */ d(
-      "div",
-      {
-        className: C["rp-text-highlight"],
-        style: {
-          position: "absolute",
-          left: `${t.x}px`,
-          top: `${t.y}px`,
-          width: `${t.width}px`,
-          height: `${t.height}px`,
-          backgroundColor: e.color
-        }
-      },
-      `${o}-${g}`
-    ))
-  ) });
-};
-function E(n, p) {
-  let i = 0, h = 0;
-  for (const s of n.runs) {
-    const r = s.text.length, m = s.glyphs.length;
-    if (p < i + r) {
-      const c = p - i;
-      return h + Math.min(c, m - 1);
-    }
-    i += r, h += m;
   }
-  return Math.max(0, h - 1);
-}
+  const B = (t, e, n, r) => {
+    const s = e.length;
+    if (!r.length || !s)
+      return [];
+    const o = [], i = r.map((c) => c.char).join("");
+    return j.forEach((c) => {
+      const { keyword: l, regExp: h, wholeWords: a, color: f } = c, m = l;
+      if (!m.trim())
+        return;
+      const p = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
+      let x;
+      const E = [];
+      for (; (x = p.exec(i)) !== null; )
+        a && !et(i, x.index, x[0].length) || E.push({
+          keyword: p,
+          startIndex: x.index,
+          endIndex: p.lastIndex
+        });
+      const S = E.map((g) => ({
+        keyword: g.keyword,
+        indexes: r.slice(g.startIndex, g.endIndex),
+        color: f
+      }));
+      for (const g of S) {
+        const I = g.indexes.reduce(
+          (u, y) => (u[y.spanIdx] = (u[y.spanIdx] || []).concat([y]), u),
+          {}
+        );
+        for (const u of Object.values(I))
+          if (u.length !== 1 || u[0].char.trim() !== "") {
+            const y = u, F = n[y[0].spanIdx], T = W(
+              t,
+              m,
+              F,
+              y
+            );
+            if (T) {
+              const { left: X, top: G } = T;
+              if (o.find((L) => L.left === X && L.top === G))
+                continue;
+              o.push({ ...T, highlightColor: g.color });
+            }
+          }
+      }
+    }), o.sort(Z), o;
+  };
+  return H(() => {
+    (async () => {
+      if (!d || d.length === 0) {
+        b([]);
+        return;
+      }
+      try {
+        await z(w, d);
+      } catch (e) {
+        console.error(e);
+      }
+    })();
+  }, [M, d, w, $, O]), /* @__PURE__ */ k(J, { children: /* @__PURE__ */ k("div", { ref: C, "data-rp": `page-${w}-textHighlightLayer`, children: _.map((t, e) => /* @__PURE__ */ k(
+    "div",
+    {
+      className: nt["rp-text-highlight"],
+      style: {
+        top: `${t.top}%`,
+        left: `${t.left}%`,
+        width: `${t.width}%`,
+        height: `${t.height}%`,
+        backgroundColor: t.highlightColor
+      }
+    },
+    e
+  )) }) });
+};
 export {
-  Z as TextHighlightLayer
+  Tt as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,156 +1,201 @@
-import { jsxs as T, jsx as f } from "react/jsx-runtime";
-import { useRef as D, useState as E, useEffect as L, useMemo as d, useCallback as y } from "react";
-import { useDocumentContext as j } from "../../contexts/RPDocumentContext.js";
-import { useSearchContext as A } from "../../contexts/SearchContext.js";
-import { useTextSelectionContext as G } from "../../contexts/TextSelectionContext.js";
-import { useSelectionModeContext as U } from "../../contexts/SelectionModeContext.js";
-import { useZoomContext as V } from "../../contexts/ZoomContext.js";
-import { geometryCache as Z } from "../../utils/geometryCache.js";
-import { rectsForRange as k } from "../../utils/selectionUtils.js";
-import { SelectionMode as F } from "../../utils/types.js";
+import { jsx as B } from "react/jsx-runtime";
+import { useRef as g, useState as H, useMemo as P, useCallback as _, useEffect as w } from "react";
+import { useDocumentContext as G } from "../../contexts/RPDocumentContext.js";
+import * as J from "pdfjs-dist";
+import { resetDivs as $, highlightMatches as U } from "../../utils/highlight.js";
+import { useSearchContext as V } from "../../contexts/SearchContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../utils/appConsole.js";
-import "../../de_DE-a553b162.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
-import "../../utils/hooks/useSearch.js";
-import "../../utils/highlight.js";
 import "../../utils/charators.js";
+import "../../utils/hooks/useSearch.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/InitialStateContext.js";
-import "../../PaginationContext-9217cab4.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/RotationContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ViewModeContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../PaginationContext-9217cab4.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../utils/constants.js";
 import "../../contexts/PagesRotateContext.js";
-import "../../contexts/RotationContext.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../utils/hooks/useDebounce.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
 import "../../utils/getWordPositionInPage.js";
-import "../../utils/glyphHitTest.js";
-const O = "_selecting_tl66q_12", h = {
-  "rp-text-layer": "_rp-text-layer_tl66q_1",
-  selecting: O,
-  "rp-selection-highlight": "_rp-selection-highlight_tl66q_17",
-  "rp-search-highlight": "_rp-search-highlight_tl66q_24",
-  "rp-search-highlight-active": "_rp-search-highlight-active_tl66q_32",
-  "rp-text-interaction-overlay": "_rp-text-interaction-overlay_tl66q_40"
-}, At = (a) => {
-  const { pageNumber: o } = a, e = o - 1, { pages: p } = j(), { currentZoom: c } = V(), { matches: i, currentMatch: l } = A(), { selectionMode: g } = U(), {
-    handlePointerDown: _,
-    handlePointerMove: v,
-    handlePointerUp: M,
-    getPageSelectionRects: $,
-    selectionVersion: w
-  } = G(), m = D(null), [u, P] = E(null), n = g === F.TEXT;
-  L(() => {
-    const t = p.get(o);
-    if (!t)
-      return;
-    const r = t.page.getViewport({ scale: c }), s = t.page.getPageGeometry(r);
-    Z.set(e, s), P(s);
-  }, [p, o, e, c]);
-  const R = d(() => $(e), [$, e, w]), x = d(() => i.filter((t) => t.pageIndex === e), [i, e]), b = d(() => {
-    if (!x.length || !u)
-      return [];
-    const t = [];
-    for (const [r, s] of x.entries()) {
-      const C = X(u, s), N = l !== null && l.pageIndex === e && l.pageMatchIdx === s.pageMatchIdx;
-      C.length > 0 && t.push({ rects: C, isActive: N, matchIndex: r });
-    }
-    return t;
-  }, [x, u, l, e]), I = y(
-    (t) => {
-      !n || !m.current || _(e, t, m.current);
-    },
-    [n, _, e]
-  ), S = y(
-    (t) => {
-      !n || !m.current || v(e, t, m.current);
+const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
+  "rp-text-layer": "_rp-text-layer_1553j_1",
+  selecting: X,
+  markedContent: z,
+  "rp-text-layer-text": "_rp-text-layer-text_1553j_61"
+}, Ae = (k) => {
+  const { pageNumber: d } = k, { pages: R } = G(), i = g(null), { matches: O, currentMatch: v } = V(), [D, A] = H(
+    []
+  ), p = g(), h = g(), L = g([]), y = P(() => O.filter((r) => r.pageIndex === d - 1), [O, d]), T = _(
+    (r, t, e = !1) => {
+      if (e && $(r, t), !y.length) {
+        L.current = [], A([]);
+        return;
+      }
+      const n = U(y, r, t);
+      A(n);
     },
-    [n, v, e]
-  ), q = y(() => {
-    n && M();
-  }, [n, M]);
-  return /* @__PURE__ */ T(
+    [y]
+  ), x = g(), C = g(!1), E = _(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  w(() => ((() => {
+    if (x.current)
+      return;
+    x.current = new AbortController();
+    const { signal: t } = x.current, e = () => {
+      E().forEach((o) => {
+        const s = o.querySelector(".endOfContent");
+        s && (o.appendChild(s), s.style.width = "", s.style.height = "", o.classList.remove(a.selecting));
+      });
+    };
+    document.addEventListener(
+      "pointerdown",
+      () => {
+        C.current = !0;
+      },
+      { signal: t }
+    ), document.addEventListener(
+      "pointerup",
+      () => {
+        C.current = !1, e();
+      },
+      { signal: t }
+    ), window.addEventListener(
+      "blur",
+      () => {
+        C.current = !1, e();
+      },
+      { signal: t }
+    ), document.addEventListener(
+      "keyup",
+      () => {
+        C.current || e();
+      },
+      { signal: t }
+    );
+    let n = null;
+    document.addEventListener(
+      "selectionchange",
+      () => {
+        var M, j;
+        const o = document.getSelection();
+        if (!o)
+          return;
+        if (o.rangeCount === 0) {
+          e();
+          return;
+        }
+        const s = /* @__PURE__ */ new Set();
+        for (let c = 0; c < o.rangeCount; c++) {
+          const f = o.getRangeAt(c);
+          E().forEach((N) => {
+            f.intersectsNode(N) && !s.has(N) && s.add(N);
+          });
+        }
+        E().forEach((c) => {
+          if (s.has(c))
+            c.classList.add(a.selecting);
+          else {
+            const f = c.querySelector(".endOfContent");
+            f && (c.appendChild(f), f.style.width = "", f.style.height = "", c.classList.remove(a.selecting));
+          }
+        });
+        const l = o.getRangeAt(0);
+        let u = n && (l.compareBoundaryPoints(Range.END_TO_END, n) === 0 || l.compareBoundaryPoints(Range.START_TO_END, n) === 0) ? l.startContainer : l.endContainer;
+        u.nodeType === Node.TEXT_NODE && (u = u.parentNode);
+        const m = (M = u.parentElement) == null ? void 0 : M.closest(
+          a["rp-text-layer"]
+        ), S = m == null ? void 0 : m.querySelector(".endOfContent");
+        S && m && (S.style.width = m.style.width, S.style.height = m.style.height, (j = u.parentElement) == null || j.insertBefore(S, u.nextSibling)), n = l.cloneRange();
+      },
+      { signal: t }
+    );
+  })(), () => {
+    var t;
+    (t = x.current) == null || t.abort(), x.current = void 0;
+  }), [E]);
+  const q = _(() => {
+    i.current && i.current.classList.add(a.selecting);
+  }, []), I = _(() => {
+    i.current && i.current.classList.remove(a.selecting);
+  }, []);
+  return w(() => {
+    if (L.current.forEach((e) => {
+      e.classList.remove("selected");
+    }), !D.length || !v || v.pageIndex !== d - 1)
+      return;
+    const r = y.findIndex(
+      (e) => JSON.stringify(e) === JSON.stringify(v)
+    );
+    if (r === -1)
+      return;
+    const t = D.filter((e) => e.index === r);
+    t.length && (L.current = t.map((e) => e.element), t.forEach((e) => {
+      e.element.classList.add("selected");
+    }));
+  }, [v, D, y]), w(() => {
+    const r = R.get(d);
+    if (!r || !i.current)
+      return;
+    const t = i.current;
+    return p.current && p.current.cancel(), r.page.getTextContent().then((e) => {
+      const n = r.page.getViewport({ scale: 1 });
+      return p.current = new J.TextLayer({
+        viewport: n,
+        textContentSource: e,
+        container: t
+      }), h.current = e, t && (t.innerText = ""), p.current.render();
+    }).then(() => {
+      var s, l;
+      [].slice.call(t.children).forEach((b) => {
+        b.classList.add(a["rp-text-layer-text"]), b.setAttribute("data-rp", "rp-text-layer-text");
+      });
+      const n = (s = p.current) == null ? void 0 : s.textDivs;
+      n && h.current && T(h.current, n);
+      const o = document.createElement("div");
+      o.className = "endOfContent", (l = i.current) == null || l.appendChild(o);
+    }).catch(() => {
+    }), () => {
+      var e;
+      (e = p.current) == null || e.cancel();
+    };
+  }, [R, d]), w(() => {
+    var e;
+    [].slice.call(i.current.children).forEach((n) => {
+      n.classList.add(a["rp-text-layer-text"]);
+    });
+    const t = (e = p.current) == null ? void 0 : e.textDivs;
+    t && h.current && T(h.current, t, !0);
+  }, [T]), /* @__PURE__ */ B(
     "div",
     {
       "data-rp-text-layer": !0,
-      "data-rp": `page-${o}-textLayer`,
-      className: h["rp-text-layer"],
-      children: [
-        R.map((t, r) => /* @__PURE__ */ f(
-          "div",
-          {
-            className: h["rp-selection-highlight"],
-            style: {
-              position: "absolute",
-              left: `${t.x}px`,
-              top: `${t.y}px`,
-              width: `${t.width}px`,
-              height: `${t.height}px`
-            }
-          },
-          `sel-${r}`
-        )),
-        b.map(
-          (t) => t.rects.map((r, s) => /* @__PURE__ */ f(
-            "div",
-            {
-              className: t.isActive ? h["rp-search-highlight-active"] : h["rp-search-highlight"],
-              style: {
-                position: "absolute",
-                left: `${r.x}px`,
-                top: `${r.y}px`,
-                width: `${r.width}px`,
-                height: `${r.height}px`
-              }
-            },
-            `search-${t.matchIndex}-${s}`
-          ))
-        ),
-        /* @__PURE__ */ f(
-          "div",
-          {
-            ref: m,
-            className: h["rp-text-interaction-overlay"],
-            style: {
-              position: "absolute",
-              inset: 0,
-              cursor: n ? "text" : "default"
-            },
-            onPointerDown: I,
-            onPointerMove: S,
-            onPointerUp: q
-          }
-        )
-      ]
+      "data-rp": `page-${d}-textLayer`,
+      className: a["rp-text-layer"],
+      ref: i,
+      onMouseDown: q,
+      onMouseUp: I
     }
   );
 };
-function X(a, o) {
-  let e = 0, p = 0, c = 0;
-  for (let i = 0; i < a.runs.length; i++) {
-    const g = a.runs[i].glyphs.length;
-    o.start.idx === i && (e = c + o.start.offset), o.end.idx === i && (p = c + o.end.offset - 1), c += g;
-  }
-  return p < e ? [] : k(a, e, p);
-}
 export {
-  At as TextLayer
+  Ae as TextLayer
 };

package/dist/components/ui/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as w, Fragment as U } from "react/jsx-runtime";
 import * as s from "react";
-import { c as z, a as B, P as y, b as S, d as G, f as K } from "../../index-113053cf.js";
-import { u as X } from "../../index-ada501c4.js";
+import { c as z, a as B, P as y, b as S, d as G, f as K } from "../../index-c0faa594.js";
+import { u as X } from "../../index-655864a7.js";
 import { CheckIcon as J } from "../icons/CheckIcon.js";
 import "react-dom";
 function Q(e) {

package/dist/components/ui/DropDown.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as _, C as m } from "../../index-535ad364.js";
+import { R as l, T as c, P as _, C as m } from "../../index-61f59539.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import "react";
-import "../../index-113053cf.js";
+import "../../index-c0faa594.js";
 import "react-dom";
-import "../../index-23911b43.js";
-import "../../Combination-479e39c6.js";
-import "../../index-d0f0aa9a.js";
-import "../../index-ada501c4.js";
+import "../../index-e3ee9457.js";
+import "../../Combination-136ff99c.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
 const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
   "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
   slideDownAndFade: F,