@opentiny/tiny-robot 0.4.2-alpha.1 → 0.4.2-alpha.2

package/dist/{content-nav → anchor}/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as G, ref as M, computed as g, watch as F, openBlock as _, createElementBlock as H, normalizeClass as pe, createElementVNode as D, renderSlot as L, Fragment as W, renderList as ye, toDisplayString as te, createTextVNode as Te, createCommentVNode as re, createBlock as xe, createSlots as ne, withCtx as P, mergeProps as ae, useSlots as Se, normalizeStyle as Ne, onBeforeUnmount as oe, nextTick as ke, useAttrs as be, toRefs as _e, unref as E, createVNode as ce, normalizeProps as ue, guardReactiveProps as de } from "vue";
-import { h as Ee, i as Me, g as z, j as fe } from "../index4.js";
+import { defineComponent as G, ref as _, computed as g, watch as F, openBlock as M, createElementBlock as R, normalizeClass as pe, createElementVNode as D, renderSlot as L, Fragment as W, renderList as ye, toDisplayString as te, createTextVNode as Te, createCommentVNode as re, createBlock as xe, createSlots as ne, withCtx as P, mergeProps as ae, useSlots as Ae, normalizeStyle as be, onBeforeUnmount as oe, nextTick as ke, useAttrs as Ce, toRefs as Me, unref as E, createVNode as se, normalizeProps as ue, guardReactiveProps as de } from "vue";
+import { h as Ee, i as _e, g as V, j as he } from "../index4.js";
 import { _ as Y } from "../_plugin-vue_export-helper.js";
-const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"], Ae = { class: "tr-content-nav__marker-slot" }, He = { class: "tr-content-nav__item-content" }, Le = {
+const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"], we = { class: "tr-anchor__marker-slot" }, Re = { class: "tr-anchor__item-content" }, Le = {
   key: 0,
-  class: "tr-content-nav__highlight"
+  class: "tr-anchor__highlight"
 }, $e = /* @__PURE__ */ G({
-  name: "ContentNavItem",
-  __name: "ContentNavItem",
+  name: "AnchorItem",
+  __name: "AnchorItem",
   props: {
     entry: {},
     activeId: {},
@@ -17,16 +17,16 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const l = e, i = a, f = M(null), r = M(!1), n = M(!1), { start: c, stop: u } = Ee(
+    const l = e, i = a, h = _(null), r = _(!1), n = _(!1), { start: c, stop: s } = Ee(
       () => {
         requestAnimationFrame(() => {
-          C();
+          S();
         });
       },
       () => Math.max(0, l.tooltipDelay),
       { immediate: !1 }
-    ), d = g(() => l.entry.item.id === l.activeId), v = g(() => [
-      "tr-content-nav__list-item",
+    ), d = g(() => l.entry.item.id === l.activeId), f = g(() => [
+      "tr-anchor__list-item",
       `is-${l.placement}`,
       {
         "is-active": d.value,
@@ -38,27 +38,27 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
     function y(p) {
       return !!(p && p.scrollWidth > p.clientWidth);
     }
-    function N() {
+    function b() {
       var p;
-      return ((p = f.value) == null ? void 0 : p.querySelector(".tr-content-nav__item-label")) ?? null;
+      return ((p = h.value) == null ? void 0 : p.querySelector(".tr-anchor__item-label")) ?? null;
     }
-    function C() {
-      n.value = l.expanded && r.value && y(N());
+    function S() {
+      n.value = l.expanded && r.value && y(b());
     }
     function I() {
-      u(), n.value = !1, !(!l.expanded || !r.value) && c();
+      s(), n.value = !1, !(!l.expanded || !r.value) && c();
     }
     function k() {
-      u(), n.value = !1;
+      s(), n.value = !1;
     }
     function $() {
       r.value = !0, I();
     }
-    function w() {
+    function H() {
       r.value = !1, k();
     }
-    function S(p) {
-      p.propertyName === "max-width" && r.value && C();
+    function A(p) {
+      p.propertyName === "max-width" && r.value && S();
     }
     return F(
       () => l.expanded,
@@ -69,31 +69,31 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
         }
         r.value && I();
       }
-    ), (p, o) => (_(), H("li", {
-      class: pe(v.value),
+    ), (p, o) => (M(), R("li", {
+      class: pe(f.value),
       "data-tooltip": e.entry.item.tooltipText || e.entry.item.label
     }, [
       D("button", {
         ref_key: "itemButtonRef",
-        ref: f,
+        ref: h,
         type: "button",
-        class: "tr-content-nav__item",
+        class: "tr-anchor__item",
         "data-item-id": e.entry.item.id,
         "aria-current": d.value ? "location" : void 0,
         tabindex: e.highlighted ? 0 : -1,
         onMouseenter: $,
-        onMouseleave: w,
+        onMouseleave: H,
         onClick: o[0] || (o[0] = (t) => i("select", e.entry.item))
       }, [
-        D("span", Ae, [
+        D("span", we, [
           L(p.$slots, "marker", {
             item: e.entry.item,
             active: d.value
           }, () => [
-            o[1] || (o[1] = D("span", { class: "tr-content-nav__marker" }, null, -1))
+            o[1] || (o[1] = D("span", { class: "tr-anchor__marker" }, null, -1))
           ], !0)
         ]),
-        D("span", He, [
+        D("span", Re, [
           L(p.$slots, "item", {
             item: e.entry.item,
             segments: e.entry.segments,
@@ -102,32 +102,32 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
             highlighted: l.highlighted || r.value
           }, () => [
             D("span", {
-              class: "tr-content-nav__item-label",
-              onTransitionend: S
+              class: "tr-anchor__item-label",
+              onTransitionend: A
             }, [
-              (_(!0), H(W, null, ye(e.entry.segments, (t, s) => (_(), H(W, {
-                key: `${e.entry.item.id}-${s}`
+              (M(!0), R(W, null, ye(e.entry.segments, (t, u) => (M(), R(W, {
+                key: `${e.entry.item.id}-${u}`
               }, [
-                t.highlighted ? (_(), H("mark", Le, te(t.text), 1)) : (_(), H(W, { key: 1 }, [
+                t.highlighted ? (M(), R("mark", Le, te(t.text), 1)) : (M(), R(W, { key: 1 }, [
                   Te(te(t.text), 1)
                 ], 64))
               ], 64))), 128))
             ], 32)
           ], !0)
         ])
-      ], 40, we)
+      ], 40, He)
     ], 10, Oe));
   }
-}), Re = /* @__PURE__ */ Y($e, [["__scopeId", "data-v-c22afe17"]]), Be = {
-  class: "tr-content-nav__list",
+}), Be = /* @__PURE__ */ Y($e, [["__scopeId", "data-v-f39ebac0"]]), Ne = {
+  class: "tr-anchor__list",
   role: "list"
 }, De = {
   key: 0,
-  class: "tr-content-nav__empty",
+  class: "tr-anchor__empty",
   "aria-live": "polite"
 }, Fe = /* @__PURE__ */ G({
-  name: "ContentNavList",
-  __name: "ContentNavList",
+  name: "AnchorList",
+  __name: "AnchorList",
   props: {
     items: {},
     activeId: {},
@@ -140,13 +140,13 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
   emits: ["select"],
   setup(e, { emit: a }) {
     const l = a;
-    return (i, f) => (_(), H("ul", Be, [
-      e.expanded && e.items.length === 0 ? (_(), H("li", De, [
+    return (i, h) => (M(), R("ul", Ne, [
+      e.expanded && e.items.length === 0 ? (M(), R("li", De, [
         L(i.$slots, "empty", {}, () => [
           Te(te(e.emptyText), 1)
         ], !0)
       ])) : re("", !0),
-      (_(!0), H(W, null, ye(e.items, (r, n) => (_(), xe(Re, {
+      (M(!0), R(W, null, ye(e.items, (r, n) => (M(), xe(Be, {
         key: r.item.id,
         entry: r,
         "active-id": e.activeId,
@@ -154,7 +154,7 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
         highlighted: n === e.highlightedIndex,
         placement: e.placement,
         "tooltip-delay": e.tooltipDelay,
-        onSelect: f[0] || (f[0] = (c) => l("select", c))
+        onSelect: h[0] || (h[0] = (c) => l("select", c))
       }, ne({ _: 2 }, [
         i.$slots.item ? {
           name: "item",
@@ -173,52 +173,52 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
       ]), 1032, ["entry", "active-id", "expanded", "highlighted", "placement", "tooltip-delay"]))), 128))
     ]));
   }
-}), Qe = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-1b8c77f5"]]), Pe = {
+}), Qe = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-ff2e0912"]]), Pe = {
   key: 0,
-  class: "tr-content-nav__search-cap"
-}, Ue = { class: "tr-content-nav__surface" }, Ke = /* @__PURE__ */ G({
-  name: "ContentNavOverlay",
-  __name: "ContentNavOverlay",
+  class: "tr-anchor__search-cap"
+}, Ue = { class: "tr-anchor__surface" }, Ke = /* @__PURE__ */ G({
+  name: "AnchorOverlay",
+  __name: "AnchorOverlay",
   props: {
     expanded: { type: Boolean },
     placement: {},
     floatingOffset: { default: 0 }
   },
   setup(e, { expose: a }) {
-    const l = e, i = M(null), f = M(null), r = M(null), n = Se(), c = g(() => [
-      "tr-content-nav",
+    const l = e, i = _(null), h = _(null), r = _(null), n = Ae(), c = g(() => [
+      "tr-anchor",
       `is-${l.placement}`,
       {
         "is-expanded": l.expanded,
         "has-search-cap": !!n.search
       }
-    ]), u = g(() => ({
+    ]), s = g(() => ({
       transform: `translate3d(0, ${l.floatingOffset}px, 0)`
     }));
     return a({
       hostEl: i,
-      overlayEl: f,
+      overlayEl: h,
       navEl: r
-    }), (d, v) => (_(), H("div", {
+    }), (d, f) => (M(), R("div", {
       ref_key: "hostEl",
       ref: i,
       class: pe(c.value),
-      style: Ne(u.value)
+      style: be(s.value)
     }, [
       D("div", {
         ref_key: "overlayEl",
-        ref: f,
-        class: "tr-content-nav__overlay",
-        "data-testid": "content-nav-overlay"
+        ref: h,
+        class: "tr-anchor__overlay",
+        "data-testid": "anchor-overlay"
       }, [
-        d.$slots.search ? (_(), H("div", Pe, [
+        d.$slots.search ? (M(), R("div", Pe, [
           L(d.$slots, "search", {}, void 0, !0)
         ])) : re("", !0),
         D("div", Ue, [
           D("nav", {
             ref_key: "navEl",
             ref: r,
-            class: "tr-content-nav__panel",
+            class: "tr-anchor__panel",
             "aria-label": "Content navigation"
           }, [
             L(d.$slots, "default", {}, void 0, !0)
@@ -227,9 +227,9 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
       ], 512)
     ], 6));
   }
-}), Ve = /* @__PURE__ */ Y(Ke, [["__scopeId", "data-v-017456fd"]]), qe = ["value", "placeholder", "aria-label"], ze = /* @__PURE__ */ G({
-  name: "ContentNavSearch",
-  __name: "ContentNavSearch",
+}), qe = /* @__PURE__ */ Y(Ke, [["__scopeId", "data-v-276fbba1"]]), ze = ["value", "placeholder", "aria-label"], Ve = /* @__PURE__ */ G({
+  name: "AnchorSearch",
+  __name: "AnchorSearch",
   props: {
     searchQuery: {},
     searchOptions: {}
@@ -237,20 +237,20 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
   emits: ["update:searchQuery"],
   setup(e, { emit: a }) {
     const l = e, i = a;
-    return (f, r) => {
-      var n, c;
-      return _(), H("input", {
-        class: "tr-content-nav__search",
+    return (h, r) => {
+      var n, c, s;
+      return M(), R("input", {
+        class: "tr-anchor__search",
         type: "search",
         value: l.searchQuery,
         placeholder: ((n = l.searchOptions) == null ? void 0 : n.placeholder) ?? "Search",
-        "aria-label": ((c = l.searchOptions) == null ? void 0 : c.placeholder) ?? "Search content navigation",
-        "data-testid": "content-nav-search",
-        onInput: r[0] || (r[0] = (u) => i("update:searchQuery", u.target.value))
-      }, null, 40, qe);
+        "aria-label": ((s = (c = l.searchOptions) == null ? void 0 : c.placeholder) == null ? void 0 : s.trim()) || "Search content navigation",
+        "data-testid": "anchor-search",
+        onInput: r[0] || (r[0] = (d) => i("update:searchQuery", d.target.value))
+      }, null, 40, ze);
     };
   }
-}), Ge = /* @__PURE__ */ Y(ze, [["__scopeId", "data-v-5faf8941"]]), We = (e, a) => {
+}), Ge = /* @__PURE__ */ Y(Ve, [["__scopeId", "data-v-89c7e60e"]]), We = (e, a) => {
   const l = a.trim().toLowerCase(), i = (e.searchText || e.label).trim();
   if (!l)
     return [{ text: e.label, highlighted: !1 }];
@@ -262,15 +262,15 @@ const Oe = ["data-tooltip"], we = ["data-item-id", "aria-current", "tabindex"],
   ].filter((n) => n.text.length > 0) : i.toLowerCase().includes(l) ? [{ text: e.label, highlighted: !1 }] : !1;
 };
 function je(e) {
-  var c, u;
+  var c, s;
   const { viewport: a, anchors: l } = e;
   if (!l.length)
     return;
-  const i = a.scrollHeight - a.clientHeight > 2, f = a.scrollTop + a.clientHeight >= a.scrollHeight - 2;
-  if (i && f)
+  const i = a.scrollHeight - a.clientHeight > 2, h = a.scrollTop + a.clientHeight >= a.scrollHeight - 2;
+  if (i && h)
     return (c = l[l.length - 1]) == null ? void 0 : c.id;
   const r = a.top + Math.max(0, e.activeOffset ?? 120);
-  let n = (u = l[0]) == null ? void 0 : u.id;
+  let n = (s = l[0]) == null ? void 0 : s.id;
   for (const d of l)
     if (d.el.getBoundingClientRect().top <= r)
       n = d.id;
@@ -282,69 +282,69 @@ function Ye(e, a) {
   return !a || a.length === 0 ? [{ text: e.label, highlighted: !1 }] : a;
 }
 function Ze(e) {
-  const a = M(!1), l = M(""), i = M(void 0), f = M(!1), r = g(() => {
+  const a = _(!1), l = _(""), i = _(void 0), h = _(!1), r = g(() => {
     var t;
     return (t = e.searchOptions) == null ? void 0 : t.value;
   }), n = g(() => e.expandTrigger.value === "manual"), c = g(
     () => n.value ? e.expanded.value ?? !1 : a.value
-  ), u = g(() => {
+  ), s = g(() => {
     var t;
     return ((t = e.searchQuery) == null ? void 0 : t.value) ?? l.value;
   }), d = g(() => {
     var t;
     return ((t = r.value) == null ? void 0 : t.matcher) ?? We;
-  }), v = g(() => {
-    const t = u.value.trim();
-    return e.items.value.map((s) => {
-      const m = d.value(s, t), T = Array.isArray(m) && m.length > 0;
+  }), f = g(() => {
+    const t = s.value.trim();
+    return e.items.value.map((u) => {
+      const v = d.value(u, t), T = Array.isArray(v) && v.length > 0;
       return t && !T ? null : {
-        item: s,
-        segments: Ye(s, m)
+        item: u,
+        segments: Ye(u, v)
       };
-    }).filter((s) => s !== null);
+    }).filter((u) => u !== null);
   }), y = g(
     () => {
       var t;
-      return (t = v.value.find((s) => s.item.id === e.activeId.value)) == null ? void 0 : t.item.id;
+      return (t = f.value.find((u) => u.item.id === e.activeId.value)) == null ? void 0 : t.item.id;
     }
-  ), N = g(() => {
+  ), b = g(() => {
     var t;
-    return f.value && i.value && v.value.some((s) => s.item.id === i.value) ? i.value : y.value ?? ((t = v.value[0]) == null ? void 0 : t.item.id);
-  }), C = g(() => {
-    if (!v.value.length)
+    return h.value && i.value && f.value.some((u) => u.item.id === i.value) ? i.value : y.value ?? ((t = f.value[0]) == null ? void 0 : t.item.id);
+  }), S = g(() => {
+    if (!f.value.length)
       return 0;
-    const t = v.value.findIndex((s) => s.item.id === N.value);
+    const t = f.value.findIndex((u) => u.item.id === b.value);
     return t === -1 ? 0 : t;
-  }), I = g(() => N.value);
+  }), I = g(() => b.value);
   function k() {
-    f.value = !1, i.value = void 0;
+    h.value = !1, i.value = void 0;
   }
   function $(t) {
-    var s, m;
-    n.value || (a.value = t), (s = e.onUpdateExpanded) == null || s.call(e, t), !t && ((m = r.value) != null && m.clearOnCollapse) && u.value && w("");
+    var u, v;
+    n.value || (a.value = t), (u = e.onUpdateExpanded) == null || u.call(e, t), !t && ((v = r.value) != null && v.clearOnCollapse) && s.value && H("");
   }
-  function w(t) {
-    var s, m;
-    ((s = e.searchQuery) == null ? void 0 : s.value) === void 0 && (l.value = t), (m = e.onUpdateSearchQuery) == null || m.call(e, t);
+  function H(t) {
+    var u, v;
+    ((u = e.searchQuery) == null ? void 0 : u.value) === void 0 && (l.value = t), (v = e.onUpdateSearchQuery) == null || v.call(e, t);
   }
-  function S(t) {
-    var m;
-    if (!v.value.length) {
+  function A(t) {
+    var v;
+    if (!f.value.length) {
       k();
       return;
     }
-    const s = Math.max(0, Math.min(t, v.value.length - 1));
-    i.value = (m = v.value[s]) == null ? void 0 : m.item.id, f.value = !0;
+    const u = Math.max(0, Math.min(t, f.value.length - 1));
+    i.value = (v = f.value[u]) == null ? void 0 : v.item.id, h.value = !0;
   }
   function p() {
     var t;
-    return (t = v.value[C.value]) == null ? void 0 : t.item;
+    return (t = f.value[S.value]) == null ? void 0 : t.item;
   }
   function o(t) {
-    return t.key === "ArrowDown" ? (t.preventDefault(), S(C.value + 1), !0) : t.key === "ArrowUp" ? (t.preventDefault(), S(C.value - 1), !0) : t.key === "Home" ? (t.preventDefault(), S(0), !0) : t.key === "End" ? (t.preventDefault(), S(v.value.length - 1), !0) : t.key === "Escape" ? n.value ? !1 : (t.preventDefault(), $(!1), !0) : !1;
+    return t.key === "ArrowDown" ? (t.preventDefault(), A(S.value + 1), !0) : t.key === "ArrowUp" ? (t.preventDefault(), A(S.value - 1), !0) : t.key === "Home" ? (t.preventDefault(), A(0), !0) : t.key === "End" ? (t.preventDefault(), A(f.value.length - 1), !0) : t.key === "Escape" ? n.value ? !1 : (t.preventDefault(), $(!1), !0) : !1;
   }
   return F(
-    v,
+    f,
     (t) => {
       if (!t.length) {
         k();
@@ -354,7 +354,7 @@ function Ze(e) {
         k();
         return;
       }
-      f.value && i.value && t.some((s) => s.item.id === i.value) || k();
+      h.value && i.value && t.some((u) => u.item.id === i.value) || k();
     },
     { immediate: !0, flush: "sync" }
   ), F(
@@ -365,12 +365,12 @@ function Ze(e) {
     { immediate: !0, flush: "sync" }
   ), {
     expanded: c,
-    searchQuery: u,
-    filteredItems: v,
-    highlightedIndex: C,
+    searchQuery: s,
+    filteredItems: f,
+    highlightedIndex: S,
     highlightedId: I,
     setExpanded: $,
-    setSearchQuery: w,
+    setSearchQuery: H,
     getHighlightedItem: p,
     handleNavigationKeydown: o
   };
@@ -384,7 +384,7 @@ function Ie() {
 function le(e) {
   return e || (typeof window < "u" ? window : null);
 }
-function ve(e) {
+function fe(e) {
   if (!e)
     return 0;
   if (Z(e))
@@ -395,7 +395,7 @@ function ve(e) {
 function ee(e) {
   return e ? Z(e) ? e.clientHeight : e.innerHeight : 0;
 }
-function he(e) {
+function me(e) {
   if (!e)
     return 0;
   if (Z(e))
@@ -403,7 +403,7 @@ function he(e) {
   const a = Ie(), l = typeof document < "u" ? document.documentElement : null, i = typeof document < "u" ? document.body : null;
   return Math.max((a == null ? void 0 : a.scrollHeight) || 0, (l == null ? void 0 : l.scrollHeight) || 0, (i == null ? void 0 : i.scrollHeight) || 0);
 }
-function me(e) {
+function ve(e) {
   return e && Z(e) ? e.getBoundingClientRect().top : 0;
 }
 function Je(e, a, l) {
@@ -414,34 +414,34 @@ function Je(e, a, l) {
 }
 function Xe(e) {
   var p;
-  const i = M((p = e.activeId) == null ? void 0 : p.value);
-  let f = null, r = null;
+  const i = _((p = e.activeId) == null ? void 0 : p.value);
+  let h = null, r = null;
   const n = g(() => {
     var o;
     return ((o = e.activeId) == null ? void 0 : o.value) ?? i.value;
-  }), c = Me();
-  function u(o) {
-    var t, s;
-    n.value !== o && (((t = e.activeId) == null ? void 0 : t.value) === void 0 && (i.value = o), (s = e.onUpdateActiveId) == null || s.call(e, o));
+  }), c = _e();
+  function s(o) {
+    var t, u;
+    n.value !== o && (((t = e.activeId) == null ? void 0 : t.value) === void 0 && (i.value = o), (u = e.onUpdateActiveId) == null || u.call(e, o));
   }
   function d() {
-    f = null;
+    h = null;
   }
-  function v() {
+  function f() {
     r = null;
   }
   function y() {
-    d(), v();
+    d(), f();
   }
-  function N(o) {
+  function b(o) {
     return o instanceof HTMLElement ? o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement || o.isContentEditable : !1;
   }
-  function C(o) {
-    return [...o].sort((t, s) => {
-      if (t.el === s.el)
+  function S(o) {
+    return [...o].sort((t, u) => {
+      if (t.el === u.el)
         return 0;
-      const m = t.el.compareDocumentPosition(s.el);
-      return m & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : m & Node.DOCUMENT_POSITION_PRECEDING ? 1 : t.el.getBoundingClientRect().top - s.el.getBoundingClientRect().top;
+      const v = t.el.compareDocumentPosition(u.el);
+      return v & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : v & Node.DOCUMENT_POSITION_PRECEDING ? 1 : t.el.getBoundingClientRect().top - u.el.getBoundingClientRect().top;
     });
   }
   function I(o) {
@@ -453,60 +453,60 @@ function Xe(e) {
     const o = le(e.container.value);
     if (!o)
       return;
-    const t = ve(o), s = me(o), m = s + ee(o), T = s + Math.max(0, ((Q = e.activeOffset) == null ? void 0 : Q.value) ?? 120);
-    if (f) {
-      const b = Math.abs(t - f.top) <= 2, A = Date.now() - f.startedAt > 2e3;
-      if (!b && !A)
+    const t = fe(o), u = ve(o), v = u + ee(o), T = u + Math.max(0, ((Q = e.activeOffset) == null ? void 0 : Q.value) ?? 120);
+    if (h) {
+      const C = Math.abs(t - h.top) <= 2, w = Date.now() - h.startedAt > 2e3;
+      if (!C && !w)
         return;
       d();
     }
     if (r) {
-      const b = e.resolveTarget(r);
-      if (b != null && b.isConnected) {
-        const A = b.getBoundingClientRect(), J = A.bottom <= T, q = A.top >= m;
-        if (!J && !q) {
-          u(r);
+      const C = e.resolveTarget(r);
+      if (C != null && C.isConnected) {
+        const w = C.getBoundingClientRect(), J = w.bottom <= T, z = w.top >= v;
+        if (!J && !z) {
+          s(r);
           return;
         }
       }
-      r && v();
+      r && f();
     }
-    const x = C(
-      e.items.value.flatMap((b) => {
-        const A = e.resolveTarget(b.id);
-        return A ? [{ id: b.id, el: A }] : [];
+    const x = S(
+      e.items.value.flatMap((C) => {
+        const w = e.resolveTarget(C.id);
+        return w ? [{ id: C.id, el: w }] : [];
       })
     ), U = je({
       viewport: {
-        top: s,
+        top: u,
         scrollTop: t,
         clientHeight: ee(o),
-        scrollHeight: he(o)
+        scrollHeight: me(o)
       },
       anchors: x,
       activeOffset: (K = e.activeOffset) == null ? void 0 : K.value
     });
-    U !== void 0 && u(U);
+    U !== void 0 && s(U);
   }
   function $(o) {
-    const t = le(e.container.value), s = e.resolveTarget(o);
-    if (!t || !s)
+    const t = le(e.container.value), u = e.resolveTarget(o);
+    if (!t || !u)
       return;
-    const m = ve(t), T = s.getBoundingClientRect(), x = m + T.top - me(t) - I(s), U = Math.max(0, he(t) - ee(t)), Q = Math.max(0, Math.min(x, U));
-    f = {
+    const v = fe(t), T = u.getBoundingClientRect(), x = v + T.top - ve(t) - I(u), U = Math.max(0, me(t) - ee(t)), Q = Math.max(0, Math.min(x, U));
+    h = {
       top: Q,
       startedAt: Date.now()
-    }, r = o, u(o), Je(t, Q, c.value === "reduce" ? "auto" : "smooth");
+    }, r = o, s(o), Je(t, Q, c.value === "reduce" ? "auto" : "smooth");
   }
-  function w() {
+  function H() {
     y();
   }
-  function S(o) {
-    var s;
+  function A(o) {
+    var u;
     if (o.defaultPrevented || o.altKey || o.ctrlKey || o.metaKey)
       return;
-    const t = (s = e.host) == null ? void 0 : s.value;
-    t && o.target instanceof Node && t.contains(o.target) || N(o.target) || ["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "].includes(o.key) && y();
+    const t = (u = e.host) == null ? void 0 : u.value;
+    t && o.target instanceof Node && t.contains(o.target) || b(o.target) || ["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "].includes(o.key) && y();
   }
   return F(
     () => {
@@ -514,22 +514,22 @@ function Xe(e) {
       return (o = e.activeId) == null ? void 0 : o.value;
     },
     (o) => {
-      i.value = o, r && o !== r && v();
+      i.value = o, r && o !== r && f();
     }
   ), oe(() => {
-    d(), v();
+    d(), f();
   }), {
     activeId: n,
     scrollTo: $,
     sync: k,
     clearPendingScroll: d,
     releaseSelectionLock: y,
-    handleUserScrollIntent: w,
-    handleScrollIntentKeydown: S
+    handleUserScrollIntent: H,
+    handleScrollIntentKeydown: A
   };
 }
 function et(e) {
-  const a = M(0);
+  const a = _(0);
   function l() {
     const r = e.host.value, n = r == null ? void 0 : r.firstElementChild;
     if (!(n instanceof HTMLElement))
@@ -538,7 +538,7 @@ function et(e) {
         floatingEl: null,
         measuredEl: null
       };
-    const c = n.querySelector(".tr-content-nav__surface") ?? n.querySelector(".tr-content-nav__panel") ?? n;
+    const c = n.querySelector(".tr-anchor__surface") ?? n.querySelector(".tr-anchor__panel") ?? n;
     return {
       hostEl: r ?? null,
       floatingEl: n,
@@ -546,38 +546,38 @@ function et(e) {
     };
   }
   const i = g(() => {
-    const { hostEl: r, floatingEl: n, measuredEl: c } = l(), u = [];
-    return r && u.push(r), n && u.push(n), c && c !== n && u.push(c), u;
+    const { hostEl: r, floatingEl: n, measuredEl: c } = l(), s = [];
+    return r && s.push(r), n && s.push(n), c && c !== n && s.push(c), s;
   });
-  function f() {
-    const { hostEl: r, floatingEl: n, measuredEl: c } = l(), u = e.container.value, d = r == null ? void 0 : r.parentElement;
-    if (!r || !u || !d || !n || !c) {
+  function h() {
+    const { hostEl: r, floatingEl: n, measuredEl: c } = l(), s = e.container.value, d = r == null ? void 0 : r.parentElement;
+    if (!r || !s || !d || !n || !c) {
       a.value = 0;
       return;
     }
-    const v = d.getBoundingClientRect(), y = u.getBoundingClientRect(), N = c.getBoundingClientRect().height || 0;
-    if (!y.height || !N) {
+    const f = d.getBoundingClientRect(), y = s.getBoundingClientRect(), b = c.getBoundingClientRect().height || 0;
+    if (!y.height || !b) {
       a.value = 0;
       return;
     }
-    const C = y.top - v.top, I = y.bottom - v.top, $ = C + y.height / 2 - N / 2, w = C + 24, S = Math.max(w, I - N - 24);
-    a.value = Math.max(w, Math.min($, S));
+    const S = y.top - f.top, I = y.bottom - f.top, $ = S + y.height / 2 - b / 2, H = S + 24, A = Math.max(H, I - b - 24);
+    a.value = Math.max(H, Math.min($, A));
   }
   return {
     offset: a,
-    sync: f,
+    sync: h,
     resizeTargets: i
   };
 }
-const tt = "data-content-nav-id", nt = `[${tt}]`, at = "data-item-id", lt = `[${at}]`;
-function Ce(e, a, l, i) {
-  return Array.from(e.querySelectorAll(a)).find((f) => f.dataset[l] === i);
+const tt = "data-anchor-id", nt = `[${tt}]`, at = "data-item-id", lt = `[${at}]`;
+function Se(e, a, l, i) {
+  return Array.from(e.querySelectorAll(a)).find((h) => h.dataset[l] === i);
 }
 function ge(e, a) {
-  return Ce(e, nt, "contentNavId", a);
+  return Se(e, nt, "anchorId", a);
 }
 function rt(e, a) {
-  return Ce(e, lt, "itemId", a);
+  return Se(e, lt, "itemId", a);
 }
 function ot(e) {
   function a(n) {
@@ -585,8 +585,8 @@ function ot(e) {
   }
   function l() {
     ke(() => {
-      var u, d;
-      const n = e.highlightedId.value, c = (u = e.overlay.value) == null ? void 0 : u.navEl;
+      var s, d;
+      const n = e.highlightedId.value, c = (s = e.overlay.value) == null ? void 0 : s.navEl;
       !n || !c || (d = rt(c, n)) == null || d.focus();
     });
   }
@@ -595,43 +595,43 @@ function ot(e) {
       return;
     const c = e.handleNavigationKeydown(n);
     if (n.key === "Enter" || n.key === " ") {
-      const u = e.getHighlightedItem();
-      if (u) {
-        n.preventDefault(), e.onSelectItem(u.id);
+      const s = e.getHighlightedItem();
+      if (s) {
+        n.preventDefault(), e.onSelectItem(s.id);
         return;
       }
     }
     c && l();
   }
-  function f() {
-    var u;
+  function h() {
+    var s;
     if (!e.shouldAutoCollapse.value)
       return;
-    const n = ((u = e.overlay.value) == null ? void 0 : u.overlayEl) ?? null, c = document.activeElement;
-    n && c instanceof Node && n.contains(c) || e.setExpanded(!1);
+    const n = ((s = e.overlay.value) == null ? void 0 : s.overlayEl) ?? null, c = document.activeElement;
+    n && c instanceof HTMLElement && n.contains(c) && a(c) || e.setExpanded(!1);
   }
   function r(n) {
     var d;
     if (!e.shouldAutoCollapse.value)
       return;
-    const c = n.relatedTarget, u = ((d = e.overlay.value) == null ? void 0 : d.overlayEl) ?? null;
-    (!c || !(u != null && u.contains(c))) && e.setExpanded(!1);
+    const c = n.relatedTarget, s = ((d = e.overlay.value) == null ? void 0 : d.overlayEl) ?? null;
+    (!c || !(s != null && s.contains(c))) && e.setExpanded(!1);
   }
   return {
     handleKeydown: i,
-    handleMouseLeave: f,
+    handleMouseLeave: h,
     handleFocusOut: r
   };
 }
 function it(e) {
   return (e ?? "").split(/\s+/).map((a) => a.trim()).filter(Boolean);
 }
-function st(e) {
+function ct(e) {
   let a = null, l = [];
   function i() {
     a && l.length && a.classList.remove(...l), a = null, l = [];
   }
-  const { start: f, stop: r } = Ee(
+  const { start: h, stop: r } = Ee(
     () => {
       i();
     },
@@ -641,12 +641,12 @@ function st(e) {
   function n() {
     r(), i();
   }
-  function c(u) {
+  function c(s) {
     const d = it(e.feedbackClass.value);
     if (n(), !d.length)
       return;
-    const v = e.resolveTarget(u);
-    v && (v.classList.remove(...d), v.offsetWidth, v.classList.add(...d), a = v, l = d, f());
+    const f = e.resolveTarget(s);
+    f && (f.classList.remove(...d), f.offsetWidth, f.classList.add(...d), a = f, l = d, h());
   }
   return F(
     () => e.feedbackClass.value,
@@ -661,7 +661,7 @@ function st(e) {
   };
 }
 const j = /* @__PURE__ */ G({
-  name: "TrContentNav",
+  name: "TrAnchor",
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -681,144 +681,144 @@ const j = /* @__PURE__ */ G({
   },
   emits: ["update:activeId", "update:expanded", "update:searchQuery", "select"],
   setup(e, { emit: a }) {
-    const l = e, i = a, f = be(), {
+    const l = e, i = a, h = Ce(), {
       activeId: r,
       activeOffset: n,
       emptyText: c,
-      expandTrigger: u,
+      expandTrigger: s,
       expanded: d,
-      items: v,
+      items: f,
       placement: y,
-      searchOptions: N,
-      searchQuery: C,
+      searchOptions: b,
+      searchQuery: S,
       scrollContainer: I,
       targetFeedbackClass: k,
       targetFeedbackDuration: $,
-      tooltipDelay: w
-    } = _e(l), S = M(null), p = g(() => {
-      var h;
-      return ((h = S.value) == null ? void 0 : h.hostEl) ?? null;
-    }), o = g(() => N.value), t = g(() => o.value ?? {});
-    function s(h) {
+      tooltipDelay: H
+    } = Me(l), A = _(null), p = g(() => {
+      var m;
+      return ((m = A.value) == null ? void 0 : m.hostEl) ?? null;
+    }), o = g(() => b.value), t = g(() => o.value ?? {});
+    function u(m) {
       const O = I.value;
-      return O ? ge(O, h) ?? null : ge(document, h) ?? null;
+      return O ? ge(O, m) ?? null : ge(document, m) ?? null;
     }
-    const m = g(() => v.value), T = Xe({
-      items: m,
-      resolveTarget: s,
+    const v = g(() => f.value), T = Xe({
+      items: v,
+      resolveTarget: u,
       container: I,
       host: p,
       activeId: r,
       activeOffset: n,
-      onUpdateActiveId: (h) => i("update:activeId", h)
+      onUpdateActiveId: (m) => i("update:activeId", m)
     }), x = Ze({
-      items: m,
+      items: v,
       activeId: T.activeId,
       expanded: d,
-      expandTrigger: u,
-      searchQuery: C,
-      searchOptions: N,
-      onUpdateExpanded: (h) => i("update:expanded", h),
-      onUpdateSearchQuery: (h) => i("update:searchQuery", h)
-    }), U = g(() => m.value.length > 0), Q = g(() => !!o.value && x.expanded.value), K = g(() => u.value === "hover"), b = g(() => le(I.value)), A = et({
+      expandTrigger: s,
+      searchQuery: S,
+      searchOptions: b,
+      onUpdateExpanded: (m) => i("update:expanded", m),
+      onUpdateSearchQuery: (m) => i("update:searchQuery", m)
+    }), U = g(() => v.value.length > 0), Q = g(() => !!o.value && x.expanded.value), K = g(() => s.value === "hover"), C = g(() => le(I.value)), w = et({
       container: I,
       host: p
-    }), J = st({
-      resolveTarget: s,
+    }), J = ct({
+      resolveTarget: u,
       feedbackClass: k,
       feedbackDuration: $
     });
-    function q(h) {
-      x.setExpanded(h);
+    function z(m) {
+      x.setExpanded(m);
     }
-    function ie(h) {
-      x.setSearchQuery(h);
+    function ie(m) {
+      x.setSearchQuery(m);
     }
-    function se(h) {
-      const O = m.value.find((R) => R.id === h);
-      O && (T.scrollTo(h), J.activate(h), B(), i("select", O));
+    function ce(m) {
+      const O = v.value.find((B) => B.id === m);
+      O && (T.scrollTo(m), J.activate(m), N(), i("select", O));
     }
     const X = ot({
-      overlay: S,
+      overlay: A,
       highlightedId: x.highlightedId,
       shouldAutoCollapse: K,
       handleNavigationKeydown: x.handleNavigationKeydown,
       getHighlightedItem: x.getHighlightedItem,
-      onSelectItem: se,
-      setExpanded: q
+      onSelectItem: ce,
+      setExpanded: z
     });
-    let V = null;
-    function B() {
-      V !== null && cancelAnimationFrame(V), V = requestAnimationFrame(() => {
-        V = null, T.sync(), A.sync();
+    let q = null;
+    function N() {
+      q !== null && cancelAnimationFrame(q), q = requestAnimationFrame(() => {
+        q = null, T.sync(), w.sync();
       });
     }
-    return z(b, "scroll", B, { passive: !0 }), z(b, "wheel", T.handleUserScrollIntent, { passive: !0 }), z(b, "touchmove", T.handleUserScrollIntent, { passive: !0 }), z("keydown", T.handleScrollIntentKeydown), z("resize", B, { passive: !0 }), fe(I, () => {
-      B();
-    }), fe(A.resizeTargets, () => {
-      B();
+    return V(C, "scroll", N, { passive: !0 }), V(C, "wheel", T.handleUserScrollIntent, { passive: !0 }), V(C, "touchmove", T.handleUserScrollIntent, { passive: !0 }), V("keydown", T.handleScrollIntentKeydown), V("resize", N, { passive: !0 }), he(I, () => {
+      N();
+    }), he(w.resizeTargets, () => {
+      N();
     }), F(
       () => I.value,
       () => {
-        T.clearPendingScroll(), B();
+        T.clearPendingScroll(), N();
       },
       { immediate: !0 }
     ), F(
       () => p.value,
       () => {
-        B();
+        N();
       }
     ), F(
-      () => m.value.map((h) => h.id).join(","),
+      () => v.value.map((m) => m.id).join(","),
       () => {
-        T.clearPendingScroll(), B();
+        T.clearPendingScroll(), N();
       },
       { immediate: !0 }
     ), oe(() => {
-      V !== null && cancelAnimationFrame(V), T.clearPendingScroll();
-    }), (h, O) => U.value ? (_(), xe(Ve, ae({
+      q !== null && cancelAnimationFrame(q), T.clearPendingScroll();
+    }), (m, O) => U.value ? (M(), xe(qe, ae({
       key: 0,
       ref_key: "overlayShellRef",
-      ref: S
-    }, E(f), {
+      ref: A
+    }, E(h), {
       expanded: E(x).expanded.value,
       placement: E(y),
-      "floating-offset": E(A).offset.value,
-      onMouseenter: O[1] || (O[1] = (R) => K.value && q(!0)),
+      "floating-offset": E(w).offset.value,
+      onMouseenter: O[1] || (O[1] = (B) => K.value && z(!0)),
       onMouseleave: E(X).handleMouseLeave,
-      onFocusin: O[2] || (O[2] = (R) => K.value && q(!0)),
+      onFocusin: O[2] || (O[2] = (B) => K.value && z(!0)),
       onFocusout: E(X).handleFocusOut,
       onKeydown: E(X).handleKeydown
     }), ne({
       default: P(() => [
-        ce(Qe, {
+        se(Qe, {
           items: E(x).filteredItems.value,
           "active-id": E(T).activeId.value,
           expanded: E(x).expanded.value,
           "highlighted-index": E(x).highlightedIndex.value,
           placement: E(y),
-          "tooltip-delay": E(w),
+          "tooltip-delay": E(H),
           "empty-text": E(c),
-          onSelect: O[0] || (O[0] = (R) => se(R.id))
+          onSelect: O[0] || (O[0] = (B) => ce(B.id))
         }, ne({ _: 2 }, [
-          h.$slots.marker ? {
+          m.$slots.marker ? {
             name: "marker",
-            fn: P((R) => [
-              L(h.$slots, "marker", ue(de(R)))
+            fn: P((B) => [
+              L(m.$slots, "marker", ue(de(B)))
             ]),
             key: "0"
           } : void 0,
-          h.$slots.item ? {
+          m.$slots.item ? {
             name: "item",
-            fn: P((R) => [
-              L(h.$slots, "item", ue(de(R)))
+            fn: P((B) => [
+              L(m.$slots, "item", ue(de(B)))
             ]),
             key: "1"
           } : void 0,
-          h.$slots.empty ? {
+          m.$slots.empty ? {
             name: "empty",
             fn: P(() => [
-              L(h.$slots, "empty")
+              L(m.$slots, "empty")
             ]),
             key: "2"
           } : void 0
@@ -829,12 +829,12 @@ const j = /* @__PURE__ */ G({
       Q.value ? {
         name: "search",
         fn: P(() => [
-          L(h.$slots, "search", {
+          L(m.$slots, "search", {
             searchQuery: E(x).searchQuery.value,
             setSearchQuery: ie,
             searchOptions: t.value
           }, () => [
-            ce(Ge, {
+            se(Ge, {
               "search-query": E(x).searchQuery.value,
               "search-options": t.value,
               "onUpdate:searchQuery": ie
@@ -846,11 +846,11 @@ const j = /* @__PURE__ */ G({
     ]), 1040, ["expanded", "placement", "floating-offset", "onMouseleave", "onFocusout", "onKeydown"])) : re("", !0);
   }
 });
-j.name = "TrContentNav";
-const ct = function(e) {
+j.name = "TrAnchor";
+const st = function(e) {
   e.component(j.name, j);
 };
-j.install = ct;
+j.install = st;
 export {
   j as default
 };