@instructure/platform-notebook 1.5.0 → 1.5.1

package/dist/index.js

@@ -1,14 +1,14 @@
-import { jsx as i, jsxs as S, Fragment as rt } from "react/jsx-runtime";
-import { createContext as Ge, useMemo as de, useContext as ze, useReducer as We, useRef as X, useEffect as V, useState as U, useCallback as Y } from "react";
+import { jsx as i, jsxs as T, Fragment as rt } from "react/jsx-runtime";
+import { createContext as Ge, useMemo as de, useContext as ze, useReducer as We, useRef as K, useEffect as V, useState as j, useCallback as Y } from "react";
 import { createPortal as st } from "react-dom";
-import { z as d } from "zod";
+import { z as u } from "zod";
 import it from "diff-match-patch";
-import { useQueryClient as Ie, useMutation as xe, useQuery as at } from "@tanstack/react-query";
+import { useQueryClient as Ce, useMutation as xe, useQuery as at } from "@tanstack/react-query";
 import { CloseButton as lt, Button as ee, IconButton as le } from "@instructure/ui-buttons";
 import { Flex as v } from "@instructure/ui-flex";
 import { Heading as pe } from "@instructure/ui-heading";
 import { Tray as ct } from "@instructure/ui-tray";
-import { View as W } from "@instructure/ui-view";
+import { View as z } from "@instructure/ui-view";
 import { IconQuestionLine as ke, IconPinLine as we, IconWarningLine as dt, IconNoteLine as ut, IconEditLine as Se, IconTrashLine as he, IconArrowStartLine as ft } from "@instructure/ui-icons";
 import { Menu as ie } from "@instructure/ui-menu";
 import { TruncateText as Te } from "@instructure/ui-truncate-text";
@@ -19,88 +19,88 @@ import { TextArea as qe } from "@instructure/ui-text-area";
 import { Pill as Me } from "@instructure/ui-pill";
 import { Pagination as gt } from "@instructure/ui-pagination";
 import { Spinner as ht } from "@instructure/ui-spinner";
-const pt = d.object({
-  startContainer: d.string(),
-  endContainer: d.string(),
-  startOffset: d.number(),
-  endOffset: d.number()
-}), Nt = d.object({
-  start: d.number(),
-  end: d.number()
-}), Oe = d.object({
-  selectedText: d.string(),
-  hasNoHighlightAnymore: d.boolean().optional(),
+const pt = u.object({
+  startContainer: u.string(),
+  endContainer: u.string(),
+  startOffset: u.number(),
+  endOffset: u.number()
+}), Nt = u.object({
+  start: u.number(),
+  end: u.number()
+}), Oe = u.object({
+  selectedText: u.string(),
+  hasNoHighlightAnymore: u.boolean().optional(),
   textPosition: Nt.nullable(),
   range: pt.nullable(),
-  pageLastModifiedAt: d.string()
+  pageLastModifiedAt: u.string()
 });
-var k = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(k || {});
-const Re = d.enum([
+var x = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(x || {});
+const Re = u.enum([
   "Important",
   "Confusing"
   /* CONFUSING */
-]), yt = d.object({
-  totalCount: d.number().nullish(),
-  totalNrOfPages: d.number().nullish()
-}), Ne = d.object({
-  id: d.string(),
-  rootAccountUuid: d.string(),
-  userId: d.string(),
-  courseId: d.string(),
-  objectId: d.string(),
-  objectType: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Re),
+]), yt = u.object({
+  totalCount: u.number().nullish(),
+  totalNrOfPages: u.number().nullish()
+}), Ne = u.object({
+  id: u.string(),
+  rootAccountUuid: u.string(),
+  userId: u.string(),
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Re),
   highlightData: Oe,
-  createdAt: d.string(),
-  updatedAt: d.string()
-}), bt = d.object({
-  cursor: d.string(),
+  createdAt: u.string(),
+  updatedAt: u.string()
+}), bt = u.object({
+  cursor: u.string(),
   node: Ne
 });
-d.object({
-  notes: d.object({
-    edges: d.array(bt),
-    nodes: d.array(Ne),
+u.object({
+  notes: u.object({
+    edges: u.array(bt),
+    nodes: u.array(Ne),
     pageInfo: yt
   })
 });
-const Et = d.object({
-  type: d.string(),
-  id: d.string()
-}), St = d.object({
-  courseId: d.string().optional(),
+const Et = u.object({
+  type: u.string(),
+  id: u.string()
+}), St = u.object({
+  courseId: u.string().optional(),
   learningObject: Et.optional(),
-  reactions: d.array(d.string()).optional()
+  reactions: u.array(u.string()).optional()
 }).optional();
-d.object({
-  courseId: d.string().optional(),
+u.object({
+  courseId: u.string().optional(),
   filter: St,
-  offset: d.number().optional(),
-  pageSize: d.number().optional()
+  offset: u.number().optional(),
+  pageSize: u.number().optional()
 });
-d.object({
-  courseId: d.string(),
-  objectId: d.string(),
-  objectType: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Re),
+u.object({
+  courseId: u.string(),
+  objectId: u.string(),
+  objectType: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Re),
   highlightData: Oe
 });
-d.object({
+u.object({
   createNote: Ne
 });
-d.object({
-  id: d.string(),
-  userText: d.string().optional(),
-  reaction: d.array(Re),
+u.object({
+  id: u.string(),
+  userText: u.string().optional(),
+  reaction: u.array(Re),
   highlightData: Oe
 });
-d.object({
+u.object({
   updateNote: Ne
 });
-d.object({
-  deleteNote: d.string()
+u.object({
+  deleteNote: u.string()
 });
 var Ke = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ke || {});
 class te {
@@ -121,17 +121,17 @@ class te {
     return o.setStart(e.node, e.offset), o.setEnd(n.node, n.offset), o;
   }
   static fromRange(e) {
-    const n = z.fromPoint(e.startContainer, e.startOffset), o = z.fromPoint(e.endContainer, e.endOffset);
+    const n = G.fromPoint(e.startContainer, e.startOffset), o = G.fromPoint(e.endContainer, e.endOffset);
     return !n || !o ? null : new te(n, o);
   }
   static fromOffsets(e, n, o) {
-    return new te(new z(e, n), new z(e, o));
+    return new te(new G(e, n), new G(e, o));
   }
   relativeTo(e) {
     return new te(this.start.relativeTo(e), this.end.relativeTo(e));
   }
 }
-class z {
+class G {
   constructor(e, n) {
     n < 0 && console.error("Offset is invalid"), this.element = e, this.offset = n;
   }
@@ -153,9 +153,9 @@ class z {
   static fromCharOffset(e, n) {
     switch (e.nodeType) {
       case Node.TEXT_NODE:
-        return z.fromPoint(e, n);
+        return G.fromPoint(e, n);
       case Node.ELEMENT_NODE:
-        return new z(e, n);
+        return new G(e, n);
       default:
         return console.error("Node is not an element or text node"), null;
     }
@@ -167,8 +167,8 @@ class z {
           return console.error("Text node offset is out of range"), null;
         if (!e.parentElement)
           return console.error("Text node has no parent"), null;
-        const o = He(e) + n;
-        return new z(e.parentElement, o);
+        const o = $e(e) + n;
+        return new G(e.parentElement, o);
       }
       case Node.ELEMENT_NODE: {
         if (n < 0 || n > e.childNodes.length)
@@ -176,7 +176,7 @@ class z {
         let o = 0;
         for (let r = 0; r < n; r++)
           o += Xe(e.childNodes[r]);
-        return new z(e, o);
+        return new G(e, o);
       }
       default:
         return console.error("Point is not in an element or text node"), null;
@@ -187,8 +187,8 @@ class z {
       throw new Error("Parent is not an ancestor of current element");
     let n = this.element, o = this.offset;
     for (; n !== e; )
-      o += He(n), n.parentElement && (n = n.parentElement);
-    return new z(n, o);
+      o += $e(n), n.parentElement && (n = n.parentElement);
+    return new G(n, o);
   }
 }
 const Tt = (t) => {
@@ -201,7 +201,7 @@ function vt(t) {
     n.nodeName === t.nodeName && (e += 1), n = n.previousSibling;
   return e;
 }
-const Ct = (t) => {
+const It = (t) => {
   const e = Tt(t), n = vt(t);
   return `${e}[${n}]`;
 }, Be = (t, e) => {
@@ -211,10 +211,10 @@ const Ct = (t) => {
       console.error("Node is not a descendant of root");
       return;
     }
-    n = `${Ct(o)}/${n}`, o = o.parentNode;
+    n = `${It(o)}/${n}`, o = o.parentNode;
   }
   return n = `/${n}`, n = n.replace(/\/$/, ""), n;
-}, It = (t, e, n) => {
+}, Ct = (t, e, n) => {
   const o = e.toUpperCase();
   let r = -1;
   for (let s = 0; s < t.children.length; s++) {
@@ -234,18 +234,18 @@ const Ct = (t) => {
     const m = s.indexOf("[");
     if (m !== -1) {
       a = s.slice(0, m);
-      const h = s.slice(m + 1, s.indexOf("]"));
-      if (l = Number.parseInt(h, 10) - 1, l < 0)
+      const g = s.slice(m + 1, s.indexOf("]"));
+      if (l = Number.parseInt(g, 10) - 1, l < 0)
         return null;
     } else
       a = s, l = 0;
-    const c = It(r, a, l);
-    if (!c)
+    const d = Ct(r, a, l);
+    if (!d)
       return null;
-    r = c;
+    r = d;
   }
   return r;
-}, $e = (t, e = document.body) => {
+}, He = (t, e = document.body) => {
   try {
     return xt(t, e);
   } catch {
@@ -262,13 +262,13 @@ class oe {
   static fromSelector(e, n) {
     if (!(n != null && n.startContainer) || !(n != null && n.endContainer))
       return console.error("No start or end container in selector"), null;
-    const o = $e(n.startContainer, e);
+    const o = He(n.startContainer, e);
     if (!o)
       return console.error("Failed to resolve startContainer XPath"), null;
-    const r = $e(n.endContainer, e);
+    const r = He(n.endContainer, e);
     if (!r)
       return console.error("Failed to resolve endContainer XPath"), null;
-    const s = z.fromCharOffset(o, n.startOffset), a = z.fromCharOffset(r, n.endOffset);
+    const s = G.fromCharOffset(o, n.startOffset), a = G.fromCharOffset(r, n.endOffset);
     if (!s || !a)
       return null;
     const l = new te(s, a).toRange();
@@ -319,7 +319,7 @@ const Xe = (t) => {
     default:
       return 0;
   }
-}, He = (t) => {
+}, $e = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
     n += Xe(e), e = e.previousSibling;
@@ -347,17 +347,17 @@ const Xe = (t) => {
     return null;
   if (e.length > 32) {
     const a = e.slice(0, 32), l = e.slice(-32), m = o - n;
-    let c = r.match_main(s, a, n);
-    const h = r.match_main(s, l, o), g = h + l.length;
-    if (c === -1 || h === -1)
+    let d = r.match_main(s, a, n);
+    const g = r.match_main(s, l, o), c = g + l.length;
+    if (d === -1 || g === -1)
       return null;
-    const f = g - c, N = Math.abs(f - m);
-    if ((c > g || N > 5) && (r.Match_Distance = e.length + 100, c = r.match_main(s, a, g), c !== -1 && c < g))
-      return kt(t, c, g, m);
-    if (c < g && N <= 5)
+    const E = c - d, h = Math.abs(E - m);
+    if ((d > c || h > 5) && (r.Match_Distance = e.length + 100, d = r.match_main(s, a, c), d !== -1 && d < c))
+      return kt(t, d, c, m);
+    if (d < c && h <= 5)
       return ne.fromSelector(t, {
-        start: c,
-        end: g
+        start: d,
+        end: c
       });
   } else {
     const a = r.match_main(s, e, n);
@@ -382,14 +382,14 @@ const Xe = (t) => {
   for (const s of e) {
     const a = Ot(s, t);
     if (a) {
-      const l = a.toRange(), m = l && oe.fromRange(t, l), c = (l == null ? void 0 : l.toString().trim()) || s.highlightData.selectedText;
+      const l = a.toRange(), m = l && oe.fromRange(t, l), d = (l == null ? void 0 : l.toString().trim()) || s.highlightData.selectedText;
       o.push({
         id: s.id,
         reaction: s.reaction,
         userText: s.userText,
         highlightData: {
           ...s.highlightData,
-          selectedText: c,
+          selectedText: d,
           hasNoHighlightAnymore: !1,
           range: (m == null ? void 0 : m.toSelector()) ?? null,
           textPosition: a.toSelector(),
@@ -413,7 +413,7 @@ const Xe = (t) => {
   var a;
   if (!e) return;
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
-  r && ((a = oe.fromSelector(e, r)) == null ? void 0 : a.toRange()) && Ht({ id: o });
+  r && ((a = oe.fromSelector(e, r)) == null ? void 0 : a.toRange()) && Ut({ id: o });
 }, At = (t) => {
   const n = document.querySelector(
     `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
@@ -422,48 +422,48 @@ const Xe = (t) => {
     const o = n.getBoundingClientRect();
     o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-}, fe = 90, me = 172, Dt = (t) => {
+}, fe = 90, me = 172, Lt = (t) => {
   const e = t.getClientRects();
   if (!e.length)
     return null;
-  const n = e[0], o = e[e.length - 1], r = 4, s = 16, a = window.innerWidth || document.documentElement.clientWidth, l = window.innerHeight || document.documentElement.clientHeight, m = (p) => {
-    const y = p + me;
-    return p >= s && y <= a - s;
-  }, c = (p) => {
-    const y = p + fe;
-    return p >= s && y <= l - s;
+  const n = e[0], o = e[e.length - 1], r = 4, s = 16, a = window.innerWidth || document.documentElement.clientWidth, l = window.innerHeight || document.documentElement.clientHeight, m = (b) => {
+    const N = b + me;
+    return b >= s && N <= a - s;
+  }, d = (b) => {
+    const N = b + fe;
+    return b >= s && N <= l - s;
   };
-  let h;
-  const g = n.right - me;
-  if (m(g))
-    h = g;
+  let g;
+  const c = n.right - me;
+  if (m(c))
+    g = c;
   else {
-    const p = n.left;
-    if (m(p))
-      h = p;
+    const b = n.left;
+    if (m(b))
+      g = b;
     else {
-      const b = (n.left + n.right) / 2 - me / 2;
-      m(b) ? h = b : g < s ? h = s : h = a - me - s;
+      const p = (n.left + n.right) / 2 - me / 2;
+      m(p) ? g = p : c < s ? g = s : g = a - me - s;
     }
   }
-  let f;
-  const N = o.bottom + r;
-  if (c(N))
-    f = N;
+  let E;
+  const h = o.bottom + r;
+  if (d(h))
+    E = h;
   else {
-    const p = n.top - fe - r;
-    c(p) ? f = p : N + fe > l - s ? f = l - fe - s : f = s;
+    const b = n.top - fe - r;
+    d(b) ? E = b : h + fe > l - s ? E = l - fe - s : E = s;
   }
-  return { top: f, left: h };
-}, Pt = (t, e) => {
+  return { top: E, left: g };
+}, Dt = (t, e) => {
   for (const n of e)
     if (t.start < n.end && t.end > n.start)
       return !0;
   return !1;
-}, Ae = (t) => `highlight-wrapper-${t}`, ye = (t) => `${Ae(t)}-start`, Ye = (t) => `${Ae(t)}-end`, ce = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Lt = "2px", _t = "3px", De = (t, e) => {
+}, Ae = (t) => `highlight-wrapper-${t}`, ye = (t) => `${Ae(t)}-start`, Ye = (t) => `${Ae(t)}-end`, ce = (t) => `[data-highlight-id="${CSS.escape(t)}"]`, Pt = "2px", _t = "3px", Ft = "Notebook note", Le = (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})`;
-}, Ft = (t, e) => {
+}, Mt = (t, e) => {
   var n;
   try {
     const o = ((n = e.nodeValue) == null ? void 0 : n.length) ?? e.childNodes.length;
@@ -471,7 +471,7 @@ const Xe = (t) => {
   } catch {
     return !1;
   }
-}, Mt = (t) => {
+}, Bt = (t) => {
   var s;
   if (t.collapsed)
     return [];
@@ -481,7 +481,7 @@ const Xe = (t) => {
   const n = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
   let r = (o == null ? void 0 : o.nextNode()) || null;
   for (; r; ) {
-    if (!Ft(t, r)) {
+    if (!Mt(t, r)) {
       r = (o == null ? void 0 : o.nextNode()) || null;
       continue;
     }
@@ -493,71 +493,71 @@ const Xe = (t) => {
     a === t.endContainer && t.endOffset < a.data.length && a.splitText(t.endOffset), n.push(a), r = (o == null ? void 0 : o.nextNode()) || null;
   }
   return n;
-}, Bt = (t, e, n) => {
+}, Ht = (t, e, n) => {
   if (t.collapsed) return;
   const o = e.id ?? "", r = Ae(o);
   if (document.getElementById(ye(o))) {
     $t(e, n);
     return;
   }
-  const a = e.type === k.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, l = e.id === e.selectedNoteId, m = l ? a : De(a, 0.5), c = e.type === k.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, h = e.type === k.IMPORTANT ? "solid" : "dashed", g = t.toString(), f = document.createElement("span");
-  f.id = `${r}-start`, f.className = "highlight-marker-start", f.dataset.highlightId = o || "";
-  const N = e.labelPrefix ? `${e.labelPrefix}: ${g}` : g;
-  f.setAttribute("role", "button"), f.setAttribute("tabindex", "0"), f.setAttribute("aria-label", N), f.setAttribute("aria-haspopup", "dialog"), f.setAttribute("aria-expanded", String(l && !!e.isTrayOpen)), e.popupId && f.setAttribute("aria-controls", e.popupId), f.style.position = "relative", f.style.fontSize = "0", f.style.lineHeight = "0", f.style.width = "0", f.style.height = "0", f.style.margin = "0", f.style.padding = "0", f.style.border = "0", f.style.outline = "none";
-  const p = document.createElement("span");
-  p.id = Ye(o), p.className = "highlight-marker-end", p.dataset.highlightId = o || "";
-  const y = t.cloneRange();
-  y.collapse(!1), y.insertNode(p);
+  const a = e.type === x.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, l = e.id === e.selectedNoteId, m = l ? a : Le(a, 0.5), d = e.type === x.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, g = e.type === x.IMPORTANT ? "solid" : "dashed", c = document.createElement("span");
+  c.id = `${r}-start`, c.className = "highlight-marker-start", c.dataset.highlightId = o || "";
+  const E = e.labelPrefix ?? Ft;
+  c.setAttribute("role", "button"), c.setAttribute("tabindex", "0"), c.setAttribute("aria-label", E), c.setAttribute("aria-haspopup", "dialog"), c.setAttribute("aria-expanded", String(l && !!e.isTrayOpen)), e.popupId && c.setAttribute("aria-controls", e.popupId), c.style.position = "relative", c.style.fontSize = "0", c.style.lineHeight = "0", c.style.width = "0", c.style.height = "0", c.style.margin = "0", c.style.padding = "0", c.style.border = "0", c.style.outline = "none";
+  const h = document.createElement("span");
+  h.id = Ye(o), h.className = "highlight-marker-end", h.dataset.highlightId = o || "";
   const b = t.cloneRange();
-  b.collapse(!0), b.insertNode(f);
-  const P = document.createRange();
-  P.setStartAfter(f), P.setEndBefore(p);
-  const R = Mt(P).filter((E) => E.textContent && E.textContent.length > 0);
-  R.forEach((E, T) => {
-    var q;
-    const C = E.parentElement;
-    if ((C == null ? void 0 : C.dataset.highlightId) === o) return;
-    const L = T === 0, w = T === R.length - 1, H = R.length === 1;
-    let j;
-    H ? j = "single" : L ? j = "first" : w ? j = "last" : j = "middle";
-    const x = document.createElement("span");
-    x.className = "highlight-content", x.dataset.highlightId = o || "", x.dataset.position = j, x.style.backgroundColor = m, x.style.textDecorationLine = "underline", x.style.textDecorationColor = c, x.style.textDecorationStyle = h, x.style.textDecorationThickness = n.borderWidthSmall, x.style.textUnderlineOffset = n.underlineOffset, x.style.cursor = "pointer", x.addEventListener("click", (G) => {
-      var _;
-      G.target.tagName !== "A" && ((_ = e.onClick) == null || _.call(e));
-    }), (q = E.parentNode) == null || q.insertBefore(x, E), x.appendChild(E);
-  }), f.addEventListener("click", (E) => {
-    var T;
-    E.target.tagName !== "A" && ((T = e.onClick) == null || T.call(e));
-  }), f.addEventListener("keydown", (E) => {
-    var T;
-    if (E.key === "Enter" || E.key === " ")
-      E.preventDefault(), (T = e.onClick) == null || T.call(e);
-    else if (E.key === "Tab" && !E.shiftKey) {
-      const C = document.querySelectorAll(ce(o));
-      for (const L of C) {
-        const w = L.querySelector("a");
-        if (w) {
-          E.preventDefault(), w.focus();
+  b.collapse(!1), b.insertNode(h);
+  const N = t.cloneRange();
+  N.collapse(!0), N.insertNode(c);
+  const p = document.createRange();
+  p.setStartAfter(c), p.setEndBefore(h);
+  const O = Bt(p).filter((y) => y.textContent && y.textContent.length > 0);
+  O.forEach((y, S) => {
+    var W;
+    const R = y.parentElement;
+    if ((R == null ? void 0 : R.dataset.highlightId) === o) return;
+    const I = S === 0, D = S === O.length - 1, P = O.length === 1;
+    let _;
+    P ? _ = "single" : I ? _ = "first" : D ? _ = "last" : _ = "middle";
+    const k = document.createElement("span");
+    k.className = "highlight-content", k.dataset.highlightId = o || "", k.dataset.position = _, k.style.backgroundColor = m, k.style.textDecorationLine = "underline", k.style.textDecorationColor = d, k.style.textDecorationStyle = g, k.style.textDecorationThickness = n.borderWidthSmall, k.style.textUnderlineOffset = n.underlineOffset, k.style.cursor = "pointer", k.addEventListener("click", (X) => {
+      var $;
+      X.target.tagName !== "A" && (($ = e.onClick) == null || $.call(e));
+    }), (W = y.parentNode) == null || W.insertBefore(k, y), k.appendChild(y);
+  }), c.addEventListener("click", (y) => {
+    var S;
+    y.target.tagName !== "A" && ((S = e.onClick) == null || S.call(e));
+  }), c.addEventListener("keydown", (y) => {
+    var S;
+    if (y.key === "Enter" || y.key === " ")
+      y.preventDefault(), (S = e.onClick) == null || S.call(e);
+    else if (y.key === "Tab" && !y.shiftKey) {
+      const R = document.querySelectorAll(ce(o));
+      for (const I of R) {
+        const D = I.querySelector("a");
+        if (D) {
+          y.preventDefault(), D.focus();
           break;
         }
       }
     }
-  }), f.addEventListener("focus", () => {
+  }), c.addEventListener("focus", () => {
     document.querySelectorAll(
       `.highlight-content${ce(o)}`
-    ).forEach((T) => {
-      T.style.boxShadow = `0 0 0 ${Lt} ${n.colors.focusOutline}`, T.style.borderRadius = _t;
+    ).forEach((S) => {
+      S.style.boxShadow = `0 0 0 ${Pt} ${n.colors.focusOutline}`, S.style.borderRadius = _t;
     });
-  }), f.addEventListener("blur", () => {
+  }), c.addEventListener("blur", () => {
     document.querySelectorAll(
       `.highlight-content${ce(o)}`
-    ).forEach((T) => {
-      T.style.boxShadow = "", T.style.borderRadius = "";
+    ).forEach((S) => {
+      S.style.boxShadow = "", S.style.borderRadius = "";
     });
   });
 };
 function $t(t, e) {
-  const n = t.type === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : De(n, 0.5);
+  const n = t.type === x.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Le(n, 0.5);
   document.querySelectorAll(
     ce(t.id ?? "")
   ).forEach((l) => {
@@ -568,7 +568,7 @@ function $t(t, e) {
   );
   a && a.setAttribute("aria-expanded", String(o && !!t.isTrayOpen));
 }
-const Ht = (t) => {
+const Ut = (t) => {
   const e = t.id ?? "", n = document.getElementById(ye(e)), o = document.getElementById(Ye(e));
   document.querySelectorAll(
     ce(e)
@@ -582,8 +582,8 @@ const Ht = (t) => {
   all: ["notebook"],
   notes: (t) => ["notebook", "notes", t]
 };
-function Ut(t) {
-  const e = Ie();
+function jt(t) {
+  const e = Ce();
   return xe({
     mutationFn: (n) => t.createNote(n),
     onSuccess: () => {
@@ -591,8 +591,8 @@ function Ut(t) {
     }
   });
 }
-function jt(t) {
-  const e = Ie();
+function Gt(t) {
+  const e = Ce();
   return xe({
     mutationFn: (n) => t.deleteNote(n),
     onSuccess: () => {
@@ -611,8 +611,8 @@ function ve({
     enabled: e
   });
 }
-function Gt(t) {
-  const e = Ie();
+function zt(t) {
+  const e = Ce();
   return xe({
     mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
     onMutate: async ({ id: n, input: o }) => {
@@ -623,7 +623,7 @@ function Gt(t) {
         m && (a.set(l.queryKey, m), e.setQueryData(l.queryKey, {
           ...m,
           notes: m.notes.map(
-            (c) => c.id === n ? { ...c, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : c
+            (d) => d.id === n ? { ...d, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : d
           )
         }));
       }
@@ -639,57 +639,57 @@ function Gt(t) {
     }
   });
 }
-const zt = "Notebook", Wt = "Notes", qt = "Important", Kt = "Unclear", Xt = "Back", Qt = "Edit note", Yt = "Save", Vt = "Cancel", Zt = "Delete note", Jt = "note", en = "Add note (optional)", tn = "Remove from Notebook", nn = "Add a note (optional)", on = "Mark important", rn = "Mark unclear", sn = "Saved to Notebook.", an = "Note updated", ln = "Note deleted", cn = "Error saving to Notebook.", dn = "Error updating note", un = "Note deletion failed", fn = "Loading notes", mn = "Failed to load notes", gn = "Start capturing your notes", hn = "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.", pn = "Nothing here yet", Nn = "Adjust your filters or create a new note to get started.", yn = "You have no notes for the selected filter", bn = "Filter", En = "Previous page", Sn = "Next page", Tn = "All courses", vn = "All notes", Cn = "Close Notebook panel", In = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", xn = "The content you highlighted is no longer available.", kn = "Notebook note", Pe = {
-  notebook: zt,
-  notes: Wt,
-  important: qt,
-  unclear: Kt,
-  back: Xt,
-  editNote: Qt,
-  save: Yt,
-  cancel: Vt,
-  deleteNote: Zt,
-  note: Jt,
-  addNotePrompt: en,
-  removeFromNotebook: tn,
-  addNoteOptional: nn,
-  markImportant: on,
-  markUnclear: rn,
-  savedToNotebook: sn,
-  noteUpdated: an,
-  noteDeleted: ln,
-  errorSavingNote: cn,
-  errorUpdatingNote: dn,
-  noteDeletionFailed: un,
-  loadingNotes: fn,
-  failedToLoadNotes: mn,
-  emptyStateHeading: gn,
-  emptyStateDescription: hn,
-  nothingHereYet: pn,
-  adjustFiltersOrCreate: Nn,
-  noNotesForFilter: yn,
-  filter: bn,
-  previousPage: En,
-  nextPage: Sn,
-  allCourses: Tn,
-  allNotes: vn,
+const Wt = "Notebook", qt = "Notes", Kt = "Important", Xt = "Unclear", Qt = "Back", Yt = "Edit note", Vt = "Save", Zt = "Cancel", Jt = "Delete note", en = "note", tn = "Add note (optional)", nn = "Remove from Notebook", on = "Add a note (optional)", rn = "Mark important", sn = "Mark unclear", an = "Saved to Notebook.", ln = "Note updated", cn = "Note deleted", dn = "Error saving to Notebook.", un = "Error updating note", fn = "Note deletion failed", mn = "Loading notes", gn = "Failed to load notes", hn = "Start capturing your notes", pn = "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.", Nn = "Nothing here yet", yn = "Adjust your filters or create a new note to get started.", bn = "You have no notes for the selected filter", En = "Filter", Sn = "Previous page", Tn = "Next page", vn = "All courses", In = "All notes", Cn = "Close Notebook panel", xn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", kn = "The content you highlighted is no longer available.", wn = "Notebook note", De = {
+  notebook: Wt,
+  notes: qt,
+  important: Kt,
+  unclear: Xt,
+  back: Qt,
+  editNote: Yt,
+  save: Vt,
+  cancel: Zt,
+  deleteNote: Jt,
+  note: en,
+  addNotePrompt: tn,
+  removeFromNotebook: nn,
+  addNoteOptional: on,
+  markImportant: rn,
+  markUnclear: sn,
+  savedToNotebook: an,
+  noteUpdated: ln,
+  noteDeleted: cn,
+  errorSavingNote: dn,
+  errorUpdatingNote: un,
+  noteDeletionFailed: fn,
+  loadingNotes: mn,
+  failedToLoadNotes: gn,
+  emptyStateHeading: hn,
+  emptyStateDescription: pn,
+  nothingHereYet: Nn,
+  adjustFiltersOrCreate: yn,
+  noNotesForFilter: bn,
+  filter: En,
+  previousPage: Sn,
+  nextPage: Tn,
+  allCourses: vn,
+  allNotes: In,
   closeNotebookPanel: Cn,
-  featureDescription: In,
-  highlightUnavailable: xn,
-  notebookNote: kn
+  featureDescription: xn,
+  highlightUnavailable: kn,
+  notebookNote: wn
 }, Ve = Ge(null);
 function Ze(t, e) {
-  const n = Pe[t] ?? t;
+  const n = De[t] ?? t;
   return e ? n.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : n;
 }
-function wn({
+function On({
   translations: t,
   translate: e,
   children: n
 }) {
   const o = de(
     () => ({
-      translations: { ...Pe, ...t },
+      translations: { ...De, ...t },
       translate: e ?? Ze
     }),
     [t, e]
@@ -698,14 +698,14 @@ function wn({
 }
 function Z() {
   const t = ze(Ve);
-  return t || { translations: Pe, translate: Ze };
+  return t || { translations: De, translate: Ze };
 }
-const On = (t) => ({
+const Rn = (t) => ({
   selectedNoteId: t ?? null,
   isNoteEditing: !1,
   isTrayOpen: t != null
 });
-function Rn(t, e) {
+function An(t, e) {
   switch (e.type) {
     case "SELECT_NOTE":
       return {
@@ -726,7 +726,7 @@ function Rn(t, e) {
   }
 }
 const Je = Ge(null);
-function co({
+function uo({
   api: t,
   currentUserId: e,
   objectId: n,
@@ -736,11 +736,11 @@ function co({
   onAnalyticsEvent: a,
   onOpen: l,
   initialNoteId: m,
-  translations: c,
-  translate: h,
-  children: g
+  translations: d,
+  translate: g,
+  children: c
 }) {
-  const [f, N] = We(Rn, On(m)), p = X(m != null), y = de(
+  const [E, h] = We(An, Rn(m)), b = K(m != null), N = de(
     () => ({
       api: t,
       currentUserId: e,
@@ -749,15 +749,15 @@ function co({
       courseId: r,
       pageLastModifiedAt: s,
       onAnalyticsEvent: a,
-      ...f,
-      selectNote: (b, P = !1) => N({ type: "SELECT_NOTE", payload: { id: b, isEditing: P } }),
-      clearSelectedNote: () => N({ type: "CLEAR_SELECTED_NOTE" }),
-      setEditing: (b) => N({ type: "SET_EDITING", payload: b }),
+      ...E,
+      selectNote: (p, B = !1) => h({ type: "SELECT_NOTE", payload: { id: p, isEditing: B } }),
+      clearSelectedNote: () => h({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (p) => h({ type: "SET_EDITING", payload: p }),
       openTray: () => {
-        p.current || (p.current = !0, l == null || l()), N({ type: "OPEN_TRAY" });
+        b.current || (b.current = !0, l == null || l()), h({ type: "OPEN_TRAY" });
       },
       closeTray: () => {
-        p.current = !1, N({ type: "CLOSE_TRAY" });
+        b.current = !1, h({ type: "CLOSE_TRAY" });
       }
     }),
     [
@@ -769,10 +769,10 @@ function co({
       s,
       a,
       l,
-      f
+      E
     ]
   );
-  return /* @__PURE__ */ i(Je.Provider, { value: y, children: /* @__PURE__ */ i(wn, { translations: c, translate: h, children: g }) });
+  return /* @__PURE__ */ i(Je.Provider, { value: N, children: /* @__PURE__ */ i(On, { translations: d, translate: g, children: c }) });
 }
 function et() {
   const t = ze(Je);
@@ -780,7 +780,7 @@ function et() {
     throw new Error("useNotebook must be used within a NotebookProvider");
   return t;
 }
-const tt = "notebook-tray-content", uo = ({ children: t }) => {
+const tt = "notebook-tray-content", fo = ({ children: t }) => {
   const { isTrayOpen: e, closeTray: n } = et(), { translations: o } = Z();
   return /* @__PURE__ */ i(
     ct,
@@ -790,8 +790,8 @@ const tt = "notebook-tray-content", uo = ({ children: t }) => {
       onDismiss: n,
       placement: "end",
       size: "regular",
-      children: /* @__PURE__ */ S(v, { direction: "column", height: "100vh", id: tt, children: [
-        /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(W, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(v, { justifyItems: "space-between", alignItems: "center", children: [
+      children: /* @__PURE__ */ T(v, { direction: "column", height: "100vh", id: tt, children: [
+        /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(z, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ T(v, { justifyItems: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ i(pe, { level: "h3", children: o.notebook }),
           /* @__PURE__ */ i(
             lt,
@@ -807,12 +807,12 @@ const tt = "notebook-tray-content", uo = ({ children: t }) => {
       ] })
     }
   );
-}, An = ({ currentType: t, onSelectReaction: e }) => {
-  const { translations: n } = Z(), o = X(null), r = X(null);
+}, Ln = ({ currentType: t, onSelectReaction: e }) => {
+  const { translations: n } = Z(), o = K(null), r = K(null);
   return V(() => {
-    t === k.CONFUSING && o.current ? o.current.focus() : t === k.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
+    t === x.CONFUSING && o.current ? o.current.focus() : t === x.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
   }, [t]), /* @__PURE__ */ i(
-    W,
+    z,
     {
       as: "div",
       background: "primary",
@@ -820,23 +820,23 @@ const tt = "notebook-tray-content", uo = ({ children: t }) => {
       borderColor: "secondary",
       borderRadius: "medium",
       shadow: "resting",
-      children: /* @__PURE__ */ S(ie, { children: [
-        /* @__PURE__ */ S(
+      children: /* @__PURE__ */ T(ie, { children: [
+        /* @__PURE__ */ T(
           ie.Item,
           {
             ref: o,
-            onClick: () => e(k.CONFUSING),
+            onClick: () => e(x.CONFUSING),
             children: [
               /* @__PURE__ */ i(ke, { size: "x-small" }),
               ` ${n.markUnclear}`
             ]
           }
         ),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ T(
           ie.Item,
           {
             ref: r,
-            onClick: () => e(k.IMPORTANT),
+            onClick: () => e(x.IMPORTANT),
             children: [
               /* @__PURE__ */ i(we, { size: "x-small" }),
               ` ${n.markImportant}`
@@ -847,7 +847,7 @@ const tt = "notebook-tray-content", uo = ({ children: t }) => {
     }
   );
 }, be = "notebook-inline-reaction-menu";
-function fo({
+function mo({
   containerRef: t,
   highlightTheme: e,
   debounceTime: n = 500,
@@ -859,161 +859,161 @@ function fo({
     api: a,
     objectId: l,
     objectType: m,
-    courseId: c,
-    pageLastModifiedAt: h,
-    selectedNoteId: g,
-    isTrayOpen: f,
-    selectNote: N,
-    openTray: p
-  } = et(), { translations: y } = Z(), { data: b } = ve({
+    courseId: d,
+    pageLastModifiedAt: g,
+    selectedNoteId: c,
+    isTrayOpen: E,
+    selectNote: h,
+    openTray: b
+  } = et(), { translations: N } = Z(), { data: p } = ve({
     api: a,
     filter: {
       learningObject: { type: m, id: l }
     },
-    courseId: c,
+    courseId: d,
     pageSize: 100
-  }), { mutate: P } = Ut(a), { mutateAsync: M } = Gt(a), { mutate: R } = jt(a), E = X([]), [T, C] = U([]), [L, w] = U(null), [H, j] = U(""), [x, q] = U(null), [G, _] = U(!1);
+  }), { mutate: B } = jt(a), { mutateAsync: O } = zt(a), { mutate: y } = Gt(a), S = K([]), [R, I] = j([]), [D, P] = j(null), [_, k] = j(""), [W, X] = j(null), [$, U] = j(!1);
   V(() => {
     const A = t.current;
     if (!A) return;
-    const u = A.closest(".user_content") ?? A;
-    if (u.classList.contains("enhanced")) {
-      _(!0);
+    const f = A.closest(".user_content") ?? A;
+    if (f.classList.contains("enhanced")) {
+      U(!0);
       return;
     }
-    const O = new MutationObserver((F) => {
-      for (const $ of F)
-        if ($.type === "attributes" && $.attributeName === "class" && $.target.classList.contains("enhanced")) {
-          _(!0), O.disconnect();
+    const w = new MutationObserver((F) => {
+      for (const H of F)
+        if (H.type === "attributes" && H.attributeName === "class" && H.target.classList.contains("enhanced")) {
+          U(!0), w.disconnect();
           return;
         }
     });
-    return O.observe(u, { attributes: !0, attributeFilter: ["class"] }), () => O.disconnect();
+    return w.observe(f, { attributes: !0, attributeFilter: ["class"] }), () => w.disconnect();
   }, [t]);
-  const K = Y(() => {
-    q(null), w(null), j("");
+  const q = Y(() => {
+    X(null), P(null), k("");
   }, []);
   V(() => {
-    if (!G || !t.current) return;
-    let u = null;
-    const O = () => {
-      u && clearTimeout(u), u = setTimeout(() => {
+    if (!$ || !t.current) return;
+    let f = null;
+    const w = () => {
+      f && clearTimeout(f), f = setTimeout(() => {
         var _e;
-        const I = window.getSelection(), B = t.current;
-        if (!(I != null && I.rangeCount) || !B) return;
-        const re = I.toString().trim();
+        const C = window.getSelection(), M = t.current;
+        if (!(C != null && C.rangeCount) || !M) return;
+        const re = C.toString().trim();
         if (re === "") return;
-        const se = I.getRangeAt(0);
-        if (!B.contains(se.commonAncestorContainer)) return;
-        const Le = (_e = ne.fromRange(B, se)) == null ? void 0 : _e.toSelector();
-        Le && !Pt(Le, T) && (w(se.cloneRange()), j(re), q(Dt(se)));
+        const se = C.getRangeAt(0);
+        if (!M.contains(se.commonAncestorContainer)) return;
+        const Pe = (_e = ne.fromRange(M, se)) == null ? void 0 : _e.toSelector();
+        Pe && !Dt(Pe, R) && (P(se.cloneRange()), k(re), X(Lt(se)));
       }, n);
-    }, F = (I) => {
-      if (!(I.target instanceof Node)) return;
-      const B = document.getElementById(be);
-      B != null && B.contains(I.target) ? (I.preventDefault(), I.stopImmediatePropagation()) : K();
-    }, $ = () => {
-      K();
-    }, D = (I) => {
-      I.key === "Escape" && K();
+    }, F = (C) => {
+      if (!(C.target instanceof Node)) return;
+      const M = document.getElementById(be);
+      M != null && M.contains(C.target) ? (C.preventDefault(), C.stopImmediatePropagation()) : q();
+    }, H = () => {
+      q();
+    }, L = (C) => {
+      C.key === "Escape" && q();
     };
-    return document.addEventListener("selectionchange", O), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), document.addEventListener("keydown", D), window.addEventListener("scroll", $, !0), () => {
-      u && clearTimeout(u), document.removeEventListener("selectionchange", O), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), document.removeEventListener("keydown", D), window.removeEventListener("scroll", $, !0);
+    return document.addEventListener("selectionchange", w), document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), document.addEventListener("keydown", L), window.addEventListener("scroll", H, !0), () => {
+      f && clearTimeout(f), document.removeEventListener("selectionchange", w), document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), document.removeEventListener("keydown", L), window.removeEventListener("scroll", H, !0);
     };
-  }, [G, T, n, t, K]);
+  }, [$, R, n, t, q]);
   const Q = Y(
     (A) => {
-      var B;
-      const u = t.current;
-      if (!u || !A.highlightData) return null;
-      const { highlightData: O, reaction: F, id: $ } = A, { range: D } = O, I = D && ((B = oe.fromSelector(u, D)) == null ? void 0 : B.toRange());
-      if (I) {
-        const re = F[0] === k.IMPORTANT ? y.important : y.unclear, se = {
-          id: $,
-          selectedNoteId: g,
+      var M;
+      const f = t.current;
+      if (!f || !A.highlightData) return null;
+      const { highlightData: w, reaction: F, id: H } = A, { range: L } = w, C = L && ((M = oe.fromSelector(f, L)) == null ? void 0 : M.toRange());
+      if (C) {
+        const re = F[0] === x.IMPORTANT ? N.important : N.unclear, se = {
+          id: H,
+          selectedNoteId: c,
           type: F[0],
-          isTrayOpen: f,
-          labelPrefix: `${y.notebookNote} (${re})`,
+          isTrayOpen: E,
+          labelPrefix: `${N.notebookNote} (${re})`,
           popupId: tt,
           onClick: () => {
-            N($), p();
+            h(H), b();
           }
         };
-        return Bt(I, se, e), O.textPosition;
+        return Ht(C, se, e), w.textPosition;
       }
       return null;
     },
-    [t, g, f, e, y, N, p]
+    [t, c, E, e, N, h, b]
   );
   V(() => {
-    if (!G || !b || !t.current) return;
-    const A = t.current, u = b.notes, O = /* @__PURE__ */ new Set(), F = [], $ = [];
-    if (u.length === 0) {
-      if (E.current.length > 0) {
-        for (const D of E.current)
-          Ue(D, A);
-        E.current = [], C([]);
+    if (!$ || !p || !t.current) return;
+    const A = t.current, f = p.notes, w = /* @__PURE__ */ new Set(), F = [], H = [];
+    if (f.length === 0) {
+      if (S.current.length > 0) {
+        for (const L of S.current)
+          Ue(L, A);
+        S.current = [], I([]);
       }
       return;
     }
-    if (h && u[0].highlightData.pageLastModifiedAt !== h) {
-      const { notesForUpdate: D, noteIdsForDelete: I } = Rt(
+    if (g && f[0].highlightData.pageLastModifiedAt !== g) {
+      const { notesForUpdate: L, noteIdsForDelete: C } = Rt(
         A,
-        u,
-        h
+        f,
+        g
       );
-      for (const B of D)
-        M({ id: B.id, input: B }).catch((re) => r == null ? void 0 : r(re));
-      for (const B of I)
-        R(B, { onError: s });
+      for (const M of L)
+        O({ id: M.id, input: M }).catch((re) => r == null ? void 0 : r(re));
+      for (const M of C)
+        y(M, { onError: s });
     } else {
-      for (const D of u) {
-        const I = Q(D);
-        O.add(D.id), I && (F.push(D), $.push(I));
+      for (const L of f) {
+        const C = Q(L);
+        w.add(L.id), C && (F.push(L), H.push(C));
       }
-      for (const D of E.current)
-        O.has(D.id) || Ue(D, A);
-      C($), E.current = F, g && At(g);
+      for (const L of S.current)
+        w.has(L.id) || Ue(L, A);
+      I(H), S.current = F, c && At(c);
     }
   }, [
-    G,
-    b,
+    $,
+    p,
     Q,
-    h,
+    g,
     t,
-    M,
-    R,
-    g
+    O,
+    y,
+    c
   ]);
   const ue = (A) => {
-    const u = t.current;
-    if (!L || !u) return;
-    const O = oe.fromRange(u, L), F = ne.fromRange(u, L);
-    P(
+    const f = t.current;
+    if (!D || !f) return;
+    const w = oe.fromRange(f, D), F = ne.fromRange(f, D);
+    B(
       {
-        courseId: c,
+        courseId: d,
         objectId: l,
         objectType: m,
         userText: "",
         reaction: [A],
         highlightData: {
-          selectedText: H,
+          selectedText: _,
           textPosition: (F == null ? void 0 : F.toSelector()) ?? null,
-          range: O.toSelector(),
-          pageLastModifiedAt: h ?? ""
+          range: w.toSelector(),
+          pageLastModifiedAt: g ?? ""
         }
       },
       {
-        onSuccess: ($) => {
-          var I;
-          const D = $.id;
-          K(), (I = window.getSelection()) == null || I.removeAllRanges(), N(D), p();
+        onSuccess: (H) => {
+          var C;
+          const L = H.id;
+          q(), (C = window.getSelection()) == null || C.removeAllRanges(), h(L), b();
         },
         onError: o
       }
     );
   };
-  return !L || !x ? null : st(
+  return !D || !W ? null : st(
     /* @__PURE__ */ i(
       "div",
       {
@@ -1022,33 +1022,33 @@ function fo({
         style: {
           position: "fixed",
           zIndex: 100,
-          top: x.top,
-          left: x.left,
+          top: W.top,
+          left: W.left,
           whiteSpace: "nowrap"
         },
         onBlur: (A) => {
-          const u = document.getElementById(be);
-          u != null && u.contains(A.relatedTarget) || K();
+          const f = document.getElementById(be);
+          f != null && f.contains(A.relatedTarget) || q();
         },
-        children: /* @__PURE__ */ i(An, { onSelectReaction: ue })
+        children: /* @__PURE__ */ i(Ln, { onSelectReaction: ue })
       }
     ),
     document.body
   );
 }
 const Dn = (t, e) => ({
-  backgroundColor: t === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
-  underlineColor: t === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
-  underlineStyle: t === k.IMPORTANT ? "solid" : "dashed"
-}), Ce = ({
+  backgroundColor: t === x.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
+  underlineColor: t === x.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
+  underlineStyle: t === x.IMPORTANT ? "solid" : "dashed"
+}), Ie = ({
   children: t,
-  type: e = k.IMPORTANT,
+  type: e = x.IMPORTANT,
   isCardActive: n = !0,
   theme: o
 }) => {
   const r = Dn(e, o), a = {
     position: "relative",
-    backgroundColor: n ? r.backgroundColor : De(r.backgroundColor, 0.5),
+    backgroundColor: n ? r.backgroundColor : Le(r.backgroundColor, 0.5),
     textDecorationLine: "underline",
     textDecorationStyle: r.underlineStyle,
     textDecorationColor: r.underlineColor,
@@ -1059,11 +1059,11 @@ const Dn = (t, e) => ({
   return /* @__PURE__ */ i("span", { "data-note-highlight": "true", style: a, children: t });
 }, nt = () => {
   const { translations: t } = Z();
-  return /* @__PURE__ */ S(v, { gap: "xx-small", alignItems: "start", as: "div", children: [
+  return /* @__PURE__ */ T(v, { gap: "xx-small", alignItems: "start", as: "div", children: [
     /* @__PURE__ */ i(v.Item, { as: "div", children: /* @__PURE__ */ i(dt, { color: "error" }) }),
     /* @__PURE__ */ i(v.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ i(Te, { maxLines: 3, children: t.highlightUnavailable }) })
   ] });
-}, Pn = 100, Ln = {
+}, Pn = 100, _n = {
   filter: null,
   courseFilter: null,
   currentPage: 1,
@@ -1073,7 +1073,7 @@ function ge(t, e) {
   const n = typeof e == "number" ? Math.min(e, t) : t;
   return Math.max(1, n);
 }
-function _n(t, e) {
+function Fn(t, e) {
   switch (e.type) {
     case "SET_FILTER":
       return { ...t, filter: e.payload, currentPage: 1 };
@@ -1097,7 +1097,7 @@ function _n(t, e) {
       return t;
   }
 }
-function mo({
+function go({
   api: t,
   courseId: e,
   enableCourseFilter: n = !1,
@@ -1105,82 +1105,82 @@ function mo({
   pageSize: r = 16,
   focusNoteId: s
 }) {
-  const [a, l] = We(_n, Ln), { filter: m, courseFilter: c, currentPage: h, totalPages: g } = a;
+  const [a, l] = We(Fn, _n), { filter: m, courseFilter: d, currentPage: g, totalPages: c } = a;
   V(() => {
     l({ type: "SET_PAGE", payload: 1 });
   }, [r]);
-  const f = n ? c : e, N = (h - 1) * r, p = {
-    ...f ? { courseId: f } : {},
+  const E = n ? d : e, h = (g - 1) * r, b = {
+    ...E ? { courseId: E } : {},
     ...m ? { reactions: [m] } : {},
     ...o ? { learningObject: o } : {}
-  }, { data: y, isLoading: b, isError: P } = ve({
+  }, { data: N, isLoading: p, isError: B } = ve({
     api: t,
-    filter: p,
-    offset: N,
+    filter: b,
+    offset: h,
     pageSize: r
-  }), { data: M } = ve({
+  }), { data: O } = ve({
     api: t,
-    filter: p,
+    filter: b,
     offset: 0,
     pageSize: Pn,
     enabled: !!s
-  }), R = X(null);
+  }), y = K(null);
   V(() => {
     if (!s) {
-      R.current = null;
+      y.current = null;
       return;
     }
-    if (R.current === s) return;
-    const _ = (M == null ? void 0 : M.notes.findIndex((Q) => Q.id === s)) ?? -1;
-    if (_ === -1) return;
-    R.current = s;
-    const K = Math.floor(_ / r) + 1;
-    K !== h && l({ type: "FOCUS_PAGE", payload: K });
-  }, [s, M, r, h]);
-  const E = (y == null ? void 0 : y.notes) ?? [], T = y == null ? void 0 : y.pageInfo, C = (T == null ? void 0 : T.totalNrOfPages) ?? void 0, L = s && M ? Math.ceil(M.notes.length / r) : void 0, w = C === void 0 && L === void 0 ? void 0 : Math.max(C ?? 0, L ?? 0);
+    if (y.current === s) return;
+    const U = (O == null ? void 0 : O.notes.findIndex((Q) => Q.id === s)) ?? -1;
+    if (U === -1) return;
+    y.current = s;
+    const q = Math.floor(U / r) + 1;
+    q !== g && l({ type: "FOCUS_PAGE", payload: q });
+  }, [s, O, r, g]);
+  const S = (N == null ? void 0 : N.notes) ?? [], R = N == null ? void 0 : N.pageInfo, I = (R == null ? void 0 : R.totalNrOfPages) ?? void 0, D = s && O ? Math.ceil(O.notes.length / r) : void 0, P = I === void 0 && D === void 0 ? void 0 : Math.max(I ?? 0, D ?? 0);
   V(() => {
-    l({ type: "SET_TOTAL_PAGES", payload: w });
-  }, [w]);
-  const H = Y((_) => {
-    l({ type: "SET_PAGE", payload: _ });
-  }, []), j = Y(() => {
+    l({ type: "SET_TOTAL_PAGES", payload: P });
+  }, [P]);
+  const _ = Y((U) => {
+    l({ type: "SET_PAGE", payload: U });
+  }, []), k = Y(() => {
     l({
       type: "INCREMENT_PAGE"
       /* IncrementPage */
     });
-  }, []), x = Y(() => {
+  }, []), W = Y(() => {
     l({
       type: "DECREMENT_PAGE"
       /* DecrementPage */
     });
-  }, []), q = Y((_) => {
-    l({ type: "SET_FILTER", payload: _ });
-  }, []), G = Y((_) => {
-    l({ type: "SET_COURSE_FILTER", payload: _ });
+  }, []), X = Y((U) => {
+    l({ type: "SET_FILTER", payload: U });
+  }, []), $ = Y((U) => {
+    l({ type: "SET_COURSE_FILTER", payload: U });
   }, []);
   return {
-    notes: E,
-    pageInfo: T,
-    isLoading: b,
-    isError: P,
+    notes: S,
+    pageInfo: R,
+    isLoading: p,
+    isError: B,
     filter: m,
-    courseFilter: c,
-    currentPage: h,
-    totalPages: g,
-    setFilter: q,
-    setCourseFilter: G,
-    setPage: H,
-    fetchNextPage: j,
-    fetchPreviousPage: x
+    courseFilter: d,
+    currentPage: g,
+    totalPages: c,
+    setFilter: X,
+    setCourseFilter: $,
+    setPage: _,
+    fetchNextPage: k,
+    fetchPreviousPage: W
   };
 }
 const Ee = "all";
-function go({ filter: t, setFilter: e }) {
+function ho({ filter: t, setFilter: e }) {
   const { translations: n } = Z(), o = de(
     () => [
       { label: n.allNotes, value: Ee },
-      { label: n.important, value: k.IMPORTANT },
-      { label: n.unclear, value: k.CONFUSING }
+      { label: n.important, value: x.IMPORTANT },
+      { label: n.unclear, value: x.CONFUSING }
     ],
     [n]
   ), r = Y(
@@ -1206,62 +1206,62 @@ function go({ filter: t, setFilter: e }) {
     handleReactionFilterChange: r
   };
 }
-const Fn = ({ hasActiveFilter: t = !1 }) => {
+const Mn = ({ hasActiveFilter: t = !1 }) => {
   const { translations: e } = Z(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
-  return /* @__PURE__ */ i(W, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(v, { direction: "column", alignItems: "center", gap: "small", children: [
+  return /* @__PURE__ */ i(z, { as: "div", textAlign: "center", children: /* @__PURE__ */ T(v, { direction: "column", alignItems: "center", gap: "small", children: [
     !t && /* @__PURE__ */ i(ut, { size: "medium" }),
     /* @__PURE__ */ i(pe, { level: "h3", children: n }),
     /* @__PURE__ */ i(J, { color: "secondary", children: o })
   ] }) });
-}, Mn = {
-  [k.IMPORTANT]: {
+}, Bn = {
+  [x.IMPORTANT]: {
     color: "success",
     translationKey: "important",
     icon: /* @__PURE__ */ i(we, { size: "x-small" })
   },
-  [k.CONFUSING]: {
+  [x.CONFUSING]: {
     color: "danger",
     translationKey: "unclear",
     icon: /* @__PURE__ */ i(ke, { size: "x-small" })
   }
 }, ot = ({ type: t, onTypeChange: e, renderAsMenuTrigger: n = !1 }) => {
-  const { translations: o } = Z(), r = Mn[t], s = o[r.translationKey], [a, l] = U(!1), m = X(null), c = X(null), h = Y(
-    (g) => {
-      e == null || e(g), l(!1);
+  const { translations: o } = Z(), r = Bn[t], s = o[r.translationKey], [a, l] = j(!1), m = K(null), d = K(null), g = Y(
+    (c) => {
+      e == null || e(c), l(!1);
     },
     [e]
   );
   return V(() => {
     if (!a) return;
-    const g = (N) => {
-      N.key === "Escape" && N.stopPropagation();
-    }, f = (N) => {
-      N.key === "Escape" && (N.stopPropagation(), l(!1));
+    const c = (h) => {
+      h.key === "Escape" && h.stopPropagation();
+    }, E = (h) => {
+      h.key === "Escape" && (h.stopPropagation(), l(!1));
     };
-    return document.addEventListener("keydown", g, !0), document.addEventListener("keyup", f, !0), () => {
-      document.removeEventListener("keydown", g, !0), document.removeEventListener("keyup", f, !0);
+    return document.addEventListener("keydown", c, !0), document.addEventListener("keyup", E, !0), () => {
+      document.removeEventListener("keydown", c, !0), document.removeEventListener("keyup", E, !0);
     };
-  }, [a]), n && e ? /* @__PURE__ */ S(
+  }, [a]), n && e ? /* @__PURE__ */ T(
     ie,
     {
       placement: "bottom start",
       show: a,
-      onToggle: (g) => l(g),
+      onToggle: (c) => l(c),
       shouldHideOnSelect: !0,
       shouldFocusTriggerOnClose: !0,
       trigger: /* @__PURE__ */ i(Me, { color: r.color, renderIcon: r.icon, children: s }),
       children: [
-        /* @__PURE__ */ S(ie.Item, { ref: m, onClick: () => h(k.CONFUSING), children: [
+        /* @__PURE__ */ T(ie.Item, { ref: m, onClick: () => g(x.CONFUSING), children: [
           /* @__PURE__ */ i(ke, { size: "x-small" }),
           ` ${o.markUnclear}`
         ] }),
-        /* @__PURE__ */ S(ie.Item, { ref: c, onClick: () => h(k.IMPORTANT), children: [
+        /* @__PURE__ */ T(ie.Item, { ref: d, onClick: () => g(x.IMPORTANT), children: [
           /* @__PURE__ */ i(we, { size: "x-small" }),
           ` ${o.markImportant}`
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(W, { display: "inline-flex", children: /* @__PURE__ */ i(Me, { color: r.color, renderIcon: r.icon, children: s }) });
+  ) : /* @__PURE__ */ i(z, { display: "inline-flex", children: /* @__PURE__ */ i(Me, { color: r.color, renderIcon: r.icon, children: s }) });
 };
 function je(t, e) {
   return (t instanceof Date ? t : new Date(t)).toLocaleString(e, {
@@ -1270,7 +1270,7 @@ function je(t, e) {
     day: "numeric"
   });
 }
-const Bn = ({
+const Hn = ({
   noteId: t,
   date: e,
   highlight: n,
@@ -1280,89 +1280,89 @@ const Bn = ({
   onDelete: a,
   onSaveNote: l,
   onTypeChange: m,
-  isActive: c,
-  isPanelView: h = !1,
-  courseName: g,
-  locale: f,
-  highlightTheme: N,
-  renderLink: p,
-  href: y
+  isActive: d,
+  isPanelView: g = !1,
+  courseName: c,
+  locale: E,
+  highlightTheme: h,
+  renderLink: b,
+  href: N
 }) => {
-  const { translations: b } = Z(), [P, M] = U(!1), [R, E] = U(!1), [T, C] = U(o || ""), [L, w] = U(!1), H = X(null), j = Y((u) => {
-    H.current = u;
-  }, []), x = X(null), q = X(null), G = X(!1);
+  const { translations: p } = Z(), [B, O] = j(!1), [y, S] = j(!1), [R, I] = j(o || ""), [D, P] = j(!1), _ = K(null), k = Y((f) => {
+    _.current = f;
+  }, []), W = K(null), X = K(null), $ = K(!1);
   V(() => {
-    var u, O;
-    c && ((u = H.current) == null || u.scrollIntoView({ behavior: "smooth", block: "nearest" }), (O = H.current) == null || O.focus());
-  }, [c]), V(() => {
-    var u, O;
-    R ? (G.current = !0, (u = x.current) == null || u.focus()) : G.current && (G.current = !1, (O = q.current) == null || O.focus());
-  }, [R]);
-  const _ = r === k.IMPORTANT ? b.important : b.unclear, K = (u) => {
-    u.key === "Enter" && (u.preventDefault(), s == null || s());
-  }, Q = [_, b.note];
-  n && Q.push(n), o && Q.push(o), e && Q.push(je(e, f)), g && Q.push(g);
-  const ue = Q.join(", "), A = /* @__PURE__ */ S(
-    W,
+    var f, w;
+    d && ((f = _.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (w = _.current) == null || w.focus());
+  }, [d]), V(() => {
+    var f, w;
+    y ? ($.current = !0, (f = W.current) == null || f.focus()) : $.current && ($.current = !1, (w = X.current) == null || w.focus());
+  }, [y]);
+  const U = r === x.IMPORTANT ? p.important : p.unclear, q = (f) => {
+    f.key === "Enter" && (f.preventDefault(), s == null || s());
+  }, Q = [U, p.note];
+  n && Q.push(n), o && Q.push(o), e && Q.push(je(e, E)), c && Q.push(c);
+  const ue = Q.join(", "), A = /* @__PURE__ */ T(
+    z,
     {
       as: "div",
       borderWidth: "small",
       borderRadius: "medium",
       padding: "small",
       position: "relative",
-      role: y || R ? void 0 : "button",
-      "aria-label": y ? void 0 : ue,
-      "aria-pressed": y || R ? void 0 : c,
-      tabIndex: y || c ? -1 : 0,
+      role: N || y ? void 0 : "button",
+      "aria-label": N ? void 0 : ue,
+      "aria-pressed": N || y ? void 0 : d,
+      tabIndex: N || d ? -1 : 0,
       "data-testid": `note-card-${t}`,
-      elementRef: j,
-      onClick: c ? void 0 : s,
-      onMouseEnter: () => M(!0),
-      onMouseLeave: () => M(!1),
-      onKeyDown: c ? void 0 : K,
-      cursor: R ? "default" : "pointer",
+      elementRef: k,
+      onClick: d ? void 0 : s,
+      onMouseEnter: () => O(!0),
+      onMouseLeave: () => O(!1),
+      onKeyDown: d ? void 0 : q,
+      cursor: y ? "default" : "pointer",
       children: [
-        /* @__PURE__ */ S(v, { direction: "column", gap: "small", children: [
+        /* @__PURE__ */ T(v, { direction: "column", gap: "small", children: [
           /* @__PURE__ */ i(
             ot,
             {
               type: r,
-              onTypeChange: h && m ? (u) => m(t, u) : void 0,
-              renderAsMenuTrigger: h && !!m && !!c
+              onTypeChange: g && m ? (f) => m(t, f) : void 0,
+              renderAsMenuTrigger: g && !!m && !!d
             }
           ),
-          n ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(J, { children: c && h ? /* @__PURE__ */ i(
-            Ce,
+          n ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ i(J, { children: d && g ? /* @__PURE__ */ i(
+            Ie,
             {
               type: r,
-              isCardActive: !!c || P,
-              theme: N,
+              isCardActive: !!d || B,
+              theme: h,
               children: n
             }
           ) : /* @__PURE__ */ i(Te, { maxLines: 3, truncate: "word", children: /* @__PURE__ */ i(
-            Ce,
+            Ie,
             {
               type: r,
-              isCardActive: !!c || P,
-              theme: N,
+              isCardActive: !!d || B,
+              theme: h,
               children: n
             }
           ) }) }) }) : /* @__PURE__ */ i(nt, {}),
-          /* @__PURE__ */ S(v, { direction: "column", gap: "small", children: [
-            R && h ? /* @__PURE__ */ S(v, { direction: "column", gap: "x-small", children: [
+          /* @__PURE__ */ T(v, { direction: "column", gap: "small", children: [
+            y && g ? /* @__PURE__ */ T(v, { direction: "column", gap: "x-small", children: [
               /* @__PURE__ */ i(
                 qe,
                 {
-                  label: /* @__PURE__ */ i(mt, { children: b.editNote }),
-                  value: T,
-                  onChange: (u) => C(u.target.value),
-                  placeholder: b.addNoteOptional,
-                  textareaRef: (u) => {
-                    x.current = u;
+                  label: /* @__PURE__ */ i(mt, { children: p.editNote }),
+                  value: R,
+                  onChange: (f) => I(f.target.value),
+                  placeholder: p.addNoteOptional,
+                  textareaRef: (f) => {
+                    W.current = f;
                   }
                 }
               ),
-              /* @__PURE__ */ S(v, { gap: "xx-small", children: [
+              /* @__PURE__ */ T(v, { gap: "xx-small", children: [
                 /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
                   ee,
                   {
@@ -1370,9 +1370,9 @@ const Bn = ({
                     size: "small",
                     "data-testid": `note-card-${t}-cancel`,
                     onClick: () => {
-                      C(o || ""), E(!1);
+                      I(o || ""), S(!1);
                     },
-                    children: b.cancel
+                    children: p.cancel
                   }
                 ) }),
                 /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
@@ -1383,13 +1383,13 @@ const Bn = ({
                     size: "small",
                     "data-testid": `note-card-${t}-save`,
                     onClick: () => {
-                      l == null || l(t, T.trim()), E(!1);
+                      l == null || l(t, R.trim()), S(!1);
                     },
-                    children: b.save
+                    children: p.save
                   }
                 ) })
               ] })
-            ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && h ? /* @__PURE__ */ S(J, { children: [
+            ] }) : o ? /* @__PURE__ */ i("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: d && g ? /* @__PURE__ */ T(J, { children: [
               o,
               " ",
               /* @__PURE__ */ i(
@@ -1399,19 +1399,19 @@ const Bn = ({
                   withBackground: !1,
                   withBorder: !1,
                   margin: "0 0 0 xxx-small",
-                  screenReaderLabel: b.editNote,
+                  screenReaderLabel: p.editNote,
                   "data-testid": `note-card-${t}-edit`,
-                  elementRef: (u) => {
-                    q.current = u;
+                  elementRef: (f) => {
+                    X.current = f;
                   },
-                  onClick: (u) => {
-                    u.stopPropagation(), E(!0);
+                  onClick: (f) => {
+                    f.stopPropagation(), S(!0);
                   },
                   children: /* @__PURE__ */ i(Se, {})
                 }
               )
-            ] }) : /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(Te, { maxLines: 3, truncate: "word", children: o }) }) }) : h && c ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ S(J, { color: "secondary", children: [
-              b.addNotePrompt,
+            ] }) : /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(Te, { maxLines: 3, truncate: "word", children: o }) }) }) : g && d ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T(J, { color: "secondary", children: [
+              p.addNotePrompt,
               " ",
               /* @__PURE__ */ i(
                 le,
@@ -1420,41 +1420,41 @@ const Bn = ({
                   withBackground: !1,
                   withBorder: !1,
                   margin: "0 0 0 xxx-small",
-                  screenReaderLabel: b.editNote,
+                  screenReaderLabel: p.editNote,
                   "data-testid": `note-card-${t}-edit`,
-                  elementRef: (u) => {
-                    q.current = u;
+                  elementRef: (f) => {
+                    X.current = f;
                   },
-                  onClick: (u) => {
-                    u.stopPropagation(), E(!0);
+                  onClick: (f) => {
+                    f.stopPropagation(), S(!0);
                   },
                   children: /* @__PURE__ */ i(Se, {})
                 }
               )
             ] }) }) : null,
-            /* @__PURE__ */ S(v, { justifyItems: "space-between", alignItems: "center", children: [
-              /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: je(e, f) }),
-              c && a && /* @__PURE__ */ i(
+            /* @__PURE__ */ T(v, { justifyItems: "space-between", alignItems: "center", children: [
+              /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: je(e, E) }),
+              d && a && /* @__PURE__ */ i(
                 le,
                 {
                   size: "small",
                   withBackground: !1,
                   withBorder: !1,
                   color: "danger",
-                  screenReaderLabel: b.deleteNote,
+                  screenReaderLabel: p.deleteNote,
                   "data-testid": `note-card-${t}-delete`,
-                  onClick: (u) => {
-                    u.stopPropagation(), w(!0);
+                  onClick: (f) => {
+                    f.stopPropagation(), P(!0);
                   },
                   children: /* @__PURE__ */ i(he, {})
                 }
               )
             ] }),
-            g && /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: g })
+            c && /* @__PURE__ */ i(J, { size: "small", color: "secondary", children: c })
           ] })
         ] }),
-        L && a && /* @__PURE__ */ i(
-          W,
+        D && a && /* @__PURE__ */ i(
+          z,
           {
             as: "div",
             background: "primary",
@@ -1466,7 +1466,7 @@ const Bn = ({
             insetInlineStart: "0",
             insetInlineEnd: "0",
             stacking: "above",
-            children: /* @__PURE__ */ S(
+            children: /* @__PURE__ */ T(
               v,
               {
                 direction: "column",
@@ -1483,10 +1483,10 @@ const Bn = ({
                       size: "small",
                       renderIcon: /* @__PURE__ */ i(he, {}),
                       "data-testid": `note-card-${t}-confirm-delete`,
-                      onClick: (u) => {
-                        u.stopPropagation(), a(t), w(!1);
+                      onClick: (f) => {
+                        f.stopPropagation(), a(t), P(!1);
                       },
-                      children: b.deleteNote
+                      children: p.deleteNote
                     }
                   ),
                   /* @__PURE__ */ i(
@@ -1495,10 +1495,10 @@ const Bn = ({
                       display: "block",
                       size: "small",
                       "data-testid": `note-card-${t}-cancel-delete`,
-                      onClick: (u) => {
-                        u.stopPropagation(), w(!1);
+                      onClick: (f) => {
+                        f.stopPropagation(), P(!1);
                       },
-                      children: b.cancel
+                      children: p.cancel
                     }
                   )
                 ]
@@ -1509,7 +1509,7 @@ const Bn = ({
       ]
     }
   );
-  return y && p ? p({ href: y, children: A, ariaLabel: ue }) : A;
+  return N && b ? b({ href: N, children: A, ariaLabel: ue }) : A;
 };
 function $n(t, e) {
   const n = Array.from({ length: e }, () => []);
@@ -1517,19 +1517,19 @@ function $n(t, e) {
     n[r % e].push(o);
   }), n;
 }
-const Hn = {
+const Un = {
   display: "flex",
   gap: "1rem",
   boxSizing: "border-box",
   width: "100%",
   alignItems: "flex-start"
-}, Un = {
+}, jn = {
   display: "flex",
   flexDirection: "column",
   gap: "1rem",
   flex: 1,
   minWidth: 0
-}, ho = ({
+}, po = ({
   notes: t,
   isLoading: e,
   isError: n,
@@ -1539,68 +1539,68 @@ const Hn = {
   onNoteSelect: a,
   onNoteDelete: l,
   onNoteSave: m,
-  onNoteTypeChange: c,
-  selectedNoteId: h,
-  hasActiveFilter: g = !1,
-  columnCount: f = 1,
-  highlightTheme: N,
-  locale: p,
-  renderNoteLink: y,
-  noteHref: b
+  onNoteTypeChange: d,
+  selectedNoteId: g,
+  hasActiveFilter: c = !1,
+  columnCount: E = 1,
+  highlightTheme: h,
+  locale: b,
+  renderNoteLink: N,
+  noteHref: p
 }) => {
-  const { translations: P } = Z(), M = de(
-    () => $n(t, f),
-    [t, f]
+  const { translations: B } = Z(), O = de(
+    () => $n(t, E),
+    [t, E]
   );
   if (e)
-    return /* @__PURE__ */ i(W, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(ht, { renderTitle: P.loadingNotes }) });
+    return /* @__PURE__ */ i(z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-loading", children: /* @__PURE__ */ i(ht, { renderTitle: B.loadingNotes }) });
   if (n)
-    return /* @__PURE__ */ i(W, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(pe, { level: "h4", children: P.failedToLoadNotes }) });
+    return /* @__PURE__ */ i(z, { as: "div", textAlign: "center", padding: "large", "data-testid": "notes-error", children: /* @__PURE__ */ i(pe, { level: "h4", children: B.failedToLoadNotes }) });
   if (t.length === 0)
-    return /* @__PURE__ */ i(W, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Fn, { hasActiveFilter: g }) });
-  const R = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
-  return /* @__PURE__ */ S(rt, { children: [
-    /* @__PURE__ */ i("div", { style: Hn, "data-testid": "notes-grid", children: M.map((E, T) => (
+    return /* @__PURE__ */ i(z, { as: "div", padding: "large", "data-testid": "empty-notes", children: /* @__PURE__ */ i(Mn, { hasActiveFilter: c }) });
+  const y = typeof o == "number" && typeof r == "number" && r > 1 && s !== void 0;
+  return /* @__PURE__ */ T(rt, { children: [
+    /* @__PURE__ */ i("div", { style: Un, "data-testid": "notes-grid", children: O.map((S, R) => (
       // oxlint-disable-next-line react/no-array-index-key -- columns are positional, index is stable
-      /* @__PURE__ */ i("div", { style: Un, children: E.map((C) => {
-        var L;
+      /* @__PURE__ */ i("div", { style: jn, children: S.map((I) => {
+        var D;
         return /* @__PURE__ */ i(
-          Bn,
+          Hn,
           {
-            noteId: C.id,
-            date: C.createdAt,
-            type: C.reaction[0] ?? k.IMPORTANT,
-            highlight: (L = C.highlightData) == null ? void 0 : L.selectedText,
-            note: C.userText,
-            isActive: h === C.id,
-            isPanelView: !!h,
-            onClick: a ? () => a(C.id) : void 0,
-            onDelete: l ? (w) => l(w) : void 0,
-            onSaveNote: m ? (w, H) => m(w, H) : void 0,
-            onTypeChange: c ? (w, H) => c(w, H) : void 0,
-            highlightTheme: N,
-            locale: p,
-            renderLink: y,
-            href: b ? b(C.id, C) : void 0
+            noteId: I.id,
+            date: I.createdAt,
+            type: I.reaction[0] ?? x.IMPORTANT,
+            highlight: (D = I.highlightData) == null ? void 0 : D.selectedText,
+            note: I.userText,
+            isActive: g === I.id,
+            isPanelView: !!g,
+            onClick: a ? () => a(I.id) : void 0,
+            onDelete: l ? (P) => l(P) : void 0,
+            onSaveNote: m ? (P, _) => m(P, _) : void 0,
+            onTypeChange: d ? (P, _) => d(P, _) : void 0,
+            highlightTheme: h,
+            locale: b,
+            renderLink: N,
+            href: p ? p(I.id, I) : void 0
           },
-          C.id
+          I.id
         );
-      }) }, T)
+      }) }, R)
     )) }),
-    R && /* @__PURE__ */ i(v, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(
+    y && /* @__PURE__ */ i(v, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ i(v.Item, { children: /* @__PURE__ */ i(
       gt,
       {
         as: "nav",
         variant: "input",
-        labelNext: P.nextPage,
-        labelPrev: P.previousPage,
+        labelNext: B.nextPage,
+        labelPrev: B.previousPage,
         currentPage: o,
         totalPageNumber: r,
         onPageChange: s
       }
     ) }) })
   ] });
-}, po = ({
+}, No = ({
   noteText: t,
   reaction: e,
   highlightText: n,
@@ -1611,21 +1611,21 @@ const Hn = {
   onBack: l,
   editing: m = !1
 }) => {
-  const { translations: c } = Z(), [h, g] = U(m), [f, N] = U(t || ""), [p, y] = U(!1);
-  return /* @__PURE__ */ S(v, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ i(W, { as: "div", children: /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(Ce, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(nt, {}),
+  const { translations: d } = Z(), [g, c] = j(m), [E, h] = j(t || ""), [b, N] = j(!1);
+  return /* @__PURE__ */ T(v, { direction: "column", gap: "small", "data-testid": "single-note", children: [
+    n != null ? /* @__PURE__ */ i(z, { as: "div", children: /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(Ie, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ i(nt, {}),
     /* @__PURE__ */ i(ot, { type: e, onTypeChange: a, renderAsMenuTrigger: !!a }),
-    h ? /* @__PURE__ */ S(v, { direction: "column", gap: "x-small", children: [
+    g ? /* @__PURE__ */ T(v, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ i(
         qe,
         {
-          label: c.addNoteOptional,
-          value: f,
-          onChange: (b) => N(b.target.value),
+          label: d.addNoteOptional,
+          value: E,
+          onChange: (p) => h(p.target.value),
           resize: "vertical"
         }
       ),
-      /* @__PURE__ */ S(v, { gap: "xx-small", children: [
+      /* @__PURE__ */ T(v, { gap: "xx-small", children: [
         /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
           ee,
           {
@@ -1633,9 +1633,9 @@ const Hn = {
             size: "small",
             "data-testid": "single-note-cancel",
             onClick: () => {
-              N(t || ""), g(!1);
+              h(t || ""), c(!1);
             },
-            children: c.cancel
+            children: d.cancel
           }
         ) }),
         /* @__PURE__ */ i(v.Item, { shouldGrow: !0, children: /* @__PURE__ */ i(
@@ -1646,18 +1646,18 @@ const Hn = {
             size: "small",
             "data-testid": "single-note-save",
             onClick: () => {
-              r(f), g(!1);
+              r(E), c(!1);
             },
-            children: c.save
+            children: d.save
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ S(v, { direction: "column", gap: "small", children: [
-      t && /* @__PURE__ */ S(W, { as: "div", children: [
-        /* @__PURE__ */ i(pe, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
+    ] }) : /* @__PURE__ */ T(v, { direction: "column", gap: "small", children: [
+      t && /* @__PURE__ */ T(z, { as: "div", children: [
+        /* @__PURE__ */ i(pe, { level: "h4", margin: "0 0 xx-small 0", children: d.note }),
         /* @__PURE__ */ i(J, { children: t })
       ] }),
-      /* @__PURE__ */ S(v, { justifyItems: "space-between", children: [
+      /* @__PURE__ */ T(v, { justifyItems: "space-between", children: [
         /* @__PURE__ */ i(
           ee,
           {
@@ -1665,10 +1665,10 @@ const Hn = {
             renderIcon: /* @__PURE__ */ i(ft, {}),
             "data-testid": "single-note-back",
             onClick: () => l == null ? void 0 : l(),
-            children: c.back
+            children: d.back
           }
         ),
-        /* @__PURE__ */ S(v, { gap: "xx-small", children: [
+        /* @__PURE__ */ T(v, { gap: "xx-small", children: [
           s && /* @__PURE__ */ i(
             le,
             {
@@ -1676,9 +1676,9 @@ const Hn = {
               withBackground: !1,
               withBorder: !1,
               color: "danger",
-              screenReaderLabel: c.deleteNote,
+              screenReaderLabel: d.deleteNote,
               "data-testid": "single-note-delete",
-              onClick: () => y(!0),
+              onClick: () => N(!0),
               children: /* @__PURE__ */ i(he, {})
             }
           ),
@@ -1688,15 +1688,15 @@ const Hn = {
               size: "small",
               withBackground: !1,
               withBorder: !1,
-              screenReaderLabel: c.editNote,
+              screenReaderLabel: d.editNote,
               "data-testid": "single-note-edit",
-              onClick: () => g(!0),
+              onClick: () => c(!0),
               children: /* @__PURE__ */ i(Se, {})
             }
           )
         ] })
       ] }),
-      p && s && /* @__PURE__ */ i(W, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(v, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
+      b && s && /* @__PURE__ */ i(z, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ T(v, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
         /* @__PURE__ */ i(
           ee,
           {
@@ -1706,9 +1706,9 @@ const Hn = {
             renderIcon: /* @__PURE__ */ i(he, {}),
             "data-testid": "single-note-confirm-delete",
             onClick: () => {
-              s(), y(!1);
+              s(), N(!1);
             },
-            children: c.deleteNote
+            children: d.deleteNote
           }
         ),
         /* @__PURE__ */ i(
@@ -1717,8 +1717,8 @@ const Hn = {
             display: "block",
             size: "small",
             "data-testid": "single-note-cancel-delete",
-            onClick: () => y(!1),
-            children: c.cancel
+            onClick: () => N(!1),
+            children: d.cancel
           }
         )
       ] }) })
@@ -1726,26 +1726,26 @@ const Hn = {
   ] });
 };
 export {
-  fo as ContentWithNoteWrapper,
-  Ce as Highlight,
+  mo as ContentWithNoteWrapper,
+  Ie as Highlight,
   nt as HighlightError,
-  Bn as NoteCard,
+  Hn as NoteCard,
   ot as NoteChip,
-  An as NoteReactionMenu,
-  Fn as NotebookEmptyState,
-  co as NotebookProvider,
-  wn as NotebookTranslationsProvider,
-  uo as NotebookTray,
-  ho as NotesListView,
-  k as REACTION_TYPE,
-  po as SingleNote,
-  De as createTransparentColor,
-  Ut as useCreateNote,
-  jt as useDeleteNote,
+  Ln as NoteReactionMenu,
+  Mn as NotebookEmptyState,
+  uo as NotebookProvider,
+  On as NotebookTranslationsProvider,
+  fo as NotebookTray,
+  po as NotesListView,
+  x as REACTION_TYPE,
+  No as SingleNote,
+  Le as createTransparentColor,
+  jt as useCreateNote,
+  Gt as useDeleteNote,
   ve as useGetNotes,
   et as useNotebook,
   Z as useNotebookTranslations,
-  mo as useNotesData,
-  go as useReactionFilter,
-  Gt as useUpdateNote
+  go as useNotesData,
+  ho as useReactionFilter,
+  zt as useUpdateNote
 };