@pdf-viewer/react 1.17.0-rc.1 → 1.17.0-rc.2

package/dist/{floating-ui.react-dom-6b2fe0df.js → floating-ui.react-dom-d22a10b4.js}

@@ -1,6 +1,6 @@
 import * as v from "react";
 import { useLayoutEffect as oe } from "react";
-import { u as Vt, P as It, a as ht, h as ie, f as se } from "./index-35c7f4a2.js";
+import { u as Vt, P as It, a as ht, g as ie, h as se } from "./index-c9a2990a.js";
 import { jsx as zt } from "react/jsx-runtime";
 import * as re from "react-dom";
 function bt(t) {
@@ -1463,8 +1463,8 @@ export {
   On as a,
   Dn as b,
   Mn as c,
-  bt as d,
-  Rn as e,
+  Rn as d,
+  bt as e,
   Pn as f,
   Tn as h,
   Ln as l,

package/dist/{index-f563c6f0.js → index-3bf64864.js}

@@ -1,15 +1,15 @@
 import * as a from "react";
 import j, { useState as Dn } from "react";
-import { f as $e, P as O, c as pe, u as $, i as Ue, d as On, e as ht, a as S, b as _e, j as gt, h as Fn } from "./index-35c7f4a2.js";
+import { h as $e, P as D, c as pe, u as G, i as Ue, d as On, e as ht, a as S, b as _e, j as gt, g as Fn } from "./index-c9a2990a.js";
 import { jsx as d } from "react/jsx-runtime";
-import { d as oe, u as kn, a as Ln, o as Gn, s as Kn, l as $n, f as Un, b as Bn, c as Wn, h as Hn, e as Be, D as Yn } from "./floating-ui.react-dom-6b2fe0df.js";
+import { e as oe, u as kn, a as Ln, o as Gn, s as Kn, l as $n, f as Un, b as Bn, c as Wn, h as Hn, d as Be, D as Yn } from "./floating-ui.react-dom-d22a10b4.js";
 import Vn from "react-dom";
 var Xn = "Portal", wt = a.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [o, c] = a.useState(!1);
   $e(() => c(!0), []);
   const u = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return u ? Vn.createPortal(/* @__PURE__ */ d(O.div, { ...r, ref: t }), u) : null;
+  return u ? Vn.createPortal(/* @__PURE__ */ d(D.div, { ...r, ref: t }), u) : null;
 });
 wt.displayName = Xn;
 function yt(e) {
@@ -23,14 +23,14 @@ function yt(e) {
   u.displayName = t;
   const i = e + "CollectionSlot", h = Ue(i), m = j.forwardRef(
     (l, v) => {
-      const { scope: g, children: b } = l, y = c(i, g), E = $(v, y.collectionRef);
+      const { scope: g, children: b } = l, y = c(i, g), E = G(v, y.collectionRef);
       return /* @__PURE__ */ d(h, { ref: E, children: b });
     }
   );
   m.displayName = i;
   const f = e + "CollectionItemSlot", s = "data-radix-collection-item", p = Ue(f), w = j.forwardRef(
     (l, v) => {
-      const { scope: g, children: b, ...y } = l, E = j.useRef(null), R = $(v, E), P = c(f, g);
+      const { scope: g, children: b, ...y } = l, E = j.useRef(null), R = G(v, E), P = c(f, g);
       return j.useEffect(() => (P.itemMap.set(E, { ref: E, ...y }), () => void P.itemMap.delete(E))), /* @__PURE__ */ d(p, { [s]: "", ref: R, children: b });
     }
   );
@@ -78,7 +78,7 @@ var De = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", at
     onMountAutoFocus: o,
     onUnmountAutoFocus: c,
     ...u
-  } = e, [i, h] = a.useState(null), m = oe(o), f = oe(c), s = a.useRef(null), p = $(t, (l) => h(l)), w = a.useRef({
+  } = e, [i, h] = a.useState(null), m = oe(o), f = oe(c), s = a.useRef(null), p = G(t, (l) => h(l)), w = a.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -93,16 +93,16 @@ var De = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", at
         if (w.paused || !i)
           return;
         const E = y.target;
-        i.contains(E) ? s.current = E : V(s.current, { select: !0 });
+        i.contains(E) ? s.current = E : Y(s.current, { select: !0 });
       }, v = function(y) {
         if (w.paused || !i)
           return;
         const E = y.relatedTarget;
-        E !== null && (i.contains(E) || V(s.current, { select: !0 }));
+        E !== null && (i.contains(E) || Y(s.current, { select: !0 }));
       }, g = function(y) {
         if (document.activeElement === document.body)
           for (const R of y)
-            R.removedNodes.length > 0 && V(i);
+            R.removedNodes.length > 0 && Y(i);
       };
       document.addEventListener("focusin", l), document.addEventListener("focusout", v);
       const b = new MutationObserver(g);
@@ -116,12 +116,12 @@ var De = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", at
       const l = document.activeElement;
       if (!i.contains(l)) {
         const g = new CustomEvent(De, at);
-        i.addEventListener(De, m), i.dispatchEvent(g), g.defaultPrevented || (qn(nr(Et(i)), { select: !0 }), document.activeElement === l && V(i));
+        i.addEventListener(De, m), i.dispatchEvent(g), g.defaultPrevented || (qn(nr(Et(i)), { select: !0 }), document.activeElement === l && Y(i));
       }
       return () => {
         i.removeEventListener(De, m), setTimeout(() => {
           const g = new CustomEvent(Oe, at);
-          i.addEventListener(Oe, f), i.dispatchEvent(g), g.defaultPrevented || V(l ?? document.body, { select: !0 }), i.removeEventListener(Oe, f), it.remove(w);
+          i.addEventListener(Oe, f), i.dispatchEvent(g), g.defaultPrevented || Y(l ?? document.body, { select: !0 }), i.removeEventListener(Oe, f), it.remove(w);
         }, 0);
       };
     }
@@ -133,18 +133,18 @@ var De = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", at
       const v = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, g = document.activeElement;
       if (v && g) {
         const b = l.currentTarget, [y, E] = Qn(b);
-        y && E ? !l.shiftKey && g === E ? (l.preventDefault(), n && V(y, { select: !0 })) : l.shiftKey && g === y && (l.preventDefault(), n && V(E, { select: !0 })) : g === b && l.preventDefault();
+        y && E ? !l.shiftKey && g === E ? (l.preventDefault(), n && Y(y, { select: !0 })) : l.shiftKey && g === y && (l.preventDefault(), n && Y(E, { select: !0 })) : g === b && l.preventDefault();
       }
     },
     [n, r, w.paused]
   );
-  return /* @__PURE__ */ d(O.div, { tabIndex: -1, ...u, ref: p, onKeyDown: C });
+  return /* @__PURE__ */ d(D.div, { tabIndex: -1, ...u, ref: p, onKeyDown: C });
 });
 bt.displayName = Zn;
 function qn(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (V(r, { select: t }), document.activeElement !== n)
+    if (Y(r, { select: t }), document.activeElement !== n)
       return;
 }
 function Qn(e) {
@@ -182,7 +182,7 @@ function Jn(e, { upTo: t }) {
 function er(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function V(e, { select: t = !1 } = {}) {
+function Y(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && er(e) && t && e.select();
@@ -212,7 +212,7 @@ function nr(e) {
 var rr = "Arrow", Mt = a.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...c } = e;
   return /* @__PURE__ */ d(
-    O.svg,
+    D.svg,
     {
       ...c,
       ref: t,
@@ -232,17 +232,17 @@ var or = Mt, Ve = "Popper", [St, Rt] = pe(Ve), [ar, Pt] = St(Ve), _t = (e) => {
 _t.displayName = Ve;
 var It = "PopperAnchor", At = a.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, c = Pt(It, n), u = a.useRef(null), i = $(t, u), h = a.useRef(null);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, c = Pt(It, n), u = a.useRef(null), i = G(t, u), h = a.useRef(null);
     return a.useEffect(() => {
       const m = h.current;
       h.current = (r == null ? void 0 : r.current) || u.current, m !== h.current && c.onAnchorChange(h.current);
-    }), r ? null : /* @__PURE__ */ d(O.div, { ...o, ref: i });
+    }), r ? null : /* @__PURE__ */ d(D.div, { ...o, ref: i });
   }
 );
 At.displayName = It;
 var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
   (e, t) => {
-    var Y, ie, k, ue, tt, nt;
+    var W, ie, O, ue, tt, nt;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -258,15 +258,15 @@ var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
       updatePositionStrategy: w = "optimized",
       onPlaced: C,
       ...l
-    } = e, v = Pt(Xe, n), [g, b] = a.useState(null), y = $(t, (se) => b(se)), [E, R] = a.useState(null), P = On(E), I = (P == null ? void 0 : P.width) ?? 0, _ = (P == null ? void 0 : P.height) ?? 0, F = r + (c !== "center" ? "-" + c : ""), G = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, N = Array.isArray(m) ? m : [m], U = N.length > 0, H = {
-      padding: G,
-      boundary: N.filter(sr),
+    } = e, v = Pt(Xe, n), [g, b] = a.useState(null), y = G(t, (se) => b(se)), [E, R] = a.useState(null), P = On(E), I = (P == null ? void 0 : P.width) ?? 0, _ = (P == null ? void 0 : P.height) ?? 0, k = r + (c !== "center" ? "-" + c : ""), U = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, H = Array.isArray(m) ? m : [m], V = H.length > 0, B = {
+      padding: U,
+      boundary: H.filter(sr),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: U
-    }, { refs: q, floatingStyles: Q, placement: K, isPositioned: J, middlewareData: D } = kn({
+      altBoundary: V
+    }, { refs: q, floatingStyles: Q, placement: L, isPositioned: J, middlewareData: N } = kn({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: F,
+      placement: k,
       whileElementsMounted: (...se) => Ln(...se, {
         animationFrame: w === "always"
       }),
@@ -279,11 +279,11 @@ var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: s === "partial" ? $n() : void 0,
-          ...H
+          ...B
         }),
-        h && Un({ ...H }),
+        h && Un({ ...B }),
         Bn({
-          ...H,
+          ...B,
           apply: ({ elements: se, rects: rt, availableWidth: An, availableHeight: xn }) => {
             const { width: Tn, height: Nn } = rt.reference, we = se.floating.style;
             we.setProperty("--radix-popper-available-width", `${An}px`), we.setProperty("--radix-popper-available-height", `${xn}px`), we.setProperty("--radix-popper-anchor-width", `${Tn}px`), we.setProperty("--radix-popper-anchor-height", `${Nn}px`);
@@ -291,13 +291,13 @@ var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
         }),
         E && Wn({ element: E, padding: i }),
         lr({ arrowWidth: I, arrowHeight: _ }),
-        p && Hn({ strategy: "referenceHidden", ...H })
+        p && Hn({ strategy: "referenceHidden", ...B })
       ]
-    }), [M, T] = Dt(K), A = oe(C);
+    }), [M, T] = Dt(L), A = oe(C);
     $e(() => {
       J && (A == null || A());
     }, [J, A]);
-    const B = (Y = D.arrow) == null ? void 0 : Y.x, ae = (ie = D.arrow) == null ? void 0 : ie.y, ce = ((k = D.arrow) == null ? void 0 : k.centerOffset) !== 0, [ge, X] = a.useState();
+    const K = (W = N.arrow) == null ? void 0 : W.x, ae = (ie = N.arrow) == null ? void 0 : ie.y, ce = ((O = N.arrow) == null ? void 0 : O.centerOffset) !== 0, [ge, X] = a.useState();
     return $e(() => {
       g && X(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ d(
@@ -312,13 +312,13 @@ var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
           minWidth: "max-content",
           zIndex: ge,
           "--radix-popper-transform-origin": [
-            (ue = D.transformOrigin) == null ? void 0 : ue.x,
-            (tt = D.transformOrigin) == null ? void 0 : tt.y
+            (ue = N.transformOrigin) == null ? void 0 : ue.x,
+            (tt = N.transformOrigin) == null ? void 0 : tt.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((nt = D.hide) == null ? void 0 : nt.referenceHidden) && {
+          ...((nt = N.hide) == null ? void 0 : nt.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -330,11 +330,11 @@ var Xe = "PopperContent", [cr, ir] = St(Xe), xt = a.forwardRef(
             scope: n,
             placedSide: M,
             onArrowChange: R,
-            arrowX: B,
+            arrowX: K,
             arrowY: ae,
             shouldHideArrow: ce,
             children: /* @__PURE__ */ d(
-              O.div,
+              D.div,
               {
                 "data-side": M,
                 "data-align": T,
@@ -442,7 +442,7 @@ var Cr = a.forwardRef((e, t) => {
     onEntryFocus: m,
     preventScrollOnEntryFocus: f = !1,
     ...s
-  } = e, p = a.useRef(null), w = $(t, p), C = Ct(c), [l, v] = ht({
+  } = e, p = a.useRef(null), w = G(t, p), C = Ct(c), [l, v] = ht({
     prop: u,
     defaultProp: i ?? null,
     onChange: h,
@@ -474,7 +474,7 @@ var Cr = a.forwardRef((e, t) => {
         []
       ),
       children: /* @__PURE__ */ d(
-        O.div,
+        D.div,
         {
           tabIndex: g || P === 0 ? -1 : 0,
           "data-orientation": r,
@@ -485,13 +485,13 @@ var Cr = a.forwardRef((e, t) => {
             R.current = !0;
           }),
           onFocus: S(e.onFocus, (_) => {
-            const F = !R.current;
-            if (_.target === _.currentTarget && F && !g) {
-              const G = new CustomEvent(Fe, mr);
-              if (_.currentTarget.dispatchEvent(G), !G.defaultPrevented) {
-                const N = E().filter((K) => K.focusable), U = N.find((K) => K.active), H = N.find((K) => K.id === l), Q = [U, H, ...N].filter(
+            const k = !R.current;
+            if (_.target === _.currentTarget && k && !g) {
+              const U = new CustomEvent(Fe, mr);
+              if (_.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
+                const H = E().filter((L) => L.focusable), V = H.find((L) => L.active), B = H.find((L) => L.id === l), Q = [V, B, ...H].filter(
                   Boolean
-                ).map((K) => K.ref.current);
+                ).map((L) => L.ref.current);
                 Kt(Q, f);
               }
             }
@@ -523,7 +523,7 @@ var Cr = a.forwardRef((e, t) => {
         focusable: r,
         active: o,
         children: /* @__PURE__ */ d(
-          O.span,
+          D.span,
           {
             tabIndex: s ? 0 : -1,
             "data-orientation": f.orientation,
@@ -639,15 +639,15 @@ var Rr = kt, Pr = Gt, _r = function(e) {
   return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live], script"))), Ar(r, o, n, "aria-hidden")) : function() {
     return null;
   };
-}, W = function() {
-  return W = Object.assign || function(t) {
+}, $ = function() {
+  return $ = Object.assign || function(t) {
     for (var n, r = 1, o = arguments.length; r < o; r++) {
       n = arguments[r];
       for (var c in n)
         Object.prototype.hasOwnProperty.call(n, c) && (t[c] = n[c]);
     }
     return t;
-  }, W.apply(this, arguments);
+  }, $.apply(this, arguments);
 };
 function Ut(e, t) {
   var n = {};
@@ -770,7 +770,7 @@ function Gr(e, t) {
 function Kr(e) {
   e === void 0 && (e = {});
   var t = Gr(null);
-  return t.options = W({ async: !0, ssr: !1 }, e), t;
+  return t.options = $({ async: !0, ssr: !1 }, e), t;
 }
 var Bt = function(e) {
   var t = e.sideCar, n = Ut(e, ["sideCar"]);
@@ -779,7 +779,7 @@ var Bt = function(e) {
   var r = t.read();
   if (!r)
     throw new Error("Sidecar medium not found");
-  return a.createElement(r, W({}, n));
+  return a.createElement(r, $({}, n));
 };
 Bt.isSideCarExport = !0;
 function $r(e, t) {
@@ -791,12 +791,12 @@ var Wt = Kr(), Ge = function() {
     onScrollCapture: Ge,
     onWheelCapture: Ge,
     onTouchMoveCapture: Ge
-  }), o = r[0], c = r[1], u = e.forwardProps, i = e.children, h = e.className, m = e.removeScrollBar, f = e.enabled, s = e.shards, p = e.sideCar, w = e.noRelative, C = e.noIsolation, l = e.inert, v = e.allowPinchZoom, g = e.as, b = g === void 0 ? "div" : g, y = e.gapMode, E = Ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), R = p, P = kr([n, t]), I = W(W({}, E), o);
+  }), o = r[0], c = r[1], u = e.forwardProps, i = e.children, h = e.className, m = e.removeScrollBar, f = e.enabled, s = e.shards, p = e.sideCar, w = e.noRelative, C = e.noIsolation, l = e.inert, v = e.allowPinchZoom, g = e.as, b = g === void 0 ? "div" : g, y = e.gapMode, E = Ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), R = p, P = kr([n, t]), I = $($({}, E), o);
   return a.createElement(
     a.Fragment,
     null,
     f && a.createElement(R, { sideCar: Wt, removeScrollBar: m, shards: s, noRelative: w, noIsolation: C, inert: l, setCallbacks: c, allowPinchZoom: !!v, lockRef: n, gapMode: y }),
-    u ? a.cloneElement(a.Children.only(i), W(W({}, I), { ref: P })) : a.createElement(b, W({}, I, { className: h, ref: P }), i)
+    u ? a.cloneElement(a.Children.only(i), $($({}, I), { ref: P })) : a.createElement(b, $({}, I, { className: h, ref: P }), i)
   );
 });
 Ie.defaultProps = {
@@ -1047,18 +1047,15 @@ function lo(e) {
     var g = Ee(l), b = n.current, y = "deltaX" in l ? l.deltaX : b[0] - g[0], E = "deltaY" in l ? l.deltaY : b[1] - g[1], R, P = l.target, I = Math.abs(y) > Math.abs(E) ? "h" : "v";
     if ("touches" in l && I === "h" && P.type === "range")
       return !1;
-    var _ = window.getSelection(), F = _ && _.anchorNode, G = F ? F === P || F.contains(P) : !1;
-    if (G)
-      return !1;
-    var N = ft(I, P);
-    if (!N)
+    var _ = ft(I, P);
+    if (!_)
       return !0;
-    if (N ? R = I : (R = I === "v" ? "h" : "v", N = ft(I, P)), !N)
+    if (_ ? R = I : (R = I === "v" ? "h" : "v", _ = ft(I, P)), !_)
       return !1;
     if (!r.current && "changedTouches" in l && (y || E) && (r.current = R), !R)
       return !0;
-    var U = r.current || R;
-    return co(U, v, l, U === "h" ? y : E, !0);
+    var k = r.current || R;
+    return co(k, v, l, k === "h" ? y : E, !0);
   }, []), h = a.useCallback(function(l) {
     var v = l;
     if (!(!ne.length || ne[ne.length - 1] !== c)) {
@@ -1116,7 +1113,7 @@ function fo(e) {
 }
 const po = $r(Wt, lo);
 var jt = a.forwardRef(function(e, t) {
-  return a.createElement(Ie, W({}, e, { ref: t, sideCar: po }));
+  return a.createElement(Ie, $({}, e, { ref: t, sideCar: po }));
 });
 jt.classNames = Ie.classNames;
 const vo = jt;
@@ -1176,14 +1173,14 @@ var ze = "MenuPortal", [So, Jt] = z(ze, {
   return /* @__PURE__ */ d(So, { scope: t, forceMount: n, children: /* @__PURE__ */ d(_e, { present: n || c.open, children: /* @__PURE__ */ d(wt, { asChild: !0, container: o, children: r }) }) });
 };
 en.displayName = ze;
-var L = "MenuContent", [Ro, Ze] = z(L), tn = a.forwardRef(
+var F = "MenuContent", [Ro, Ze] = z(F), tn = a.forwardRef(
   (e, t) => {
-    const n = Jt(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = Z(L, e.__scopeMenu), u = he(L, e.__scopeMenu);
+    const n = Jt(F, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = Z(F, e.__scopeMenu), u = he(F, e.__scopeMenu);
     return /* @__PURE__ */ d(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(_e, { present: r || c.open, children: /* @__PURE__ */ d(de.Slot, { scope: e.__scopeMenu, children: u.modal ? /* @__PURE__ */ d(Po, { ...o, ref: t }) : /* @__PURE__ */ d(_o, { ...o, ref: t }) }) }) });
   }
 ), Po = a.forwardRef(
   (e, t) => {
-    const n = Z(L, e.__scopeMenu), r = a.useRef(null), o = $(t, r);
+    const n = Z(F, e.__scopeMenu), r = a.useRef(null), o = G(t, r);
     return a.useEffect(() => {
       const c = r.current;
       if (c)
@@ -1206,7 +1203,7 @@ var L = "MenuContent", [Ro, Ze] = z(L), tn = a.forwardRef(
     );
   }
 ), _o = a.forwardRef((e, t) => {
-  const n = Z(L, e.__scopeMenu);
+  const n = Z(F, e.__scopeMenu);
   return /* @__PURE__ */ d(
     qe,
     {
@@ -1235,47 +1232,47 @@ var L = "MenuContent", [Ro, Ze] = z(L), tn = a.forwardRef(
       onDismiss: w,
       disableOutsideScroll: C,
       ...l
-    } = e, v = Z(L, n), g = he(L, n), b = Ae(n), y = qt(n), E = yo(n), [R, P] = a.useState(null), I = a.useRef(null), _ = $(t, I, v.onContentChange), F = a.useRef(0), G = a.useRef(""), N = a.useRef(0), U = a.useRef(null), H = a.useRef("right"), q = a.useRef(0), Q = C ? vo : a.Fragment, K = C ? { as: Io, allowPinchZoom: !0 } : void 0, J = (M) => {
-      var Y, ie;
-      const T = G.current + M, A = E().filter((k) => !k.disabled), B = document.activeElement, ae = (Y = A.find((k) => k.ref.current === B)) == null ? void 0 : Y.textValue, ce = A.map((k) => k.textValue), ge = $o(ce, T, ae), X = (ie = A.find((k) => k.textValue === ge)) == null ? void 0 : ie.ref.current;
-      (function k(ue) {
-        G.current = ue, window.clearTimeout(F.current), ue !== "" && (F.current = window.setTimeout(() => k(""), 1e3));
+    } = e, v = Z(F, n), g = he(F, n), b = Ae(n), y = qt(n), E = yo(n), [R, P] = a.useState(null), I = a.useRef(null), _ = G(t, I, v.onContentChange), k = a.useRef(0), U = a.useRef(""), H = a.useRef(0), V = a.useRef(null), B = a.useRef("right"), q = a.useRef(0), Q = C ? vo : a.Fragment, L = C ? { as: Io, allowPinchZoom: !0 } : void 0, J = (M) => {
+      var W, ie;
+      const T = U.current + M, A = E().filter((O) => !O.disabled), K = document.activeElement, ae = (W = A.find((O) => O.ref.current === K)) == null ? void 0 : W.textValue, ce = A.map((O) => O.textValue), ge = $o(ce, T, ae), X = (ie = A.find((O) => O.textValue === ge)) == null ? void 0 : ie.ref.current;
+      (function O(ue) {
+        U.current = ue, window.clearTimeout(k.current), ue !== "" && (k.current = window.setTimeout(() => O(""), 1e3));
       })(T), X && setTimeout(() => X.focus());
     };
-    a.useEffect(() => () => window.clearTimeout(F.current), []), zn();
-    const D = a.useCallback((M) => {
-      var A, B;
-      return H.current === ((A = U.current) == null ? void 0 : A.side) && Bo(M, (B = U.current) == null ? void 0 : B.area);
+    a.useEffect(() => () => window.clearTimeout(k.current), []), zn();
+    const N = a.useCallback((M) => {
+      var A, K;
+      return B.current === ((A = V.current) == null ? void 0 : A.side) && Bo(M, (K = V.current) == null ? void 0 : K.area);
     }, []);
     return /* @__PURE__ */ d(
       Ro,
       {
         scope: n,
-        searchRef: G,
+        searchRef: U,
         onItemEnter: a.useCallback(
           (M) => {
-            D(M) && M.preventDefault();
+            N(M) && M.preventDefault();
           },
-          [D]
+          [N]
         ),
         onItemLeave: a.useCallback(
           (M) => {
             var T;
-            D(M) || ((T = I.current) == null || T.focus(), P(null));
+            N(M) || ((T = I.current) == null || T.focus(), P(null));
           },
-          [D]
+          [N]
         ),
         onTriggerLeave: a.useCallback(
           (M) => {
-            D(M) && M.preventDefault();
+            N(M) && M.preventDefault();
           },
-          [D]
+          [N]
         ),
-        pointerGraceTimerRef: N,
+        pointerGraceTimerRef: H,
         onPointerGraceIntentChange: a.useCallback((M) => {
-          U.current = M;
+          V.current = M;
         }, []),
-        children: /* @__PURE__ */ d(Q, { ...K, children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ d(Q, { ...L, children: /* @__PURE__ */ d(
           bt,
           {
             asChild: !0,
@@ -1322,25 +1319,25 @@ var L = "MenuContent", [Ro, Ze] = z(L), tn = a.forwardRef(
                         ref: _,
                         style: { outline: "none", ...l.style },
                         onKeyDown: S(l.onKeyDown, (M) => {
-                          const A = M.target.closest("[data-radix-menu-content]") === M.currentTarget, B = M.ctrlKey || M.altKey || M.metaKey, ae = M.key.length === 1;
-                          A && (M.key === "Tab" && M.preventDefault(), !B && ae && J(M.key));
+                          const A = M.target.closest("[data-radix-menu-content]") === M.currentTarget, K = M.ctrlKey || M.altKey || M.metaKey, ae = M.key.length === 1;
+                          A && (M.key === "Tab" && M.preventDefault(), !K && ae && J(M.key));
                           const ce = I.current;
                           if (M.target !== ce || !ho.includes(M.key))
                             return;
                           M.preventDefault();
-                          const X = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
+                          const X = E().filter((W) => !W.disabled).map((W) => W.ref.current);
                           zt.includes(M.key) && X.reverse(), Go(X);
                         }),
                         onBlur: S(e.onBlur, (M) => {
-                          M.currentTarget.contains(M.target) || (window.clearTimeout(F.current), G.current = "");
+                          M.currentTarget.contains(M.target) || (window.clearTimeout(k.current), U.current = "");
                         }),
                         onPointerMove: S(
                           e.onPointerMove,
                           fe((M) => {
                             const T = M.target, A = q.current !== M.clientX;
                             if (M.currentTarget.contains(T) && A) {
-                              const B = M.clientX > q.current ? "right" : "left";
-                              H.current = B, q.current = M.clientX;
+                              const K = M.clientX > q.current ? "right" : "left";
+                              B.current = K, q.current = M.clientX;
                             }
                           })
                         )
@@ -1356,24 +1353,24 @@ var L = "MenuContent", [Ro, Ze] = z(L), tn = a.forwardRef(
     );
   }
 );
-tn.displayName = L;
+tn.displayName = F;
 var Ao = "MenuGroup", Qe = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
-    return /* @__PURE__ */ d(O.div, { role: "group", ...r, ref: t });
+    return /* @__PURE__ */ d(D.div, { role: "group", ...r, ref: t });
   }
 );
 Qe.displayName = Ao;
 var xo = "MenuLabel", nn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
-    return /* @__PURE__ */ d(O.div, { ...r, ref: t });
+    return /* @__PURE__ */ d(D.div, { ...r, ref: t });
   }
 );
 nn.displayName = xo;
 var Re = "MenuItem", mt = "menu.itemSelect", xe = a.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: r, ...o } = e, c = a.useRef(null), u = he(Re, e.__scopeMenu), i = Ze(Re, e.__scopeMenu), h = $(t, c), m = a.useRef(!1), f = () => {
+    const { disabled: n = !1, onSelect: r, ...o } = e, c = a.useRef(null), u = he(Re, e.__scopeMenu), i = Ze(Re, e.__scopeMenu), h = G(t, c), m = a.useRef(!1), f = () => {
       const s = c.current;
       if (!n && s) {
         const p = new CustomEvent(mt, { bubbles: !0, cancelable: !0 });
@@ -1406,7 +1403,7 @@ var Re = "MenuItem", mt = "menu.itemSelect", xe = a.forwardRef(
 xe.displayName = Re;
 var rn = a.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...c } = e, u = Ze(Re, n), i = qt(n), h = a.useRef(null), m = $(t, h), [f, s] = a.useState(!1), [p, w] = a.useState("");
+    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...c } = e, u = Ze(Re, n), i = qt(n), h = a.useRef(null), m = G(t, h), [f, s] = a.useState(!1), [p, w] = a.useState("");
     return a.useEffect(() => {
       const C = h.current;
       C && w((C.textContent ?? "").trim());
@@ -1417,7 +1414,7 @@ var rn = a.forwardRef(
         disabled: r,
         textValue: o ?? p,
         children: /* @__PURE__ */ d(Pr, { asChild: !0, ...i, focusable: !r, children: /* @__PURE__ */ d(
-          O.div,
+          D.div,
           {
             role: "menuitem",
             "data-highlighted": f ? "" : void 0,
@@ -1509,7 +1506,7 @@ var Je = "MenuItemIndicator", [ln, Oo] = z(
       {
         present: r || Pe(c.checked) || c.checked === !0,
         children: /* @__PURE__ */ d(
-          O.span,
+          D.span,
           {
             ...o,
             ref: t,
@@ -1525,7 +1522,7 @@ var Fo = "MenuSeparator", fn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ d(
-      O.div,
+      D.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -1617,7 +1614,7 @@ var Lo = "MenuSub", [Ta, vn] = z(Lo), le = "MenuSubTrigger", mn = a.forwardRef(
 mn.displayName = le;
 var hn = "MenuSubContent", gn = a.forwardRef(
   (e, t) => {
-    const n = Jt(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = Z(L, e.__scopeMenu), u = he(L, e.__scopeMenu), i = vn(hn, e.__scopeMenu), h = a.useRef(null), m = $(t, h);
+    const n = Jt(F, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = Z(F, e.__scopeMenu), u = he(F, e.__scopeMenu), i = vn(hn, e.__scopeMenu), h = a.useRef(null), m = G(t, h);
     return /* @__PURE__ */ d(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(_e, { present: r || c.open, children: /* @__PURE__ */ d(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ d(
       qe,
       {
@@ -1734,7 +1731,7 @@ var bn = "DropdownMenuTrigger", En = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, c = yn(bn, n), u = x(n);
     return /* @__PURE__ */ d(Ho, { asChild: !0, ...u, children: /* @__PURE__ */ d(
-      O.button,
+      D.button,
       {
         type: "button",
         id: c.triggerId,

package/dist/{index-35c7f4a2.js → index-c9a2990a.js}

@@ -322,9 +322,9 @@ export {
   Z as c,
   K as d,
   Q as e,
-  N as f,
-  q as g,
-  J as h,
+  q as f,
+  J as g,
+  N as h,
   O as i,
   P as j,
   B as k,

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as Hr } from "./components/RPProvider.js";
-import { a as zr, R as Br, S as Ir, b as Or, u as Er, c as Nr, d as Ur } from "./ToolbarLayout.module-df04508a.js";
+import { a as zr, R as Br, S as Ir, b as Or, u as Er, c as Nr, d as Ur } from "./ToolbarLayout.module-cf42c84d.js";
 import { RPConfig as jr } from "./components/RPConfig.js";
 import { RPLayout as Ar } from "./components/layout/RPLayout.js";
 import { RPTheme as Jr } from "./components/RPTheme.js";
@@ -94,19 +94,19 @@ import "./components/layout/WrapperLayout.js";
 import "./components/RPDropFileZone.js";
 import "./components/icons/LightPdfIcon.js";
 import "./components/icons/DarkPdfIcon.js";
-import "./LayoutWrapper-0470458a.js";
+import "./LayoutWrapper-60db8675.js";
 import "./components/layout/SkipLink.js";
 import "./SearchCloseButton-08d57275.js";
 import "./components/ui/RPTooltip.js";
-import "./index-35c7f4a2.js";
+import "./index-c9a2990a.js";
 import "react-dom";
-import "./floating-ui.react-dom-6b2fe0df.js";
+import "./floating-ui.react-dom-d22a10b4.js";
 import "./components/icons/CloseIcon.js";
 import "./components/ui/Checkbox.js";
 import "./components/icons/CheckIcon.js";
 import "./contexts/IconContext.js";
 import "./components/ui/DropDown.js";
-import "./index-f563c6f0.js";
+import "./index-3bf64864.js";
 import "./components/layout/toolbar/MenuItem.js";
 import "./components/layout/toolbar/MenuSeparator.js";
 import "./utils/dateFormatter.js";

package/dist/types/utils/types.d.ts

@@ -450,7 +450,11 @@ export declare enum ThemeVariables {
     CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width",
     CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color",
     CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset",
-    BUTTON_BORDER_RADIUS = "--rp-button-border-radius"
+    BUTTON_BORDER_RADIUS = "--rp-button-border-radius",
+    SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size",
+    SKIP_LINK_COLOR = "--rp-skip-link-color",
+    SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color",
+    SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color"
 }
 export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }