@instructure/platform-notebook 1.9.1 → 1.9.2

package/dist/index.js

@@ -1,38 +1,38 @@
-import { jsx as s, jsxs as I, Fragment as qe } from "react/jsx-runtime";
+import { jsx as s, jsxs as v, Fragment as qe } from "react/jsx-runtime";
 import { createContext as Ke, useMemo as me, useContext as Xe, useReducer as Qe, useRef as B, useEffect as W, useState as U, useCallback as K } from "react";
-import { createPortal as ft } from "react-dom";
+import { createPortal as mt } from "react-dom";
 import { z as f } from "zod";
-import mt from "diff-match-patch";
-import { useQueryClient as Re, useMutation as ke, useQuery as gt } from "@tanstack/react-query";
-import { CloseButton as ht, Button as ne, IconButton as ue } from "@instructure/ui-buttons";
+import gt from "diff-match-patch";
+import { useQueryClient as Re, useMutation as ke, useQuery as ht } from "@tanstack/react-query";
+import { CloseButton as pt, Button as ne, IconButton as ue } from "@instructure/ui-buttons";
 import { Flex as x } from "@instructure/ui-flex";
 import { Heading as Ne } from "@instructure/ui-heading";
-import { Tray as pt } from "@instructure/ui-tray";
+import { Tray as yt } from "@instructure/ui-tray";
 import { View as Q } from "@instructure/ui-view";
-import { IconQuestionLine as we, IconPinLine as Oe, IconWarningLine as yt, IconNoteLine as Nt, IconEditLine as Ie, IconTrashLine as ye, IconArrowStartLine as bt } from "@instructure/ui-icons";
+import { IconQuestionLine as we, IconPinLine as Oe, IconWarningLine as Nt, IconNoteLine as bt, IconEditLine as Ie, IconTrashLine as ye, IconArrowStartLine as Et } from "@instructure/ui-icons";
 import { Menu as ce } from "@instructure/ui-menu";
 import { TruncateText as Ce } from "@instructure/ui-truncate-text";
 import { SimpleSelect as Be } from "@instructure/ui-simple-select";
 import { Text as te } from "@instructure/ui-text";
-import { ScreenReaderContent as Se } from "@instructure/ui-a11y-content";
-import { Dialog as Et } from "@instructure/ui-dialog";
+import { ScreenReaderContent as Te } from "@instructure/ui-a11y-content";
+import { Dialog as Tt } from "@instructure/ui-dialog";
 import { TextArea as Ye } from "@instructure/ui-text-area";
 import { Pill as $e } from "@instructure/ui-pill";
 import { Pagination as St } from "@instructure/ui-pagination";
-import { Spinner as Tt } from "@instructure/ui-spinner";
-const vt = f.object({
+import { Spinner as vt } from "@instructure/ui-spinner";
+const It = f.object({
   startContainer: f.string(),
   endContainer: f.string(),
   startOffset: f.number(),
   endOffset: f.number()
-}), It = f.object({
+}), Ct = f.object({
   start: f.number(),
   end: f.number()
 }), Le = f.object({
   selectedText: f.string(),
   hasNoHighlightAnymore: f.boolean().optional(),
-  textPosition: It.nullable(),
-  range: vt.nullable(),
+  textPosition: Ct.nullable(),
+  range: It.nullable(),
   pageLastModifiedAt: f.string()
 });
 var O = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(O || {});
@@ -40,7 +40,7 @@ const Ae = f.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), Ct = f.object({
+]), xt = f.object({
   totalCount: f.number().nullish(),
   totalNrOfPages: f.number().nullish()
 }), be = f.object({
@@ -55,28 +55,28 @@ const Ae = f.enum([
   highlightData: Le,
   createdAt: f.string(),
   updatedAt: f.string()
-}), xt = f.object({
+}), Rt = f.object({
   cursor: f.string(),
   node: be
 });
 f.object({
   notes: f.object({
-    edges: f.array(xt),
+    edges: f.array(Rt),
     nodes: f.array(be),
-    pageInfo: Ct
+    pageInfo: xt
   })
 });
-const Rt = f.object({
+const kt = f.object({
   type: f.string(),
   id: f.string()
-}), kt = f.object({
+}), wt = f.object({
   courseId: f.string().optional(),
-  learningObject: Rt.optional(),
+  learningObject: kt.optional(),
   reactions: f.array(f.string()).optional()
 }).optional();
 f.object({
   courseId: f.string().optional(),
-  filter: kt,
+  filter: wt,
   offset: f.number().optional(),
   pageSize: f.number().optional()
 });
@@ -192,18 +192,18 @@ class X {
     return new X(n, o);
   }
 }
-const wt = (t) => {
+const Ot = (t) => {
   const e = t.nodeName.toLowerCase();
   return e === "#text" ? "text()" : e;
 };
-function Ot(t) {
+function Lt(t) {
   let e = 0, n = t;
   for (; n; )
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const Lt = (t) => {
-  const e = wt(t), n = Ot(t);
+const At = (t) => {
+  const e = Ot(t), n = Lt(t);
   return `${e}[${n}]`;
 }, He = (t, e) => {
   let n = "", o = t;
@@ -212,10 +212,10 @@ const Lt = (t) => {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${Lt(o)}/${n}`, o = o.parentNode;
+    n = `${At(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, At = (t, e, n) => {
+}, Dt = (t, e, n) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let i = 0; i < t.children.length; i++) {
@@ -224,7 +224,7 @@ const Lt = (t) => {
       return l;
   }
   return null;
-}, Dt = (t, e) => {
+}, Pt = (t, e) => {
   if (!(t.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
     return console.error("Expression is not a simple XPath"), null;
   const o = t.split("/");
@@ -235,12 +235,12 @@ const Lt = (t) => {
     const m = i.indexOf("[");
     if (m !== -1) {
       l = i.slice(0, m);
-      const p = i.slice(m + 1, i.indexOf("]"));
-      if (a = Number.parseInt(p, 10) - 1, a < 0)
+      const y = i.slice(m + 1, i.indexOf("]"));
+      if (a = Number.parseInt(y, 10) - 1, a < 0)
         return null;
     } else
       l = i, a = 0;
-    const c = At(r, l, a);
+    const c = Dt(r, l, a);
     if (!c)
       return null;
     r = c;
@@ -248,7 +248,7 @@ const Lt = (t) => {
   return r;
 }, Ge = (t, e = document.body) => {
   try {
-    return Dt(t, e);
+    return Pt(t, e);
   } catch {
     return document.evaluate(`.${t}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
   }
@@ -334,14 +334,14 @@ const Ze = (t) => {
   for (; n !== void 0 && l && a === n; )
     r.push({ node: l, offset: l.data.length }), n = e.shift();
   return n !== void 0 && console.error("Offset exceeds text length"), r;
-}, Pt = (t, e, n, o) => {
+}, _t = (t, e, n, o) => {
   const r = n - e;
   return Math.abs(r - o) <= 5 ? ie.fromSelector(t, {
     start: e,
     end: n
   }) : null;
-}, _t = (t, e, n, o) => {
-  const r = new mt();
+}, Ft = (t, e, n, o) => {
+  const r = new gt();
   r.Match_Distance = 5e3;
   const i = t.textContent;
   if (!i)
@@ -349,12 +349,12 @@ const Ze = (t) => {
   if (e.length > 32) {
     const l = e.slice(0, 32), a = e.slice(-32), m = o - n;
     let c = r.match_main(i, l, n);
-    const p = r.match_main(i, a, o), d = p + a.length;
-    if (c === -1 || p === -1)
+    const y = r.match_main(i, a, o), d = y + a.length;
+    if (c === -1 || y === -1)
       return null;
     const h = d - c, b = Math.abs(h - m);
     if ((c > d || b > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(i, l, d), c !== -1 && c < d))
-      return Pt(t, c, d, m);
+      return _t(t, c, d, m);
     if (c < d && b <= 5)
       return ie.fromSelector(t, {
         start: c,
@@ -369,19 +369,19 @@ const Ze = (t) => {
       });
   }
   return null;
-}, Ft = (t, e) => {
+}, Mt = (t, e) => {
   if (!e) return null;
   const { highlightData: n } = t, { textPosition: o, selectedText: r } = n;
-  return _t(
+  return Ft(
     e,
     r,
     (o == null ? void 0 : o.start) ?? 0,
     (o == null ? void 0 : o.end) ?? 0
   );
-}, Mt = (t, e, n) => {
+}, Bt = (t, e, n) => {
   const o = [], r = [];
   for (const i of e) {
-    const l = Ft(i, t);
+    const l = Mt(i, t);
     if (l) {
       const a = l.toRange(), m = a && le.fromRange(t, a), c = (a == null ? void 0 : a.toString().trim()) || i.highlightData.selectedText;
       o.push({
@@ -415,7 +415,7 @@ const Ze = (t) => {
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
   r && ((l = le.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Yt({ id: o });
-}, Bt = (t) => {
+}, $t = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
   ) ?? document.getElementById(Ee(t));
@@ -423,28 +423,28 @@ const Ze = (t) => {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, ge = 90, he = 172, $t = (t) => {
+}, ge = 90, he = 172, Ht = (t) => {
   const e = t.getClientRects();
   if (!e.length)
     return null;
-  const n = e[0], o = e[e.length - 1], r = 4, i = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, m = (y) => {
-    const E = y + he;
-    return y >= i && E <= l - i;
-  }, c = (y) => {
-    const E = y + ge;
-    return y >= i && E <= a - i;
+  const n = e[0], o = e[e.length - 1], r = 4, i = 16, l = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight, m = (p) => {
+    const E = p + he;
+    return p >= i && E <= l - i;
+  }, c = (p) => {
+    const E = p + ge;
+    return p >= i && E <= a - i;
   };
-  let p;
+  let y;
   const d = n.right - he;
   if (m(d))
-    p = d;
+    y = d;
   else {
-    const y = n.left;
-    if (m(y))
-      p = y;
+    const p = n.left;
+    if (m(p))
+      y = p;
     else {
       const g = (n.left + n.right) / 2 - he / 2;
-      m(g) ? p = g : d < i ? p = i : p = l - he - i;
+      m(g) ? y = g : d < i ? y = i : y = l - he - i;
     }
   }
   let h;
@@ -452,20 +452,20 @@ const Ze = (t) => {
   if (c(b))
     h = b;
   else {
-    const y = n.top - ge - r;
-    c(y) ? h = y : b + ge > a - i ? h = a - ge - i : h = i;
+    const p = n.top - ge - r;
+    c(p) ? h = p : b + ge > a - i ? h = a - ge - i : h = i;
   }
-  return { top: h, left: p };
-}, Ht = (t, e) => {
+  return { top: h, left: y };
+}, Gt = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, De = (t) => `highlight-wrapper-${t}`, Ee = (t) => `${De(t)}-start`, et = (t) => `${De(t)}-end`, fe = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Gt = "2px", Ut = "3px", jt = "1px", tt = "3px", Wt = "1px", zt = "Notebook note", Pe = (t, e) => {
+}, De = (t) => `highlight-wrapper-${t}`, Ee = (t) => `${De(t)}-start`, et = (t) => `${De(t)}-end`, fe = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Ut = "2px", jt = "3px", Wt = "1px", tt = "3px", zt = "1px", nt = "Notebook note", Pe = (t, e) => {
   const n = Number.parseInt(t.slice(1, 3), 16), o = Number.parseInt(t.slice(3, 5), 16), r = Number.parseInt(t.slice(5, 7), 16);
   return `rgba(${n}, ${o}, ${r}, ${e})`;
-}, nt = (t, e, n, o, r) => {
-  t.style.backgroundColor = n, e ? (t.dataset.selected = "true", t.style.outline = `${jt} ${r} ${o}`, t.style.outlineOffset = Wt, t.style.borderRadius = tt, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
+}, ot = (t, e, n, o, r) => {
+  t.style.backgroundColor = n, t.style.textDecorationColor = o, t.style.textDecorationStyle = r, e ? (t.dataset.selected = "true", t.style.outline = `${Wt} ${r} ${o}`, t.style.outlineOffset = zt, t.style.borderRadius = tt, t.style.fontWeight = "bold") : (t.removeAttribute("data-selected"), t.style.outline = "", t.style.outlineOffset = "", t.style.borderRadius = "", t.style.fontWeight = "");
 }, qt = (t, e) => {
   var n;
   try {
@@ -503,38 +503,38 @@ const Ze = (t) => {
     Qt(e, n);
     return;
   }
-  const l = e.type === O.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Pe(l, 0.5), c = e.type === O.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, p = e.type === O.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
+  const l = e.type === O.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, m = a ? l : Pe(l, 0.5), c = e.type === O.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === O.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
   d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
-  const h = e.labelPrefix ?? zt;
+  const h = e.labelPrefix ?? nt;
   d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", h), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), a && d.setAttribute("aria-current", "true"), e.popupId && d.setAttribute("aria-controls", e.popupId), d.style.position = "relative", d.style.fontSize = "0", d.style.lineHeight = "0", d.style.width = "0", d.style.height = "0", d.style.margin = "0", d.style.padding = "0", d.style.border = "0", d.style.outline = "none";
   const b = document.createElement("span");
   b.id = et(o), b.className = "highlight-marker-end", b.dataset.highlightId = o || "";
-  const y = t.cloneRange();
-  y.collapse(!1), y.insertNode(b);
+  const p = t.cloneRange();
+  p.collapse(!1), p.insertNode(b);
   const E = t.cloneRange();
   E.collapse(!0), E.insertNode(d);
   const g = document.createRange();
   g.setStartAfter(d), g.setEndBefore(b);
   const j = Kt(g).filter((N) => N.textContent && N.textContent.length > 0);
-  j.forEach((N, C) => {
+  j.forEach((N, I) => {
     var F;
     const P = N.parentElement;
     if ((P == null ? void 0 : P.dataset.highlightId) === o) return;
-    const $ = C === 0, _ = C === j.length - 1, S = j.length === 1;
+    const $ = I === 0, _ = I === j.length - 1, T = j.length === 1;
     let L;
-    S ? L = "single" : $ ? L = "first" : _ ? L = "last" : L = "middle";
-    const v = document.createElement("span");
-    v.className = "highlight-content", v.dataset.highlightId = o || "", v.dataset.position = L, v.style.textDecorationLine = "underline", v.style.textDecorationColor = c, v.style.textDecorationStyle = p, v.style.textDecorationThickness = n.borderWidthSmall, v.style.textUnderlineOffset = n.underlineOffset, v.style.cursor = "pointer", nt(v, a, m, c, p), v.addEventListener("click", (Z) => {
+    T ? L = "single" : $ ? L = "first" : _ ? L = "last" : L = "middle";
+    const C = document.createElement("span");
+    C.className = "highlight-content", C.dataset.highlightId = o || "", C.dataset.position = L, C.style.textDecorationLine = "underline", C.style.textDecorationThickness = n.borderWidthSmall, C.style.textUnderlineOffset = n.underlineOffset, C.style.cursor = "pointer", ot(C, a, m, c, y), C.addEventListener("click", (Z) => {
       var V;
       Z.target.tagName !== "A" && ((V = e.onClick) == null || V.call(e));
-    }), (F = N.parentNode) == null || F.insertBefore(v, N), v.appendChild(N);
+    }), (F = N.parentNode) == null || F.insertBefore(C, N), C.appendChild(N);
   }), d.addEventListener("click", (N) => {
-    var C;
-    N.target.tagName !== "A" && ((C = e.onClick) == null || C.call(e));
+    var I;
+    N.target.tagName !== "A" && ((I = e.onClick) == null || I.call(e));
   }), d.addEventListener("keydown", (N) => {
-    var C;
+    var I;
     if (N.key === "Enter" || N.key === " ")
-      N.preventDefault(), (C = e.onClick) == null || C.call(e);
+      N.preventDefault(), (I = e.onClick) == null || I.call(e);
     else if (N.key === "Tab" && !N.shiftKey) {
       const P = document.querySelectorAll(fe(o));
       for (const $ of P) {
@@ -548,14 +548,14 @@ const Ze = (t) => {
   }), d.addEventListener("focus", () => {
     document.querySelectorAll(
       `.highlight-content${fe(o)}`
-    ).forEach((C) => {
-      C.style.boxShadow = `0 0 0 ${Gt} ${n.colors.focusOutline}`, C.style.borderRadius = Ut;
+    ).forEach((I) => {
+      I.style.boxShadow = `0 0 0 ${Ut} ${n.colors.focusOutline}`, I.style.borderRadius = jt;
     });
   }), d.addEventListener("blur", () => {
     document.querySelectorAll(
       `.highlight-content${fe(o)}`
-    ).forEach((C) => {
-      C.style.boxShadow = "", C.style.borderRadius = C.dataset.selected ? tt : "";
+    ).forEach((I) => {
+      I.style.boxShadow = "", I.style.borderRadius = I.dataset.selected ? tt : "";
     });
   });
 };
@@ -564,12 +564,12 @@ function Qt(t, e) {
   document.querySelectorAll(
     `.highlight-content${fe(t.id ?? "")}`
   ).forEach((c) => {
-    nt(c, o, r, i, l);
+    ot(c, o, r, i, l);
   });
   const m = document.getElementById(
     Ee(t.id ?? "")
   );
-  m && (m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
+  m && (m.setAttribute("aria-label", t.labelPrefix ?? nt), m.setAttribute("aria-expanded", String(o && !!t.isTrayOpen)), o ? m.setAttribute("aria-current", "true") : m.removeAttribute("aria-current"));
 }
 const Yt = (t) => {
   const e = t.id ?? "", n = document.getElementById(Ee(e)), o = document.getElementById(et(e));
@@ -603,26 +603,26 @@ function Zt(t) {
     }
   });
 }
-function ot({
+function rt({
   api: t,
   enabled: e = !0,
   ...n
 }) {
-  return gt({
+  return ht({
     queryKey: de.notes(n),
     queryFn: () => t.getNotes(n),
     enabled: e
   });
 }
 const Jt = 100;
-function rt({
+function st({
   api: t,
   courseId: e,
   learningObject: n,
   reactions: o,
   enabled: r = !0
 }) {
-  return ot({
+  return rt({
     api: t,
     filter: {
       ...e ? { courseId: e } : {},
@@ -662,7 +662,7 @@ function en(t) {
     }
   });
 }
-const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Back", ln = "Edit note", an = "Save", cn = "Cancel", dn = "Delete note", un = "Delete note confirmation", fn = "note", mn = "Add note (optional)", gn = "Remove from Notebook", hn = "Add a note (optional)", pn = "Mark important", yn = "Mark unclear", Nn = "Saved to Notebook.", bn = "Note updated", En = "Note deleted", Sn = "Error saving to Notebook.", Tn = "Error updating note", vn = "Note deletion failed", In = "Loading notes", Cn = "Failed to load notes", xn = "Start capturing your notes", Rn = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", kn = "Nothing here yet", wn = "Adjust your filters or create a new note to get started.", On = "You have no notes for the selected filter", Ln = "Filter", An = "Previous page", Dn = "Next page", Pn = "All courses", _n = "All notes", Fn = "Close Notebook panel", Mn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Bn = "The content you highlighted is no longer available.", $n = "Notebook note", _e = {
+const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Back", ln = "Edit note", an = "Save", cn = "Cancel", dn = "Delete note", un = "Delete note confirmation", fn = "note", mn = "Add note (optional)", gn = "Remove from Notebook", hn = "Add a note (optional)", pn = "Mark important", yn = "Mark unclear", Nn = "Saved to Notebook.", bn = "Note updated", En = "Note deleted", Tn = "Error saving to Notebook.", Sn = "Error updating note", vn = "Note deletion failed", In = "Loading notes", Cn = "Failed to load notes", xn = "Start capturing your notes", Rn = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", kn = "Nothing here yet", wn = "Adjust your filters or create a new note to get started.", On = "You have no notes for the selected filter", Ln = "Filter", An = "Previous page", Dn = "Next page", Pn = "All courses", _n = "All notes", Fn = "Close Notebook panel", Mn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Bn = "The content you highlighted is no longer available.", $n = "Notebook note", _e = {
   notebook: tn,
   notes: nn,
   important: on,
@@ -682,8 +682,8 @@ const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Bac
   savedToNotebook: Nn,
   noteUpdated: bn,
   noteDeleted: En,
-  errorSavingNote: Sn,
-  errorUpdatingNote: Tn,
+  errorSavingNote: Tn,
+  errorUpdatingNote: Sn,
   noteDeletionFailed: vn,
   loadingNotes: In,
   failedToLoadNotes: Cn,
@@ -701,8 +701,8 @@ const tn = "Notebook", nn = "Notes", on = "Important", rn = "Unclear", sn = "Bac
   featureDescription: Mn,
   highlightUnavailable: Bn,
   notebookNote: $n
-}, st = Ke(null);
-function it(t, e) {
+}, it = Ke(null);
+function lt(t, e) {
   const n = _e[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
@@ -714,15 +714,15 @@ function Hn({
   const o = me(
     () => ({
       translations: { ..._e, ...t },
-      translate: e ?? it
+      translate: e ?? lt
     }),
     [t, e]
   );
-  return /* @__PURE__ */ s(st.Provider, { value: o, children: n });
+  return /* @__PURE__ */ s(it.Provider, { value: o, children: n });
 }
 function J() {
-  const t = Xe(st);
-  return t || { translations: _e, translate: it };
+  const t = Xe(it);
+  return t || { translations: _e, translate: lt };
 }
 const Gn = (t) => ({
   selectedNoteId: t ?? null,
@@ -749,7 +749,7 @@ function Un(t, e) {
       return t;
   }
 }
-const lt = Ke(null);
+const at = Ke(null);
 function Eo({
   api: t,
   currentUserId: e,
@@ -761,9 +761,9 @@ function Eo({
   initialNoteId: a,
   translations: m,
   translate: c,
-  children: p
+  children: y
 }) {
-  const [d, h] = Qe(Un, Gn(a)), b = B(a != null), y = me(
+  const [d, h] = Qe(Un, Gn(a)), b = B(a != null), p = me(
     () => ({
       api: t,
       currentUserId: e,
@@ -784,29 +784,29 @@ function Eo({
     }),
     [t, e, n, o, r, i, l, d]
   );
-  return /* @__PURE__ */ s(lt.Provider, { value: y, children: /* @__PURE__ */ s(Hn, { translations: m, translate: c, children: p }) });
+  return /* @__PURE__ */ s(at.Provider, { value: p, children: /* @__PURE__ */ s(Hn, { translations: m, translate: c, children: y }) });
 }
-function at() {
-  const t = Xe(lt);
+function ct() {
+  const t = Xe(at);
   if (!t)
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const ct = "notebook-tray-content", So = ({ children: t }) => {
-  const { isTrayOpen: e, closeTray: n } = at(), { translations: o } = J();
+const dt = "notebook-tray-content", To = ({ children: t }) => {
+  const { isTrayOpen: e, closeTray: n } = ct(), { translations: o } = J();
   return /* @__PURE__ */ s(
-    pt,
+    yt,
     {
       label: o.notebook,
       open: e,
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ I(x, { direction: "column", height: "100vh", id: ct, children: [
-        /* @__PURE__ */ s(x.Item, { children: /* @__PURE__ */ s(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ I(x, { justifyItems: "space-between", alignItems: "center", children: [
+      children: /* @__PURE__ */ v(x, { direction: "column", height: "100vh", id: dt, children: [
+        /* @__PURE__ */ s(x.Item, { children: /* @__PURE__ */ s(Q, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ v(x, { justifyItems: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ s(Ne, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ s(
-            ht,
+            pt,
             {
               screenReaderLabel: o.closeNotebookPanel,
               onClick: n,
@@ -832,8 +832,8 @@ const ct = "notebook-tray-content", So = ({ children: t }) => {
       borderColor: "secondary",
       borderRadius: "medium",
       shadow: "resting",
-      children: /* @__PURE__ */ I(ce, { children: [
-        /* @__PURE__ */ I(
+      children: /* @__PURE__ */ v(ce, { children: [
+        /* @__PURE__ */ v(
           ce.Item,
           {
             ref: o,
@@ -844,7 +844,7 @@ const ct = "notebook-tray-content", So = ({ children: t }) => {
             ]
           }
         ),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ v(
           ce.Item,
           {
             ref: r,
@@ -858,8 +858,8 @@ const ct = "notebook-tray-content", So = ({ children: t }) => {
       ] })
     }
   );
-}, Te = "notebook-inline-reaction-menu";
-function To({
+}, Se = "notebook-inline-reaction-menu";
+function So({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
@@ -872,24 +872,24 @@ function To({
     api: a,
     objectId: m,
     objectType: c,
-    courseId: p,
+    courseId: y,
     pageLastModifiedAt: d,
     selectedNoteId: h,
     isTrayOpen: b,
-    selectNote: y,
+    selectNote: p,
     openTray: E
-  } = at(), { translations: g } = J(), { data: Y } = rt({
+  } = ct(), { translations: g } = J(), { data: Y } = st({
     api: a,
-    courseId: p,
+    courseId: y,
     learningObject: { type: c, id: m }
-  }), { mutate: j } = Vt(a), { mutateAsync: N } = en(a), { mutate: C } = Zt(a), P = B([]), [$, _] = U([]), [S, L] = U(null), [v, F] = U(""), [Z, V] = U(null), ae = B(null);
+  }), { mutate: j } = Vt(a), { mutateAsync: N } = en(a), { mutate: I } = Zt(a), P = B([]), [$, _] = U([]), [T, L] = U(null), [C, F] = U(""), [Z, V] = U(null), ae = B(null);
   ae.current = Z;
   const [ee, re] = U(!1);
   W(() => {
     const w = t.current;
     if (!w) return;
-    const T = w.closest(".user_content") ?? w;
-    if (T.classList.contains("enhanced")) {
+    const S = w.closest(".user_content") ?? w;
+    if (S.classList.contains("enhanced")) {
       re(!0);
       return;
     }
@@ -900,16 +900,16 @@ function To({
           return;
         }
     });
-    return G.observe(T, { attributes: !0, attributeFilter: ["class"] }), () => G.disconnect();
+    return G.observe(S, { attributes: !0, attributeFilter: ["class"] }), () => G.disconnect();
   }, [t]);
   const z = K(() => {
     V(null), L(null), F("");
   }, []);
   W(() => {
     if (!ee || !t.current) return;
-    let T = null;
+    let S = null;
     const G = () => {
-      T && clearTimeout(T), T = setTimeout(() => {
+      S && clearTimeout(S), S = setTimeout(() => {
         var Me;
         const R = window.getSelection(), u = t.current;
         if (!(R != null && R.rangeCount) || !u) return;
@@ -918,11 +918,11 @@ function To({
         const q = R.getRangeAt(0);
         if (!u.contains(q.commonAncestorContainer)) return;
         const Fe = (Me = ie.fromRange(u, q)) == null ? void 0 : Me.toSelector();
-        Fe && !Ht(Fe, $) && (L(q.cloneRange()), F(k), V($t(q)));
+        Fe && !Gt(Fe, $) && (L(q.cloneRange()), F(k), V(Ht(q)));
       }, n);
     }, M = (R) => {
       if (!(R.target instanceof Node)) return;
-      const u = document.getElementById(Te);
+      const u = document.getElementById(Se);
       u != null && u.contains(R.target) ? (R.preventDefault(), R.stopImmediatePropagation()) : z();
     }, A = () => {
       z();
@@ -930,15 +930,15 @@ function To({
       R.key === "Escape" && ae.current !== null && (z(), R.stopImmediatePropagation());
     };
     return document.addEventListener("selectionchange", G), document.addEventListener("mousedown", M), document.addEventListener("touchstart", M), document.addEventListener("keydown", D), window.addEventListener("scroll", A, !0), () => {
-      T && clearTimeout(T), document.removeEventListener("selectionchange", G), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", D), window.removeEventListener("scroll", A, !0);
+      S && clearTimeout(S), document.removeEventListener("selectionchange", G), document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", D), window.removeEventListener("scroll", A, !0);
     };
   }, [ee, $, n, t, z]);
   const se = K(
     (w) => {
       var u;
-      const T = t.current;
-      if (!T || !w.highlightData) return null;
-      const { highlightData: G, reaction: M, id: A } = w, { range: D } = G, R = D && ((u = le.fromSelector(T, D)) == null ? void 0 : u.toRange());
+      const S = t.current;
+      if (!S || !w.highlightData) return null;
+      const { highlightData: G, reaction: M, id: A } = w, { range: D } = G, R = D && ((u = le.fromSelector(S, D)) == null ? void 0 : u.toRange());
       if (R) {
         const k = M[0] === O.IMPORTANT ? g.important : g.unclear, q = {
           id: A,
@@ -946,21 +946,21 @@ function To({
           type: M[0],
           isTrayOpen: b,
           labelPrefix: `${g.notebookNote} (${k})`,
-          popupId: ct,
+          popupId: dt,
           onClick: () => {
-            y(A), E();
+            p(A), E();
           }
         };
         return Xt(R, q, e), G.textPosition;
       }
       return null;
     },
-    [t, h, b, e, g, y, E]
+    [t, h, b, e, g, p, E]
   );
   W(() => {
     if (!ee || !Y || !t.current) return;
-    const w = t.current, T = Y.notes, G = /* @__PURE__ */ new Set(), M = [], A = [];
-    if (T.length === 0) {
+    const w = t.current, S = Y.notes, G = /* @__PURE__ */ new Set(), M = [], A = [];
+    if (S.length === 0) {
       if (P.current.length > 0) {
         for (const D of P.current)
           je(D, w);
@@ -968,24 +968,24 @@ function To({
       }
       return;
     }
-    if (d && T[0].highlightData.pageLastModifiedAt !== d) {
-      const { notesForUpdate: D, noteIdsForDelete: R } = Mt(
+    if (d && S[0].highlightData.pageLastModifiedAt !== d) {
+      const { notesForUpdate: D, noteIdsForDelete: R } = Bt(
         w,
-        T,
+        S,
         d
       );
       for (const u of D)
         N({ id: u.id, input: u }).catch((k) => r == null ? void 0 : r(k));
       for (const u of R)
-        C(u, { onError: i });
+        I(u, { onError: i });
     } else {
-      for (const D of T) {
+      for (const D of S) {
         const R = se(D);
         G.add(D.id), R && (M.push(D), A.push(R));
       }
       for (const D of P.current)
         G.has(D.id) || je(D, w);
-      _(A), P.current = M, h && Bt(h);
+      _(A), P.current = M, h && $t(h);
     }
   }, [
     ee,
@@ -994,22 +994,22 @@ function To({
     d,
     t,
     N,
-    C,
+    I,
     h
   ]);
   const H = (w) => {
-    const T = t.current;
-    if (!S || !T) return;
-    const G = le.fromRange(T, S), M = ie.fromRange(T, S);
+    const S = t.current;
+    if (!T || !S) return;
+    const G = le.fromRange(S, T), M = ie.fromRange(S, T);
     j(
       {
-        courseId: p,
+        courseId: y,
         objectId: m,
         objectType: c,
         userText: "",
         reaction: [w],
         highlightData: {
-          selectedText: v,
+          selectedText: C,
           textPosition: (M == null ? void 0 : M.toSelector()) ?? null,
           range: G.toSelector(),
           pageLastModifiedAt: d ?? ""
@@ -1019,17 +1019,17 @@ function To({
         onSuccess: (A) => {
           var R;
           const D = A.id;
-          z(), (R = window.getSelection()) == null || R.removeAllRanges(), y(D), E(), l == null || l(A);
+          z(), (R = window.getSelection()) == null || R.removeAllRanges(), p(D), E(), l == null || l(A);
         },
         onError: o
       }
     );
   };
-  return !S || !Z ? null : ft(
+  return !T || !Z ? null : mt(
     /* @__PURE__ */ s(
       "div",
       {
-        id: Te,
+        id: Se,
         role: "toolbar",
         style: {
           position: "fixed",
@@ -1039,8 +1039,8 @@ function To({
           whiteSpace: "nowrap"
         },
         onBlur: (w) => {
-          const T = document.getElementById(Te);
-          T != null && T.contains(w.relatedTarget) || z();
+          const S = document.getElementById(Se);
+          S != null && S.contains(w.relatedTarget) || z();
         },
         children: /* @__PURE__ */ s(jn, { onSelectReaction: H })
       }
@@ -1069,10 +1069,10 @@ const Wn = (t, e) => ({
     lineHeight: "normal"
   };
   return /* @__PURE__ */ s("span", { "data-note-highlight": "true", style: l, children: t });
-}, dt = () => {
+}, ut = () => {
   const { translations: t } = J();
-  return /* @__PURE__ */ I(x, { gap: "xx-small", alignItems: "start", as: "div", children: [
-    /* @__PURE__ */ s(x.Item, { as: "div", children: /* @__PURE__ */ s(yt, { color: "error" }) }),
+  return /* @__PURE__ */ v(x, { gap: "xx-small", alignItems: "start", as: "div", children: [
+    /* @__PURE__ */ s(x.Item, { as: "div", children: /* @__PURE__ */ s(Nt, { color: "error" }) }),
     /* @__PURE__ */ s(x.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ce, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
 }, zn = {
@@ -1118,11 +1118,11 @@ function vo({
   focusNoteId: i
 }) {
   var se;
-  const [l, a] = Qe(qn, zn), { filter: m, courseFilter: c, currentPage: p, totalPages: d } = l;
+  const [l, a] = Qe(qn, zn), { filter: m, courseFilter: c, currentPage: y, totalPages: d } = l;
   W(() => {
     a({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const h = n ? c : e, b = (p - 1) * r, y = !!o, E = {
+  const h = n ? c : e, b = (y - 1) * r, p = !!o, E = {
     ...h ? { courseId: h } : {},
     ...m ? { reactions: [m] } : {},
     ...o ? { learningObject: o } : {}
@@ -1130,21 +1130,21 @@ function vo({
     data: g,
     isLoading: Y,
     isError: j
-  } = ot({
+  } = rt({
     api: t,
     filter: E,
     offset: b,
     pageSize: r,
-    enabled: !y
+    enabled: !p
   }), {
     data: N,
-    isLoading: C,
+    isLoading: I,
     isError: P
-  } = rt({
+  } = st({
     api: t,
     courseId: h ?? void 0,
     learningObject: o,
-    enabled: y
+    enabled: p
   }), $ = me(() => {
     const H = (N == null ? void 0 : N.notes) ?? [];
     return m ? H.filter((w) => w.reaction.includes(m)) : H;
@@ -1155,13 +1155,13 @@ function vo({
       return;
     }
     if (_.current === i) return;
-    const H = $.findIndex((T) => T.id === i);
+    const H = $.findIndex((S) => S.id === i);
     if (H === -1) return;
     _.current = i;
     const w = Math.floor(H / r) + 1;
-    w !== p && a({ type: "FOCUS_PAGE", payload: w });
-  }, [i, $, r, p]);
-  const S = y ? $.slice(b, b + r) : (g == null ? void 0 : g.notes) ?? [], L = y ? C : Y, v = y ? P : j, F = y ? Math.max(1, Math.ceil($.length / r)) : ((se = g == null ? void 0 : g.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Z = y ? { totalCount: $.length, totalNrOfPages: F } : g == null ? void 0 : g.pageInfo;
+    w !== y && a({ type: "FOCUS_PAGE", payload: w });
+  }, [i, $, r, y]);
+  const T = p ? $.slice(b, b + r) : (g == null ? void 0 : g.notes) ?? [], L = p ? I : Y, C = p ? P : j, F = p ? Math.max(1, Math.ceil($.length / r)) : ((se = g == null ? void 0 : g.pageInfo) == null ? void 0 : se.totalNrOfPages) ?? void 0, Z = p ? { totalCount: $.length, totalNrOfPages: F } : g == null ? void 0 : g.pageInfo;
   W(() => {
     a({ type: "SET_TOTAL_PAGES", payload: F });
   }, [F]);
@@ -1183,13 +1183,13 @@ function vo({
     a({ type: "SET_COURSE_FILTER", payload: H });
   }, []);
   return {
-    notes: S,
+    notes: T,
     pageInfo: Z,
     isLoading: L,
-    isError: v,
+    isError: C,
     filter: m,
     courseFilter: c,
-    currentPage: p,
+    currentPage: y,
     totalPages: d,
     setFilter: re,
     setCourseFilter: z,
@@ -1232,8 +1232,8 @@ function Io({ filter: t, setFilter: e }) {
 }
 const Kn = ({ hasActiveFilter: t = !1 }) => {
   const { translations: e } = J(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", children: /* @__PURE__ */ I(x, { direction: "column", alignItems: "center", gap: "small", children: [
-    !t && /* @__PURE__ */ s(Nt, { size: "medium" }),
+  return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", children: /* @__PURE__ */ v(x, { direction: "column", alignItems: "center", gap: "small", children: [
+    !t && /* @__PURE__ */ s(bt, { size: "medium" }),
     /* @__PURE__ */ s(Ne, { level: "h3", children: n }),
     /* @__PURE__ */ s(te, { color: "secondary", children: o })
   ] }) });
@@ -1248,8 +1248,8 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
     translationKey: "unclear",
     icon: /* @__PURE__ */ s(we, { size: "x-small" })
   }
-}, ut = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = J(), r = Xn[t], i = o[r.translationKey], [l, a] = U(!1), m = B(null), c = B(null), p = B(null), d = K(
+}, ft = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
+  const { translations: o } = J(), r = Xn[t], i = o[r.translationKey], [l, a] = U(!1), m = B(null), c = B(null), y = B(null), d = K(
     (h) => {
       e == null || e(h), a(!1);
     },
@@ -1257,16 +1257,16 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
   );
   return W(() => {
     if (!l) return;
-    const h = (y) => {
-      y.key === "Escape" && y.stopPropagation();
-    }, b = (y) => {
+    const h = (p) => {
+      p.key === "Escape" && p.stopPropagation();
+    }, b = (p) => {
       var E;
-      y.key === "Escape" && (y.stopPropagation(), a(!1), (E = p.current) == null || E.focus());
+      p.key === "Escape" && (p.stopPropagation(), a(!1), (E = y.current) == null || E.focus());
     };
     return document.addEventListener("keydown", h, !0), document.addEventListener("keyup", b, !0), () => {
       document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", b, !0);
     };
-  }, [l]), n && e ? /* @__PURE__ */ I(
+  }, [l]), n && e ? /* @__PURE__ */ v(
     ce,
     {
       placement: "bottom start",
@@ -1280,17 +1280,17 @@ const Kn = ({ hasActiveFilter: t = !1 }) => {
           color: r.color,
           renderIcon: r.icon,
           elementRef: (h) => {
-            p.current = h;
+            y.current = h;
           },
           children: i
         }
       ),
       children: [
-        /* @__PURE__ */ I(ce.Item, { ref: m, onClick: () => d(O.CONFUSING), children: [
+        /* @__PURE__ */ v(ce.Item, { ref: m, onClick: () => d(O.CONFUSING), children: [
           /* @__PURE__ */ s(we, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ I(ce.Item, { ref: c, onClick: () => d(O.IMPORTANT), children: [
+        /* @__PURE__ */ v(ce.Item, { ref: c, onClick: () => d(O.IMPORTANT), children: [
           /* @__PURE__ */ s(Oe, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
@@ -1316,19 +1316,19 @@ const Qn = ({
   onSaveNote: a,
   onTypeChange: m,
   isActive: c,
-  isPanelView: p = !1,
+  isPanelView: y = !1,
   courseName: d,
   locale: h,
   highlightTheme: b,
-  renderLink: y,
+  renderLink: p,
   href: E
 }) => {
-  const { translations: g } = J(), [Y, j] = U(!1), [N, C] = U(!1), [P, $] = U(o || ""), [_, S] = U(!1), [L, v] = U(!1), [F, Z] = U(!1), V = B(null), ae = K((u) => {
+  const { translations: g } = J(), [Y, j] = U(!1), [N, I] = U(!1), [P, $] = U(o || ""), [_, T] = U(!1), [L, C] = U(!1), [F, Z] = U(!1), V = B(null), ae = K((u) => {
     V.current = u;
   }, []), ee = B(null), re = B(null), z = B(!1), se = B(null), H = B(null), w = B(!1);
   W(() => {
     var u, k;
-    c ? ((u = V.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (k = V.current) == null || k.focus()) : S(!1);
+    c ? ((u = V.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (k = V.current) == null || k.focus()) : T(!1);
   }, [c]), W(() => {
     var u, k;
     N ? (z.current = !0, (u = ee.current) == null || u.focus()) : z.current && (z.current = !1, (k = re.current) == null || k.focus());
@@ -1339,25 +1339,25 @@ const Qn = ({
       u != null && u.isConnected && u.focus();
     }
   }, [_]);
-  const T = K((u, k) => {
-    w.current = !k, S(!1);
+  const S = K((u, k) => {
+    w.current = !k, T(!1);
   }, []);
   W(() => {
     if (!_) return;
     const u = (q) => {
       q.key === "Escape" && q.stopPropagation();
     }, k = (q) => {
-      q.key === "Escape" && (q.stopPropagation(), T());
+      q.key === "Escape" && (q.stopPropagation(), S());
     };
     return window.addEventListener("keydown", u, !0), window.addEventListener("keyup", k, !0), () => {
       window.removeEventListener("keydown", u, !0), window.removeEventListener("keyup", k, !0);
     };
-  }, [_, T]);
+  }, [_, S]);
   const G = r === O.IMPORTANT ? g.important : g.unclear, M = (u) => {
     u.key === "Enter" && (u.preventDefault(), i == null || i());
   }, A = [g.note, G];
   A.push(n || g.highlightUnavailable), o && A.push(o), e && A.push(ze(e, h)), d && A.push(d);
-  const D = A.join(", "), R = /* @__PURE__ */ I(
+  const D = A.join(", "), R = /* @__PURE__ */ v(
     Q,
     {
       as: "div",
@@ -1386,16 +1386,16 @@ const Qn = ({
               height: "100%",
               opacity: c && _ && l ? 0.25 : void 0
             },
-            children: /* @__PURE__ */ I(x, { direction: "column", gap: "small", height: "100%", children: [
+            children: /* @__PURE__ */ v(x, { direction: "column", gap: "small", height: "100%", children: [
               /* @__PURE__ */ s(
-                ut,
+                ft,
                 {
                   type: r,
-                  onTypeChange: p && m ? (u) => m(t, u) : void 0,
-                  renderAsMenuTrigger: p && !!m && !!c
+                  onTypeChange: y && m ? (u) => m(t, u) : void 0,
+                  renderAsMenuTrigger: y && !!m && !!c
                 }
               ),
-              n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(te, { children: c && p ? /* @__PURE__ */ s(
+              n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(te, { children: c && y ? /* @__PURE__ */ s(
                 xe,
                 {
                   type: r,
@@ -1403,9 +1403,9 @@ const Qn = ({
                   theme: b,
                   children: n
                 }
-              ) : /* @__PURE__ */ I(qe, { children: [
-                L && /* @__PURE__ */ s(Se, { children: n }),
-                /* @__PURE__ */ s("span", { "aria-hidden": L, style: { display: "block" }, children: /* @__PURE__ */ s(Ce, { maxLines: 3, truncate: "word", onUpdate: v, children: /* @__PURE__ */ s(
+              ) : /* @__PURE__ */ v(qe, { children: [
+                L && /* @__PURE__ */ s(Te, { children: n }),
+                /* @__PURE__ */ s("span", { "aria-hidden": L, style: { display: "block" }, children: /* @__PURE__ */ s(Ce, { maxLines: 3, truncate: "word", onUpdate: C, children: /* @__PURE__ */ s(
                   xe,
                   {
                     type: r,
@@ -1414,13 +1414,13 @@ const Qn = ({
                     children: n
                   }
                 ) }) })
-              ] }) }) }) : /* @__PURE__ */ s(dt, {}),
-              /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ I(x, { direction: "column", gap: "small", height: "100%", children: [
-                N && p ? /* @__PURE__ */ I(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
+              ] }) }) }) : /* @__PURE__ */ s(ut, {}),
+              /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ v(x, { direction: "column", gap: "small", height: "100%", children: [
+                N && y ? /* @__PURE__ */ v(x, { direction: "column", gap: "x-small", margin: "xx-small", children: [
                   /* @__PURE__ */ s(
                     Ye,
                     {
-                      label: /* @__PURE__ */ s(Se, { children: g.editNote }),
+                      label: /* @__PURE__ */ s(Te, { children: g.editNote }),
                       value: P,
                       onChange: (u) => $(u.target.value),
                       placeholder: g.addNoteOptional,
@@ -1429,7 +1429,7 @@ const Qn = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ I(x, { gap: "xx-small", children: [
+                  /* @__PURE__ */ v(x, { gap: "xx-small", children: [
                     /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
                       ne,
                       {
@@ -1437,7 +1437,7 @@ const Qn = ({
                         size: "small",
                         "data-testid": `note-card-${t}-cancel`,
                         onClick: () => {
-                          $(o || ""), C(!1);
+                          $(o || ""), I(!1);
                         },
                         children: g.cancel
                       }
@@ -1450,13 +1450,13 @@ const Qn = ({
                         size: "small",
                         "data-testid": `note-card-${t}-save`,
                         onClick: () => {
-                          a == null || a(t, P.trim()), C(!1);
+                          a == null || a(t, P.trim()), I(!1);
                         },
                         children: g.save
                       }
                     ) })
                   ] })
-                ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && p ? /* @__PURE__ */ I(te, { children: [
+                ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && y ? /* @__PURE__ */ v(te, { children: [
                   o,
                   " ",
                   /* @__PURE__ */ s(
@@ -1472,15 +1472,15 @@ const Qn = ({
                         re.current = u;
                       },
                       onClick: (u) => {
-                        u.stopPropagation(), C(!0);
+                        u.stopPropagation(), I(!0);
                       },
                       children: /* @__PURE__ */ s(Ie, {})
                     }
                   )
-                ] }) : /* @__PURE__ */ I(te, { children: [
-                  F && /* @__PURE__ */ s(Se, { children: o }),
+                ] }) : /* @__PURE__ */ v(te, { children: [
+                  F && /* @__PURE__ */ s(Te, { children: o }),
                   /* @__PURE__ */ s("span", { "aria-hidden": F, style: { display: "block" }, children: /* @__PURE__ */ s(Ce, { maxLines: 3, truncate: "word", onUpdate: Z, children: o }) })
-                ] }) }) : p && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ I(te, { color: "secondary", children: [
+                ] }) }) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ v(te, { color: "secondary", children: [
                   g.addNotePrompt,
                   " ",
                   /* @__PURE__ */ s(
@@ -1496,13 +1496,13 @@ const Qn = ({
                         re.current = u;
                       },
                       onClick: (u) => {
-                        u.stopPropagation(), C(!0);
+                        u.stopPropagation(), I(!0);
                       },
                       children: /* @__PURE__ */ s(Ie, {})
                     }
                   )
                 ] }) }) : null,
-                /* @__PURE__ */ I(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
+                /* @__PURE__ */ v(x, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
                   /* @__PURE__ */ s(te, { as: "div", size: "small", color: "secondary", children: ze(e, h) }),
                   c && l && /* @__PURE__ */ s(
                     ue,
@@ -1518,7 +1518,7 @@ const Qn = ({
                         se.current = u;
                       },
                       onClick: (u) => {
-                        u.stopPropagation(), w.current = !1, S(!0);
+                        u.stopPropagation(), w.current = !1, T(!0);
                       },
                       children: /* @__PURE__ */ s(ye, {})
                     }
@@ -1539,7 +1539,7 @@ const Qn = ({
           }
         ),
         c && _ && l && /* @__PURE__ */ s(
-          Et,
+          Tt,
           {
             open: !0,
             as: "div",
@@ -1550,7 +1550,7 @@ const Qn = ({
             shouldCloseOnDocumentClick: !0,
             shouldCloseOnEscape: !1,
             shouldReturnFocus: !1,
-            onDismiss: T,
+            onDismiss: S,
             children: /* @__PURE__ */ s(
               Q,
               {
@@ -1562,7 +1562,7 @@ const Qn = ({
                 insetInlineStart: "0",
                 insetInlineEnd: "0",
                 stacking: "above",
-                children: /* @__PURE__ */ I(
+                children: /* @__PURE__ */ v(
                   x,
                   {
                     direction: "column",
@@ -1590,7 +1590,7 @@ const Qn = ({
                           renderIcon: /* @__PURE__ */ s(ye, {}),
                           "data-testid": `note-card-${t}-confirm-delete`,
                           onClick: (u) => {
-                            u.stopPropagation(), l(t), S(!1);
+                            u.stopPropagation(), l(t), T(!1);
                           },
                           children: g.deleteNote
                         }
@@ -1610,7 +1610,7 @@ const Qn = ({
                             H.current = u;
                           },
                           onClick: (u) => {
-                            u.stopPropagation(), T();
+                            u.stopPropagation(), S();
                           },
                           children: g.cancel
                         }
@@ -1625,7 +1625,7 @@ const Qn = ({
       ]
     }
   );
-  return E && y ? y({ href: E, children: R, ariaLabel: D }) : R;
+  return E && p ? p({ href: E, children: R, ariaLabel: D }) : R;
 }, Yn = {
   display: "grid",
   gap: "1rem",
@@ -1645,74 +1645,74 @@ const Qn = ({
   onNoteDelete: a,
   onNoteSave: m,
   onNoteTypeChange: c,
-  onNotesEmptied: p,
+  onNotesEmptied: y,
   selectedNoteId: d,
   hasActiveFilter: h = !1,
   columnCount: b = 1,
-  highlightTheme: y,
+  highlightTheme: p,
   locale: E,
   courseNames: g,
   renderNoteLink: Y,
   noteHref: j
 }) => {
-  const { translations: N } = J(), C = B(null), P = B(null), $ = K(
-    (S) => {
-      const L = t.findIndex((F) => F.id === S);
-      let v = null;
-      t.length > 1 && (v = L > 0 ? t[L - 1].id : t[1].id), P.current = { targetId: v }, a == null || a(S);
+  const { translations: N } = J(), I = B(null), P = B(null), $ = K(
+    (T) => {
+      const L = t.findIndex((F) => F.id === T);
+      let C = null;
+      t.length > 1 && (C = L > 0 ? t[L - 1].id : t[1].id), P.current = { targetId: C }, a == null || a(T);
     },
     [t, a]
   );
   if (W(() => {
     var L;
-    const S = P.current;
-    if (S)
-      if (P.current = null, S.targetId === null)
-        p == null || p();
+    const T = P.current;
+    if (T)
+      if (P.current = null, T.targetId === null)
+        y == null || y();
       else {
-        const v = (L = C.current) == null ? void 0 : L.querySelector(
-          `[data-testid="note-card-${S.targetId}"]`
+        const C = (L = I.current) == null ? void 0 : L.querySelector(
+          `[data-testid="note-card-${T.targetId}"]`
         );
-        v == null || v.focus();
+        C == null || C.focus();
       }
-  }, [t, p]), e)
-    return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ s(Tt, { renderTitle: N.loadingNotes }) });
+  }, [t, y]), e)
+    return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ s(vt, { renderTitle: N.loadingNotes }) });
   if (n)
     return /* @__PURE__ */ s(Q, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ s(Ne, { level: "h4", children: N.failedToLoadNotes }) });
   if (t.length === 0)
     return /* @__PURE__ */ s(Q, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ s(Kn, { hasActiveFilter: h }) });
   const _ = typeof o == "number" && typeof r == "number" && r > 1 && i !== void 0;
-  return /* @__PURE__ */ I(qe, { children: [
+  return /* @__PURE__ */ v(qe, { children: [
     /* @__PURE__ */ s(
       "ul",
       {
-        ref: C,
+        ref: I,
         style: { ...Yn, gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))` },
         role: "list",
         "data-testid": "notes-grid",
-        children: t.map((S) => {
+        children: t.map((T) => {
           var L;
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
             Qn,
             {
-              noteId: S.id,
-              date: S.createdAt,
-              type: S.reaction[0] ?? O.IMPORTANT,
-              highlight: (L = S.highlightData) == null ? void 0 : L.selectedText,
-              note: S.userText,
-              isActive: d === S.id,
+              noteId: T.id,
+              date: T.createdAt,
+              type: T.reaction[0] ?? O.IMPORTANT,
+              highlight: (L = T.highlightData) == null ? void 0 : L.selectedText,
+              note: T.userText,
+              isActive: d === T.id,
               isPanelView: !!d,
-              onClick: l ? () => l(S.id) : void 0,
+              onClick: l ? () => l(T.id) : void 0,
               onDelete: a ? $ : void 0,
-              onSaveNote: m ? (v, F) => m(v, F) : void 0,
-              onTypeChange: c ? (v, F) => c(v, F) : void 0,
-              highlightTheme: y,
+              onSaveNote: m ? (C, F) => m(C, F) : void 0,
+              onTypeChange: c ? (C, F) => c(C, F) : void 0,
+              highlightTheme: p,
               locale: E,
-              courseName: g == null ? void 0 : g.get(S.courseId),
+              courseName: g == null ? void 0 : g.get(T.courseId),
               renderLink: Y,
-              href: j ? j(S.id, S) : void 0
+              href: j ? j(T.id, T) : void 0
             }
-          ) }, S.id);
+          ) }, T.id);
         })
       }
     ),
@@ -1740,11 +1740,11 @@ const Qn = ({
   onBack: a,
   editing: m = !1
 }) => {
-  const { translations: c } = J(), [p, d] = U(m), [h, b] = U(t || ""), [y, E] = U(!1);
-  return /* @__PURE__ */ I(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ s(Q, { as: "div", children: /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(xe, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(dt, {}),
-    /* @__PURE__ */ s(ut, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
-    p ? /* @__PURE__ */ I(x, { direction: "column", gap: "x-small", children: [
+  const { translations: c } = J(), [y, d] = U(m), [h, b] = U(t || ""), [p, E] = U(!1);
+  return /* @__PURE__ */ v(x, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    n != null ? /* @__PURE__ */ s(Q, { as: "div", children: /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(xe, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(ut, {}),
+    /* @__PURE__ */ s(ft, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
+    y ? /* @__PURE__ */ v(x, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ s(
         Ye,
         {
@@ -1754,7 +1754,7 @@ const Qn = ({
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ I(x, { gap: "xx-small", children: [
+      /* @__PURE__ */ v(x, { gap: "xx-small", children: [
         /* @__PURE__ */ s(x.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
           ne,
           {
@@ -1781,23 +1781,23 @@ const Qn = ({
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ I(x, { direction: "column", gap: "small", children: [
-      t && /* @__PURE__ */ I(Q, { as: "div", children: [
+    ] }) : /* @__PURE__ */ v(x, { direction: "column", gap: "small", children: [
+      t && /* @__PURE__ */ v(Q, { as: "div", children: [
         /* @__PURE__ */ s(Ne, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
         /* @__PURE__ */ s(te, { children: t })
       ] }),
-      /* @__PURE__ */ I(x, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ v(x, { justifyItems: "space-between", children: [
         /* @__PURE__ */ s(
           ne,
           {
             size: "small",
-            renderIcon: /* @__PURE__ */ s(bt, {}),
+            renderIcon: /* @__PURE__ */ s(Et, {}),
             "data-testid": "single-note-back",
             onClick: () => a == null ? void 0 : a(),
             children: c.back
           }
         ),
-        /* @__PURE__ */ I(x, { gap: "xx-small", children: [
+        /* @__PURE__ */ v(x, { gap: "xx-small", children: [
           i && /* @__PURE__ */ s(
             ue,
             {
@@ -1825,7 +1825,7 @@ const Qn = ({
           )
         ] })
       ] }),
-      y && i && /* @__PURE__ */ s(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ I(x, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      p && i && /* @__PURE__ */ s(Q, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ v(x, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ s(
           ne,
           {
@@ -1855,24 +1855,24 @@ const Qn = ({
   ] });
 };
 export {
-  To as ContentWithNoteWrapper,
+  So as ContentWithNoteWrapper,
   xe as Highlight,
-  dt as HighlightError,
+  ut as HighlightError,
   Qn as NoteCard,
-  ut as NoteChip,
+  ft as NoteChip,
   jn as NoteReactionMenu,
   Kn as NotebookEmptyState,
   Eo as NotebookProvider,
   Hn as NotebookTranslationsProvider,
-  So as NotebookTray,
+  To as NotebookTray,
   Co as NotesListView,
   O as REACTION_TYPE,
   xo as SingleNote,
   Pe as createTransparentColor,
   Vt as useCreateNote,
   Zt as useDeleteNote,
-  ot as useGetNotes,
-  at as useNotebook,
+  rt as useGetNotes,
+  ct as useNotebook,
   J as useNotebookTranslations,
   vo as useNotesData,
   Io as useReactionFilter,