@annotorious/react 3.0.5 → 3.0.7

package/README.md

@@ -0,0 +1,17 @@
+![Aerial view of Schönbrunn Palace in Vienna annotated with Annotorious](https://raw.githubusercontent.com/annotorious/annotorious/main/images/splash-image.jpg "Aerial view of Schönbrunn Palace in Vienna annotated with Annotorious")
+
+# @annotorious/react
+
+Add image annotation functionality to any web page with a few lines of JavaScript. Visit the
+[project website](https://annotorious.dev) for documentation and live demos.
+
+## Community
+
+Visit the [Discussion Forum](https://github.com/annotorious/annotorious/discussions) for community support, or file an
+issue on the [Issue Tracker](https://github.com/annotorious/annotorious/issues).
+
+## Become a Sponsor
+
+Using Annotorious at work? Become a sponsor! Your support helps me cover hosting costs, spend more 
+time supporting the community, and make Annotorious better for everyone. [Make a one-time or monthly
+donation via my SteadyHQ account](https://steadyhq.com/rainer-simon).

package/dist/Annotorious.d.ts

@@ -22,7 +22,7 @@ export declare const useAnnotator: <T extends unknown = Annotator<any, unknown>>
 export declare const useAnnotationStore: <T extends unknown = Store<Annotation>>() => T | undefined;
 export declare const useAnnotations: <T extends Annotation = ImageAnnotation>(debounce?: number) => T[];
 export declare const useAnnotation: <T extends Annotation = ImageAnnotation>(id: string, options?: Omit<StoreObserveOptions, "annotations">) => T;
-export declare const useAnnotationSelectAction: <T extends Annotation = ImageAnnotation>(id: string, action: UserSelectActionExpression<T>) => import('@annotorious/core').UserSelectAction;
+export declare const useAnnotationSelectAction: <I extends Annotation = ImageAnnotation, E extends unknown = ImageAnnotation>(id: string, action: UserSelectActionExpression<E>) => import('@annotorious/core').UserSelectAction;
 export declare const useSelection: <T extends Annotation = ImageAnnotation>() => Selection<T>;
 export declare const useAnnotatorUser: () => User;
 export declare const useViewportState: <T extends Annotation = ImageAnnotation>(debounce?: number) => T[];

package/dist/Annotorious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,SAAS,IAAI,aAAa,EAC1B,eAAe,EACf,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAE5F,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEnD;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,iCAE7B,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,2BAEtB,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACf,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,wBAC5C,MAAM,YACA,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAuBnD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,wBAAwB,MAAM,UAAU,0BAA0B,CAAC,CAAC,CAAC,iDAGlI,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,yBAE3B,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAK,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACd,CAAC"}
+{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,SAAS,IAAI,aAAa,EAC1B,eAAe,EACf,KAAK,EAEL,IAAI,EACL,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAE5F,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEnD;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,iCAE7B,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,2BAEtB,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACf,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,wBAC5C,MAAM,YACA,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,MAuBnD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,UAAU,oBAAoB,CAAC,SAAS,OAAO,wBAAwB,MAAM,UAAU,0BAA0B,CAAC,CAAC,CAAC,iDAGvK,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,yBAE3B,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAK,CAAC,SAAS,UAAU,+BAA+B,MAAM,QACd,CAAC"}

package/dist/ImageAnnotator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGrF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,WAAW,CAAC;CAEpB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,4CAwC9E,CAAA"}
+{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGrF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,IAAI,CAAC,EAAE,WAAW,CAAC;CAEpB;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,4CA4C9E,CAAA"}

package/dist/annotorious-react.es.js

@@ -1,30 +1,32 @@
-import { Annotorious as r, AnnotoriousContext as a, useAnnotation as i, useAnnotationSelectAction as p, useAnnotationStore as u, useAnnotations as m, useAnnotator as s, useAnnotatorUser as A, useSelection as f, useViewportState as x } from "./annotorious-react.es2.js";
-import { AnnotoriousPlugin as S } from "./annotorious-react.es3.js";
-import { ImageAnnotationPopup as d } from "./annotorious-react.es4.js";
-import { ImageAnnotator as I } from "./annotorious-react.es5.js";
+import { Annotorious as r, AnnotoriousContext as a, useAnnotation as i, useAnnotationSelectAction as p, useAnnotationStore as u, useAnnotations as m, useAnnotator as s, useAnnotatorUser as A, useSelection as S, useViewportState as c } from "./annotorious-react.es2.js";
+import { AnnotoriousPlugin as x } from "./annotorious-react.es3.js";
+import { ImageAnnotationPopup as l } from "./annotorious-react.es4.js";
+import { ImageAnnotator as y } from "./annotorious-react.es5.js";
 /* empty css                      */
 /* empty css                      */
-import { Origin as P, UserSelectAction as w, createAnonymousGuest as y, createBody as C, defaultColorProvider as V } from "@annotorious/core";
-import { ShapeType as h, W3CImageFormat as v, createImageAnnotator as B } from "@annotorious/annotorious";
-import { OpenSeadragonAnnotator as G, useViewer as T } from "./annotorious-react.es8.js";
-import { OpenSeadragonAnnotationPopup as b } from "./annotorious-react.es9.js";
-import { OpenSeadragonViewer as k } from "./annotorious-react.es10.js";
+import { Origin as O, UserSelectAction as P, createAnonymousGuest as w, createBody as C, defaultColorProvider as V } from "@annotorious/core";
+import { ShapeType as U, W3CImageFormat as v, chainStyles as B, computeStyle as F, createImageAnnotator as G } from "@annotorious/annotorious";
+import { OpenSeadragonAnnotator as W, useViewer as b } from "./annotorious-react.es8.js";
+import { OpenSeadragonAnnotationPopup as k } from "./annotorious-react.es9.js";
+import { OpenSeadragonViewer as z } from "./annotorious-react.es10.js";
 export {
   r as Annotorious,
   a as AnnotoriousContext,
-  S as AnnotoriousPlugin,
-  d as ImageAnnotationPopup,
-  I as ImageAnnotator,
-  b as OpenSeadragonAnnotationPopup,
-  G as OpenSeadragonAnnotator,
-  k as OpenSeadragonViewer,
-  P as Origin,
-  h as ShapeType,
-  w as UserSelectAction,
+  x as AnnotoriousPlugin,
+  l as ImageAnnotationPopup,
+  y as ImageAnnotator,
+  k as OpenSeadragonAnnotationPopup,
+  W as OpenSeadragonAnnotator,
+  z as OpenSeadragonViewer,
+  O as Origin,
+  U as ShapeType,
+  P as UserSelectAction,
   v as W3CImageFormat,
-  y as createAnonymousGuest,
+  B as chainStyles,
+  F as computeStyle,
+  w as createAnonymousGuest,
   C as createBody,
-  B as createImageAnnotator,
+  G as createImageAnnotator,
   V as defaultColorProvider,
   i as useAnnotation,
   p as useAnnotationSelectAction,
@@ -32,8 +34,8 @@ export {
   m as useAnnotations,
   s as useAnnotator,
   A as useAnnotatorUser,
-  f as useSelection,
-  T as useViewer,
-  x as useViewportState
+  S as useSelection,
+  b as useViewer,
+  c as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

package/dist/annotorious-react.es13.js

@@ -1,19 +1,19 @@
 import * as o from "react";
-import { useLayoutEffect as Y, useEffect as q } from "react";
-import { getComputedStyle as Q, isElement as I } from "./annotorious-react.es21.js";
+import { useLayoutEffect as q, useEffect as Q } from "react";
+import { getComputedStyle as Z, isElement as I } from "./annotorious-react.es21.js";
 import { getOverflowAncestors as Re } from "./annotorious-react.es21.js";
 import "react-dom";
-import { useFloating as Z } from "./annotorious-react.es15.js";
+import { useFloating as z } from "./annotorious-react.es15.js";
 import { arrow as xe, flip as Ee, inline as we, offset as Ce, shift as Se } from "./annotorious-react.es15.js";
-const W = {
+const $ = {
   ...o
-}, z = W.useInsertionEffect, G = z || ((t) => t());
-function J(t) {
+}, G = $.useInsertionEffect, J = G || ((t) => t());
+function K(t) {
   const n = o.useRef(() => {
     if (process.env.NODE_ENV !== "production")
       throw new Error("Cannot call an event handler while rendering.");
   });
-  return G(() => {
+  return J(() => {
     n.current = t;
   }), o.useCallback(function() {
     for (var s = arguments.length, e = new Array(s), r = 0; r < s; r++)
@@ -21,7 +21,7 @@ function J(t) {
     return n.current == null ? void 0 : n.current(...e);
   }, []);
 }
-var b = typeof document < "u" ? Y : q;
+var b = typeof document < "u" ? q : Q;
 function D() {
   return D = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
@@ -32,24 +32,24 @@ function D() {
     return t;
   }, D.apply(this, arguments);
 }
-let V = !1, K = 0;
-const j = () => (
+let V = !1, k = 0;
+const W = () => (
   // Ensure the id is unique with multiple independent versions of Floating UI
   // on <React 18
-  "floating-ui-" + Math.random().toString(36).slice(2, 6) + K++
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + k++
 );
-function k() {
-  const [t, n] = o.useState(() => V ? j() : void 0);
+function _() {
+  const [t, n] = o.useState(() => V ? W() : void 0);
   return b(() => {
-    t == null && n(j());
+    t == null && n(W());
   }, []), o.useEffect(() => {
     V = !0;
   }, []), t;
 }
-const _ = W.useId, $ = _ || k;
+const ee = $.useId, B = ee || _;
 let P;
 process.env.NODE_ENV !== "production" && (P = /* @__PURE__ */ new Set());
-function ee() {
+function te() {
   for (var t, n = arguments.length, s = new Array(n), e = 0; e < n; e++)
     s[e] = arguments[e];
   const r = "Floating UI: " + s.join(" ");
@@ -58,7 +58,7 @@ function ee() {
     (l = P) == null || l.add(r), console.warn(r);
   }
 }
-function te() {
+function ne() {
   for (var t, n = arguments.length, s = new Array(n), e = 0; e < n; e++)
     s[e] = arguments[e];
   const r = "Floating UI: " + s.join(" ");
@@ -83,34 +83,34 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
     height: a = 7,
     tipRadius: O = 0,
     strokeWidth: d = 0,
-    staticOffset: p,
+    staticOffset: g,
     stroke: h,
     d: c,
     style: {
-      transform: m,
+      transform: p,
       ...R
     } = {},
     ...v
   } = n;
-  process.env.NODE_ENV !== "production" && (s || ee("The `ref` prop is required for `FloatingArrow`."));
-  const x = $(), [C, f] = o.useState(!1);
+  process.env.NODE_ENV !== "production" && (s || te("The `ref` prop is required for `FloatingArrow`."));
+  const x = B(), [C, f] = o.useState(!1);
   if (b(() => {
     if (!r) return;
-    Q(r).direction === "rtl" && f(!0);
+    Z(r).direction === "rtl" && f(!0);
   }, [r]), !r)
     return null;
-  const [g, F] = e.split("-"), M = g === "top" || g === "bottom";
-  let S = p;
+  const [m, F] = e.split("-"), M = m === "top" || m === "bottom";
+  let S = g;
   (M && u != null && u.x || !M && u != null && u.y) && (S = null);
-  const E = d * 2, N = E / 2, A = i / 2 * (O / -8 + 1), T = a / 2 * O / 4, w = !!c, B = S && F === "end" ? "bottom" : "top";
-  let y = S && F === "end" ? "right" : "left";
-  S && C && (y = F === "end" ? "left" : "right");
-  const U = (l == null ? void 0 : l.x) != null ? S || l.x : "", H = (l == null ? void 0 : l.y) != null ? S || l.y : "", L = c || "M0,0" + (" H" + i) + (" L" + (i - A) + "," + (a - T)) + (" Q" + i / 2 + "," + a + " " + A + "," + (a - T)) + " Z", X = {
+  const E = d * 2, N = E / 2, A = i / 2 * (O / -8 + 1), T = a / 2 * O / 4, w = !!c, U = S && F === "end" ? "bottom" : "top";
+  let j = S && F === "end" ? "right" : "left";
+  S && C && (j = F === "end" ? "left" : "right");
+  const H = (l == null ? void 0 : l.x) != null ? S || l.x : "", X = (l == null ? void 0 : l.y) != null ? S || l.y : "", y = c || "M0,0" + (" H" + i) + (" L" + (i - A) + "," + (a - T)) + (" Q" + i / 2 + "," + a + " " + A + "," + (a - T)) + " Z", Y = {
     top: w ? "rotate(180deg)" : "",
     left: w ? "rotate(90deg)" : "rotate(-90deg)",
     bottom: w ? "" : "rotate(180deg)",
     right: w ? "rotate(-90deg)" : "rotate(90deg)"
-  }[g];
+  }[m];
   return /* @__PURE__ */ o.createElement("svg", D({}, v, {
     "aria-hidden": !0,
     ref: s,
@@ -120,10 +120,10 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
     style: {
       position: "absolute",
       pointerEvents: "none",
-      [y]: U,
-      [B]: H,
-      [g]: M || w ? "100%" : "calc(100% - " + E / 2 + "px)",
-      transform: "" + X + (m ?? ""),
+      [j]: H,
+      [U]: X,
+      [m]: M || w ? "100%" : "calc(100% - " + E / 2 + "px)",
+      transform: [Y, p].filter((L) => !!L).join(" "),
       ...R
     }
   }), E > 0 && /* @__PURE__ */ o.createElement("path", {
@@ -131,10 +131,10 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
     fill: "none",
     stroke: h,
     strokeWidth: E + (c ? 0 : 1),
-    d: L
+    d: y
   }), /* @__PURE__ */ o.createElement("path", {
     stroke: E && !c ? v.fill : "none",
-    d: L
+    d: y
   }), /* @__PURE__ */ o.createElement("clipPath", {
     id: x
   }, /* @__PURE__ */ o.createElement("rect", {
@@ -144,7 +144,7 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
     height: i
   })));
 });
-function ne() {
+function oe() {
   const t = /* @__PURE__ */ new Map();
   return {
     emit(n, s) {
@@ -160,28 +160,28 @@ function ne() {
     }
   };
 }
-const oe = /* @__PURE__ */ o.createContext(null), re = /* @__PURE__ */ o.createContext(null), se = () => {
+const re = /* @__PURE__ */ o.createContext(null), se = /* @__PURE__ */ o.createContext(null), ce = () => {
   var t;
-  return ((t = o.useContext(oe)) == null ? void 0 : t.id) || null;
-}, ce = () => o.useContext(re);
-function le(t) {
+  return ((t = o.useContext(re)) == null ? void 0 : t.id) || null;
+}, le = () => o.useContext(se);
+function ie(t) {
   const {
     open: n = !1,
     onOpenChange: s,
     elements: e
-  } = t, r = $(), l = o.useRef({}), [u] = o.useState(() => ne()), i = se() != null;
+  } = t, r = B(), l = o.useRef({}), [u] = o.useState(() => oe()), i = ce() != null;
   if (process.env.NODE_ENV !== "production") {
     const c = e.reference;
-    c && !I(c) && te("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+    c && !I(c) && ne("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  const [a, O] = o.useState(e.reference), d = J((c, m, R) => {
-    l.current.openEvent = c ? m : void 0, u.emit("openchange", {
+  const [a, O] = o.useState(e.reference), d = K((c, p, R) => {
+    l.current.openEvent = c ? p : void 0, u.emit("openchange", {
       open: c,
-      event: m,
+      event: p,
       reason: R,
       nested: i
-    }), s == null || s(c, m, R);
-  }), p = o.useMemo(() => ({
+    }), s == null || s(c, p, R);
+  }), g = o.useMemo(() => ({
     setPositionReference: O
   }), []), h = o.useMemo(() => ({
     reference: a || e.reference || null,
@@ -195,25 +195,25 @@ function le(t) {
     elements: h,
     events: u,
     floatingId: r,
-    refs: p
-  }), [n, d, h, u, r, p]);
+    refs: g
+  }), [n, d, h, u, r, g]);
 }
 function ge(t) {
   t === void 0 && (t = {});
   const {
     nodeId: n
-  } = t, s = le({
+  } = t, s = ie({
     ...t,
     elements: {
       reference: null,
       floating: null,
       ...t.elements
     }
-  }), e = t.rootContext || s, r = e.elements, [l, u] = o.useState(null), [i, a] = o.useState(null), d = (r == null ? void 0 : r.reference) || l, p = o.useRef(null), h = ce();
+  }), e = t.rootContext || s, r = e.elements, [l, u] = o.useState(null), [i, a] = o.useState(null), d = (r == null ? void 0 : r.reference) || l, g = o.useRef(null), h = le();
   b(() => {
-    d && (p.current = d);
+    d && (g.current = d);
   }, [d]);
-  const c = Z({
+  const c = z({
     ...t,
     elements: {
       ...r,
@@ -221,23 +221,23 @@ function ge(t) {
         reference: i
       }
     }
-  }), m = o.useCallback((f) => {
-    const g = I(f) ? {
+  }), p = o.useCallback((f) => {
+    const m = I(f) ? {
       getBoundingClientRect: () => f.getBoundingClientRect(),
       contextElement: f
     } : f;
-    a(g), c.refs.setReference(g);
+    a(m), c.refs.setReference(m);
   }, [c.refs]), R = o.useCallback((f) => {
-    (I(f) || f === null) && (p.current = f, u(f)), (I(c.refs.reference.current) || c.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    (I(f) || f === null) && (g.current = f, u(f)), (I(c.refs.reference.current) || c.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
     f !== null && !I(f)) && c.refs.setReference(f);
   }, [c.refs]), v = o.useMemo(() => ({
     ...c.refs,
     setReference: R,
-    setPositionReference: m,
-    domReference: p
-  }), [c.refs, R, m]), x = o.useMemo(() => ({
+    setPositionReference: p,
+    domReference: g
+  }), [c.refs, R, p]), x = o.useMemo(() => ({
     ...c.elements,
     domReference: d
   }), [c.elements, d]), C = o.useMemo(() => ({
@@ -249,7 +249,7 @@ function ge(t) {
   }), [c, v, x, n, e]);
   return b(() => {
     e.dataRef.current.floatingContext = C;
-    const f = h == null ? void 0 : h.nodesRef.current.find((g) => g.id === n);
+    const f = h == null ? void 0 : h.nodesRef.current.find((m) => m.id === n);
     f && (f.context = C);
   }), o.useMemo(() => ({
     ...c,
@@ -267,9 +267,9 @@ export {
   Ce as offset,
   Se as shift,
   ge as useFloating,
-  se as useFloatingParentNodeId,
-  le as useFloatingRootContext,
-  ce as useFloatingTree,
-  $ as useId
+  ce as useFloatingParentNodeId,
+  ie as useFloatingRootContext,
+  le as useFloatingTree,
+  B as useId
 };
 //# sourceMappingURL=annotorious-react.es13.js.map