@pdf-viewer/react 1.9.0-beta.6 → 1.9.0-beta.7

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -1,44 +1,10 @@
-import { jsxs as m, Fragment as h, jsx as r } from "react/jsx-runtime";
-import i from "../../ui/RPTooltip.js";
-import { UIButton as n } from "../../ui/Button.js";
-import { ChevronUpIcon as c } from "../../icons/ChevronUpIcon.js";
-import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
-import { c as s } from "../../../ToolbarLayout.module-88476995.js";
-import { c as o } from "../../../SearchTool.module-016f3a8d.js";
-const C = () => {
-  const { totalMatches: a, nextMatch: e, prevMatch: p } = s(), { localeMessages: t } = l();
-  return /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ r(
-      i,
-      {
-        content: t == null ? void 0 : t.searchPrevTooltip,
-        className: o["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: p, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
-          c,
-          {
-            className: o["rp-search-tool-input-icon"],
-            "aria-disabled": !a
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ r(
-      i,
-      {
-        content: t == null ? void 0 : t.searchNextTooltip,
-        className: o["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: e, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
-          c,
-          {
-            style: { transform: "rotate(180deg" },
-            className: o["rp-search-tool-input-icon"],
-            "aria-disabled": !a
-          }
-        ) })
-      }
-    )
-  ] });
-};
+import "react/jsx-runtime";
+import "../../ui/RPTooltip.js";
+import "../../ui/Button.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../../contexts/LocalizationContext.js";
+import { W as s } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 export {
-  C as SearchResultNavigator
+  s as SearchResultNavigator
 };

package/dist/components/layout/toolbar/SearchTool.js

@@ -1,16 +1,16 @@
-import { jsx as o, Fragment as no, jsxs as d } from "react/jsx-runtime";
-import { UIButton as co } from "../../ui/Button.js";
-import { SearchIcon as q } from "../../icons/SearchIcon.js";
-import { useState as x, useCallback as n, useEffect as k, useMemo as N } from "react";
-import { useLayoutContainer as io } from "../../../contexts/LayoutContainerContext.js";
-import { c as r } from "../../../SearchTool.module-016f3a8d.js";
-import { UIInput as ao } from "../../ui/Input.js";
-import { UICheckbox as U } from "../../ui/Checkbox.js";
-import { ClearIcon as so } from "../../icons/ClearIcon.js";
-import { LoaderIcon as po } from "../../icons/LoaderIcon.js";
-import { c as mo } from "../../../ToolbarLayout.module-88476995.js";
-import { useIconContext as lo } from "../../../contexts/IconContext.js";
-import { useDocumentContext as ho } from "../../../contexts/RPDocumentContext.js";
+import "react/jsx-runtime";
+import "../../ui/Button.js";
+import "../../icons/SearchIcon.js";
+import "react";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../SearchCloseButton-cbf182aa.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/ClearIcon.js";
+import "../../icons/LoaderIcon.js";
+import { S as ro } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../../contexts/IconContext.js";
+import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
@@ -26,7 +26,7 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import { useLocalizationContext as uo } from "../../../contexts/LocalizationContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -34,191 +34,24 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
-import { useToolComponentContext as fo } from "../../../contexts/ToolComponentContext.js";
-import { useIconToolContext as Co } from "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
 import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
-import { useToolbarComponentContext as Io } from "../../../contexts/ToolbarComponentContext.js";
-import { useViewportContext as xo } from "../../../contexts/ViewportContext.js";
-import b from "../../ui/RPTooltip.js";
-import "../../../MenuItem.module-bc11d0d3.js";
-import { UIDropDown as bo } from "../../ui/DropDown.js";
-import "../../../utils/dateFormatter.js";
-import "../../../PropertyItem.module-db0150cc.js";
-import { InfoIcon as V } from "../../icons/InfoIcon.js";
-import "../../../MenuSeparator.module-89b2ff7f.js";
-import "../../../RotateTool.module-03987eba.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../Container.module-f8b5c306.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../RPTheme.module-bd9038da.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../WrapperLayout.js";
 import "../../../contexts/ThemeContext.js";
-import { SearchResultNavigator as $ } from "./SearchResultNavigator.js";
-import { SearchCloseButton as j } from "./SearchCloseButton.js";
-const Eo = () => {
-  const { searchIcon: u } = lo(), { searchIcon: E } = Co();
-  return u || E || /* @__PURE__ */ o(q, {});
-}, vt = ({ icon: u }) => {
-  const { container: E } = io(), [f, W] = x(!1), { pdf: z } = ho(), [S, A] = x(null), {
-    searchOptions: K,
-    setSearchOptions: C,
-    loading: F,
-    setSearch: s,
-    totalMatches: L,
-    currentMatchPosition: D,
-    nextMatch: O,
-    prevMatch: B,
-    search: y
-  } = mo(), { searchTool: G = !0 } = Io(), { searchTool: H = !0 } = fo(), [m, T] = x(y), { localeMessages: t } = uo(), { isSmallScreen: l } = xo(), [I, J] = x(null), Q = n(() => {
-    W(!0);
-  }, []), p = n(() => {
-    s(""), T(""), W(!1);
-  }, [s]), P = (e) => {
-    const c = e.key === "Enter", h = e.key === " ";
-    (c || h) && p();
-  }, v = n(
-    (e) => {
-      e.key === "Escape" && f && p();
-    },
-    [f]
-  ), X = n(
-    (e) => {
-      e.shiftKey && e.key === "Enter" ? B() : e.key === "Enter" && y !== m ? s(m) : e.key === "Enter" && O();
-    },
-    [m, B, O, s, y]
-  );
-  k(() => (window.addEventListener("keydown", v), () => {
-    window.removeEventListener("keydown", v);
-  }), [v]), k(() => {
-    S && setTimeout(() => {
-      S.focus();
-    }, 0);
-  }, [S]);
-  const Y = n((e) => {
-    T(e.target.value);
-  }, []), Z = n(() => {
-    T(""), s("");
-  }, [s]), _ = N(() => `${D} / ${L}`, [D, L]), { wholeWords: g, matchCase: M } = N(() => K, [K]), oo = n(
-    (e) => {
-      C((c) => ({ ...c, matchCase: e }));
-    },
-    [C]
-  ), to = n(
-    (e) => {
-      C((c) => ({ ...c, wholeWords: e }));
-    },
-    [C]
-  );
-  k(() => {
-    p();
-  }, [z, p]);
-  const i = N(() => (I == null ? void 0 : I.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [I]), eo = n(
-    (e) => {
-      if (e.key === "Tab") {
-        const c = document.activeElement;
-        let h = 0;
-        i.forEach((a, ro) => {
-          a === c && (h = ro);
-        });
-        let w = h + 1;
-        e.shiftKey && (w = h - 1);
-        const R = i[w];
-        if (R)
-          R.focus();
-        else if (w > i.length - 1) {
-          const a = i[0];
-          a && a.focus();
-        } else {
-          const a = i[i.length - 1];
-          a && a.focus();
-        }
-      }
-    },
-    [i]
-  );
-  return !G || !H ? null : /* @__PURE__ */ o(no, { children: /* @__PURE__ */ o(
-    bo,
-    {
-      open: f,
-      container: E,
-      side: "bottom",
-      align: "start",
-      tabIndex: 0,
-      avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
-        co,
-        {
-          active: f,
-          onClick: Q,
-          "aria-label": t == null ? void 0 : t.searchButtonTooltip,
-          children: u || /* @__PURE__ */ o(Eo, {})
-        }
-      ) }),
-      children: /* @__PURE__ */ d(
-        "div",
-        {
-          ref: J,
-          className: r["rp-search-tool-content"],
-          tabIndex: 0,
-          onKeyDown: eo,
-          children: [
-            /* @__PURE__ */ d("div", { className: r["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ d("div", { className: r["rp-search-tool-input"], children: [
-                /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
-                  ao,
-                  {
-                    value: m,
-                    onKeyDown: X,
-                    onChange: Y,
-                    icon: /* @__PURE__ */ o(q, {}),
-                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
-                    className: r["rp-search-input"],
-                    ref: A,
-                    id: "search-input",
-                    name: "search-input",
-                    tabIndex: 0,
-                    children: !!m && /* @__PURE__ */ o("span", { className: r["rp-search-tool-input-clear"], onClick: Z, children: /* @__PURE__ */ o(so, {}) })
-                  }
-                ) }),
-                F ? /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(po, { className: r["rp-search-loader-icon"] }) }) : /* @__PURE__ */ o("span", { children: _ }),
-                l && /* @__PURE__ */ o("div", { className: r["rp-search-tool-controls"], children: /* @__PURE__ */ o(j, { onKeyPress: P, handleClose: p }) })
-              ] }),
-              /* @__PURE__ */ d("div", { className: r["rp-search-tool-input-checkboxes"], children: [
-                l && /* @__PURE__ */ o($, {}),
-                /* @__PURE__ */ o(
-                  U,
-                  {
-                    tabIndex: 0,
-                    name: "matchCase",
-                    value: M,
-                    onChange: oo,
-                    children: t == null ? void 0 : t.searchMatchCaseLabel
-                  }
-                ),
-                !l && /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: r["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(V, {}) }) }),
-                /* @__PURE__ */ o(
-                  U,
-                  {
-                    tabIndex: 0,
-                    name: "wholeWord",
-                    value: g,
-                    onChange: to,
-                    children: t == null ? void 0 : t.searchWholeWordsLabel
-                  }
-                ),
-                !l && /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: r["rp-search-icon-info"], children: /* @__PURE__ */ o(V, {}) }) })
-              ] })
-            ] }),
-            !l && /* @__PURE__ */ d("div", { className: r["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ o($, {}),
-              /* @__PURE__ */ o(j, { onKeyPress: P, handleClose: p })
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-};
+import "../../RPDropFileZone.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../icons/InfoIcon.js";
+import "./RotateTool.js";
 export {
-  vt as SearchTool
+  ro as SearchTool
 };

package/dist/components/layout/toolbar/SelectionModeTool.js

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-49b9a615.js";
+import { G as a } from "../../../index-f4a9ae4d.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";

package/dist/components/layout/toolbar/ThumbnailTool.js

@@ -1,17 +1,17 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { g as a } from "../../../ToolbarLayout.module-88476995.js";
+import { i as a } from "../../../ToolbarLayout.module-201969d2.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";
 import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
 import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
-const j = () => {
+const y = () => {
   const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
     c(!t);
   };
   return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;
 };
 export {
-  j as ThumbnailTool
+  y as ThumbnailTool
 };

package/dist/components/layout/toolbar/ToolbarCustom.js

@@ -1,8 +1,8 @@
 import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
 import { useRef as f } from "react";
-import { g, b as v, n as o, l as C } from "../../../ToolbarLayout.module-88476995.js";
-import { useLayoutContainer as x } from "../../../contexts/LayoutContainerContext.js";
-import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
+import { i as v, c as C, o, p as g, q as x } from "../../../ToolbarLayout.module-201969d2.js";
+import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
+import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -31,28 +31,26 @@ import "../../../contexts/ToolComponentContext.js";
 import "../../../contexts/IconToolContext.js";
 import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../WrapperLayout.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
 import "../../ui/Button.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
-import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../MenuItem.module-bc11d0d3.js";
-import "../../../DropDown.module-a78567cb.js";
+import "../../ui/DropDown.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
-import "../../../PropertyItem.module-db0150cc.js";
-import "../../../MenuSeparator.module-89b2ff7f.js";
-import "../../../RotateTool.module-03987eba.js";
-import "../../../SearchTool.module-016f3a8d.js";
-import "../../../Checkbox.module-3edaacbb.js";
-import "../../icons/LoaderIcon.js";
-import T from "../../ui/LoadingIndicator.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../Container.module-f8b5c306.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../RPTheme.module-bd9038da.js";
-import "../../../contexts/ThemeContext.js";
-const Tr = (a) => {
-  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } = g(), { showPrintProgress: u } = N(), { progress: b } = v(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
+import "./PropertyItem.js";
+import "./RotateTool.js";
+const xr = (a) => {
+  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = N(), { active: s } = v(), { showPrintProgress: u } = T(), { progress: b } = C(), { percentage: n } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
   return /* @__PURE__ */ p(e, { children: [
     /* @__PURE__ */ p("div", { className: o["rp-toolbar-layout"], children: [
       i && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: i == null ? void 0 : i.component }),
@@ -63,18 +61,18 @@ const Tr = (a) => {
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !n,
+              hidden: !s,
               className: o["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ t(C, { show: n, ref: d })
+              children: /* @__PURE__ */ t(g, { show: s, ref: d })
             }
           )
         ] }),
         /* @__PURE__ */ t("div", { ref: h, className: o["rp-pages"], children: c })
       ] })
     ] }),
-    u && s ? /* @__PURE__ */ t(T, { percentage: s }) : null
+    u && n ? /* @__PURE__ */ t(x, { percentage: n }) : null
   ] });
 };
 export {
-  Tr as ToolbarCustom
+  xr as ToolbarCustom
 };

package/dist/components/layout/toolbar/ToolbarDefault.js

@@ -1,7 +1,7 @@
 import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
 import { useRef as d } from "react";
-import { g as h, b as u, n as t, l as b } from "../../../ToolbarLayout.module-88476995.js";
-import { useLayoutContainer as f } from "../../../contexts/LayoutContainerContext.js";
+import { i as h, c as u, o as t, p as b, q as f } from "../../../ToolbarLayout.module-201969d2.js";
+import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -31,30 +31,25 @@ import "../../../contexts/ToolComponentContext.js";
 import "../../../contexts/IconToolContext.js";
 import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../WrapperLayout.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
 import "../../ui/Button.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
-import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../MenuItem.module-bc11d0d3.js";
-import "../../../DropDown.module-a78567cb.js";
-import "../../../utils/dateFormatter.js";
-import "../../../PropertyItem.module-db0150cc.js";
-import "../../../MenuSeparator.module-89b2ff7f.js";
-import "../../../RotateTool.module-03987eba.js";
-import "../../../SearchTool.module-016f3a8d.js";
-import "../../../Checkbox.module-3edaacbb.js";
-import "../../icons/LoaderIcon.js";
-import v from "../../ui/LoadingIndicator.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../Container.module-f8b5c306.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../RPTheme.module-bd9038da.js";
-import "../../../contexts/ThemeContext.js";
+import "../../ui/DropDown.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
 import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
 import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
-const Pr = (e) => {
-  const { children: a } = e, n = d(null), { setContentRef: s } = f(), { active: i } = h(), { showPrintProgress: l } = g(), { progress: c } = u(), { percentage: m } = c || {};
+const vr = (a) => {
+  const { children: e } = a, s = d(null), { setContentRef: n } = v(), { active: i } = h(), { showPrintProgress: c } = g(), { progress: l } = u(), { percentage: m } = l || {};
   return /* @__PURE__ */ o(p, { children: [
     /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
       /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
@@ -67,16 +62,16 @@ const Pr = (e) => {
               "data-rp": "thumbnailSidebar",
               hidden: !i,
               className: t["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ r(b, { show: i, ref: n })
+              children: /* @__PURE__ */ r(b, { show: i, ref: s })
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: a })
+        /* @__PURE__ */ r("div", { ref: n, className: t["rp-pages"], children: e })
       ] })
     ] }),
-    l && m ? /* @__PURE__ */ r(v, { percentage: m }) : null
+    c && m ? /* @__PURE__ */ r(f, { percentage: m }) : null
   ] });
 };
 export {
-  Pr as ToolbarDefault
+  vr as ToolbarDefault
 };

package/dist/components/layout/toolbar/ViewModeTool.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
-import { G as P } from "../../../index-49b9a615.js";
+import { G as P } from "../../../index-f4a9ae4d.js";
 import { MenuSeparator as T } from "./MenuSeparator.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";