@opentiny/tiny-robot 0.4.2-alpha.3 → 0.4.2-alpha.5

package/dist/action-group/ActionGroup.vue.d.ts

@@ -0,0 +1,26 @@
+import { ActionGroupProps, ActionGroupSlots } from './index.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ActionGroupSlots> & ActionGroupSlots;
+    refs: {
+        moreBtnRef: HTMLSpanElement;
+        dropDownRef: HTMLUListElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ActionGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "item-click": (name: string) => any;
+}, string, import('vue').PublicProps, Readonly<ActionGroupProps> & Readonly<{
+    "onItem-click"?: ((name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    moreBtnRef: HTMLSpanElement;
+    dropDownRef: HTMLUListElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/action-group/ActionGroupItem.vue.d.ts

@@ -0,0 +1,18 @@
+import { ActionGroupItemProps } from './index.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ActionGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/action-group/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as ActionGroup } from './ActionGroup.vue';
+import { default as ActionGroupItemComp } from './ActionGroupItem.vue';
+declare const install: <T>(app: App<T>) => void;
+declare const _default: typeof ActionGroup & {
+    install: typeof install;
+};
+export default _default;
+declare const installActionGroupItem: <T>(app: App<T>) => void;
+export declare const ActionGroupItem: typeof ActionGroupItemComp & {
+    install: typeof installActionGroupItem;
+};

package/dist/action-group/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as I, nextTick as W, openBlock as o, createElementBlock as _, Fragment as N, renderList as R, createBlock as v, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as G, renderSlot as L, createVNode as x, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, createCommentVNode as E, toDisplayString as Q, vShow as U } from "vue";
-import { IconMenu as Y } from "@opentiny/tiny-robot-svgs";
+import { IconMoreCircle as Y } from "@opentiny/tiny-robot-svgs";
 import { TinyTooltip as M } from "@opentiny/vue";
-import { o as Z, b as ee } from "../index4.js";
+import { o as Z, l as ee } from "../index4.js";
 import te from "../icon-button/index.js";
 import { _ as oe } from "../_plugin-vue_export-helper.js";
 const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ $({
@@ -120,7 +120,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       }, 8, ["disabled"])) : E("", !0)
     ]));
   }
-}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-7ea2f915"]]), u = /* @__PURE__ */ $({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-5a06be84"]]), u = /* @__PURE__ */ $({
   __name: "ActionGroupItem",
   props: {
     name: {},

package/dist/action-group/index.type.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from 'vue';
+export interface ActionGroupProps {
+    maxNum?: number;
+    showTooltip?: boolean;
+    dropDownShowLabelOnly?: boolean;
+}
+export interface ActionGroupEvents {
+    (e: 'item-click', name: string): void;
+}
+export interface ActionGroupSlots {
+    default: () => VNode | VNode[];
+    moreBtn: () => VNode;
+}
+export interface ActionGroupItemProps {
+    name: string;
+    label: string;
+}

package/dist/anchor/components/AnchorItem.vue.d.ts

@@ -0,0 +1,24 @@
+import { AnchorItemProps, AnchorItemSlots } from '../internal.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<AnchorItemSlots> & AnchorItemSlots;
+    refs: {
+        itemButtonRef: HTMLButtonElement;
+    };
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AnchorItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: import('../index.type').AnchorItem) => any;
+}, string, import('vue').PublicProps, Readonly<AnchorItemProps> & Readonly<{
+    onSelect?: ((item: import('../index.type').AnchorItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemButtonRef: HTMLButtonElement;
+}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/anchor/components/AnchorList.vue.d.ts

@@ -0,0 +1,20 @@
+import { AnchorListProps, AnchorListSlots } from '../internal.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<AnchorListSlots> & AnchorListSlots;
+    refs: {};
+    rootEl: HTMLUListElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AnchorListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: import('../index.type').AnchorItem) => any;
+}, string, import('vue').PublicProps, Readonly<AnchorListProps> & Readonly<{
+    onSelect?: ((item: import('../index.type').AnchorItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/anchor/components/AnchorOverlay.vue.d.ts

@@ -0,0 +1,33 @@
+import { AnchorOverlayProps } from '../internal.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        search?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        hostEl: HTMLDivElement;
+        overlayEl: HTMLDivElement;
+        navEl: HTMLElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AnchorOverlayProps, {
+    hostEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    overlayEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    navEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnchorOverlayProps> & Readonly<{}>, {
+    floatingOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hostEl: HTMLDivElement;
+    overlayEl: HTMLDivElement;
+    navEl: HTMLElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/anchor/components/AnchorSearch.vue.d.ts

@@ -0,0 +1,7 @@
+import { AnchorSearchProps } from '../internal.type';
+declare const _default: import('vue').DefineComponent<AnchorSearchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:searchQuery": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<AnchorSearchProps> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;

package/dist/anchor/composables/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useNavController';
+export * from './useActiveSync';
+export * from './useFloatingOffset';
+export * from './useOverlayInteractions';
+export * from './useTargetFeedback';

package/dist/anchor/composables/useActiveSync.d.ts

@@ -0,0 +1,10 @@
+import { AnchorActiveSyncOptions } from '../internal.type';
+export declare function useActiveSync(options: AnchorActiveSyncOptions): {
+    activeId: import('vue').ComputedRef<string | undefined>;
+    scrollTo: (id: string) => void;
+    sync: () => void;
+    clearPendingScroll: () => void;
+    releaseSelectionLock: () => void;
+    handleUserScrollIntent: () => void;
+    handleScrollIntentKeydown: (event: KeyboardEvent) => void;
+};

package/dist/anchor/composables/useFloatingOffset.d.ts

@@ -0,0 +1,6 @@
+import { AnchorFloatingOffsetOptions } from '../internal.type';
+export declare function useFloatingOffset(options: AnchorFloatingOffsetOptions): {
+    offset: import('vue').Ref<number, number>;
+    sync: () => void;
+    resizeTargets: import('vue').ComputedRef<HTMLElement[]>;
+};

package/dist/anchor/composables/useNavController.d.ts

@@ -0,0 +1,12 @@
+import { AnchorControllerOptions, AnchorFilteredItem } from '../internal.type';
+export declare function useNavController(options: AnchorControllerOptions): {
+    expanded: import('vue').ComputedRef<boolean>;
+    searchQuery: import('vue').ComputedRef<string>;
+    filteredItems: import('vue').ComputedRef<AnchorFilteredItem[]>;
+    highlightedIndex: import('vue').ComputedRef<number>;
+    highlightedId: import('vue').ComputedRef<string>;
+    setExpanded: (value: boolean) => void;
+    setSearchQuery: (value: string) => void;
+    getHighlightedItem: () => import('../index.type').AnchorItem;
+    handleNavigationKeydown: (event: KeyboardEvent) => boolean;
+};

package/dist/anchor/composables/useOverlayInteractions.d.ts

@@ -0,0 +1,6 @@
+import { AnchorOverlayInteractionsOptions } from '../internal.type';
+export declare function useOverlayInteractions(options: AnchorOverlayInteractionsOptions): {
+    handleKeydown: (event: KeyboardEvent) => void;
+    handleMouseLeave: () => void;
+    handleFocusOut: (event: FocusEvent) => void;
+};

package/dist/anchor/composables/useTargetFeedback.d.ts

@@ -0,0 +1,5 @@
+import { AnchorTargetFeedbackOptions } from '../internal.type';
+export declare function useTargetFeedback(options: AnchorTargetFeedbackOptions): {
+    activate: (id: string) => void;
+    clear: () => void;
+};

package/dist/anchor/defaults.d.ts

@@ -0,0 +1,16 @@
+import { AnchorHighlightSegment, AnchorItem, AnchorSearchMatcher } from './index.type';
+export declare const defaultAnchorSearchMatcher: AnchorSearchMatcher;
+export declare function defaultAnchorActiveResolver(options: {
+    viewport: {
+        top: number;
+        scrollTop: number;
+        clientHeight: number;
+        scrollHeight: number;
+    };
+    anchors: Array<{
+        id: string;
+        el: HTMLElement;
+    }>;
+    activeOffset?: number;
+}): string | undefined;
+export declare function ensureAnchorSegments(item: AnchorItem, segments: false | AnchorHighlightSegment[]): AnchorHighlightSegment[];

package/dist/anchor/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as Anchor } from './index.vue';
+declare const install: <T>(app: App<T>) => void;
+declare const _default: typeof Anchor & {
+    install: typeof install;
+};
+export default _default;

package/dist/anchor/index.js

@@ -1,6 +1,6 @@
-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";
+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 ke, onBeforeUnmount as oe, nextTick as be, useAttrs as Ce, toRefs as Me, unref as E, createVNode as se, normalizeProps as ue, guardReactiveProps as de } from "vue";
+import { k as Ee, h as _e, d as V, i as he } from "../index4.js";
+import { _ as j } from "../_plugin-vue_export-helper.js";
 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-anchor__highlight"
@@ -38,24 +38,24 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
     function y(p) {
       return !!(p && p.scrollWidth > p.clientWidth);
     }
-    function b() {
+    function k() {
       var p;
       return ((p = h.value) == null ? void 0 : p.querySelector(".tr-anchor__item-label")) ?? null;
     }
     function S() {
-      n.value = l.expanded && r.value && y(b());
+      n.value = l.expanded && r.value && y(k());
     }
     function I() {
       s(), n.value = !1, !(!l.expanded || !r.value) && c();
     }
-    function k() {
+    function b() {
       s(), n.value = !1;
     }
     function $() {
       r.value = !0, I();
     }
     function H() {
-      r.value = !1, k();
+      r.value = !1, b();
     }
     function A(p) {
       p.propertyName === "max-width" && r.value && S();
@@ -64,7 +64,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       () => l.expanded,
       (p) => {
         if (!p) {
-          k();
+          b();
           return;
         }
         r.value && I();
@@ -118,7 +118,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ], 40, He)
     ], 10, Oe));
   }
-}), Be = /* @__PURE__ */ Y($e, [["__scopeId", "data-v-f39ebac0"]]), Ne = {
+}), Be = /* @__PURE__ */ j($e, [["__scopeId", "data-v-f39ebac0"]]), Ne = {
   class: "tr-anchor__list",
   role: "list"
 }, De = {
@@ -173,7 +173,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ]), 1032, ["entry", "active-id", "expanded", "highlighted", "placement", "tooltip-delay"]))), 128))
     ]));
   }
-}), Qe = /* @__PURE__ */ Y(Fe, [["__scopeId", "data-v-ff2e0912"]]), Pe = {
+}), Qe = /* @__PURE__ */ j(Fe, [["__scopeId", "data-v-ff2e0912"]]), Pe = {
   key: 0,
   class: "tr-anchor__search-cap"
 }, Ue = { class: "tr-anchor__surface" }, Ke = /* @__PURE__ */ G({
@@ -203,7 +203,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ref_key: "hostEl",
       ref: i,
       class: pe(c.value),
-      style: be(s.value)
+      style: ke(s.value)
     }, [
       D("div", {
         ref_key: "overlayEl",
@@ -227,7 +227,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       ], 512)
     ], 6));
   }
-}), qe = /* @__PURE__ */ Y(Ke, [["__scopeId", "data-v-276fbba1"]]), ze = ["value", "placeholder", "aria-label"], Ve = /* @__PURE__ */ G({
+}), qe = /* @__PURE__ */ j(Ke, [["__scopeId", "data-v-276fbba1"]]), ze = ["value", "placeholder", "aria-label"], Ve = /* @__PURE__ */ G({
   name: "AnchorSearch",
   __name: "AnchorSearch",
   props: {
@@ -250,7 +250,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
       }, null, 40, ze);
     };
   }
-}), Ge = /* @__PURE__ */ Y(Ve, [["__scopeId", "data-v-89c7e60e"]]), We = (e, a) => {
+}), Ge = /* @__PURE__ */ j(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 }];
@@ -261,7 +261,7 @@ const Oe = ["data-tooltip"], He = ["data-item-id", "aria-current", "tabindex"],
     { text: e.label.slice(r + l.length), highlighted: !1 }
   ].filter((n) => n.text.length > 0) : i.toLowerCase().includes(l) ? [{ text: e.label, highlighted: !1 }] : !1;
 };
-function je(e) {
+function Ye(e) {
   var c, s;
   const { viewport: a, anchors: l } = e;
   if (!l.length)
@@ -278,7 +278,7 @@ function je(e) {
       break;
   return n;
 }
-function Ye(e, a) {
+function je(e, a) {
   return !a || a.length === 0 ? [{ text: e.label, highlighted: !1 }] : a;
 }
 function Ze(e) {
@@ -299,7 +299,7 @@ function Ze(e) {
       const v = d.value(u, t), T = Array.isArray(v) && v.length > 0;
       return t && !T ? null : {
         item: u,
-        segments: Ye(u, v)
+        segments: je(u, v)
       };
     }).filter((u) => u !== null);
   }), y = g(
@@ -307,16 +307,16 @@ function Ze(e) {
       var t;
       return (t = f.value.find((u) => u.item.id === e.activeId.value)) == null ? void 0 : t.item.id;
     }
-  ), b = g(() => {
+  ), k = g(() => {
     var t;
     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 = f.value.findIndex((u) => u.item.id === b.value);
+    const t = f.value.findIndex((u) => u.item.id === k.value);
     return t === -1 ? 0 : t;
-  }), I = g(() => b.value);
-  function k() {
+  }), I = g(() => k.value);
+  function b() {
     h.value = !1, i.value = void 0;
   }
   function $(t) {
@@ -330,7 +330,7 @@ function Ze(e) {
   function A(t) {
     var v;
     if (!f.value.length) {
-      k();
+      b();
       return;
     }
     const u = Math.max(0, Math.min(t, f.value.length - 1));
@@ -347,20 +347,20 @@ function Ze(e) {
     f,
     (t) => {
       if (!t.length) {
-        k();
+        b();
         return;
       }
       if (y.value) {
-        k();
+        b();
         return;
       }
-      h.value && i.value && t.some((u) => u.item.id === i.value) || k();
+      h.value && i.value && t.some((u) => u.item.id === i.value) || b();
     },
     { immediate: !0, flush: "sync" }
   ), F(
     () => e.activeId.value,
     (t) => {
-      t && k();
+      t && b();
     },
     { immediate: !0, flush: "sync" }
   ), {
@@ -433,7 +433,7 @@ function Xe(e) {
   function y() {
     d(), f();
   }
-  function b(o) {
+  function k(o) {
     return o instanceof HTMLElement ? o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || o instanceof HTMLSelectElement || o.isContentEditable : !1;
   }
   function S(o) {
@@ -448,7 +448,7 @@ function Xe(e) {
     const t = Number.parseFloat(window.getComputedStyle(o).scrollMarginTop || "0");
     return Number.isFinite(t) ? t : 0;
   }
-  function k() {
+  function b() {
     var Q, K;
     const o = le(e.container.value);
     if (!o)
@@ -476,7 +476,7 @@ function Xe(e) {
         const w = e.resolveTarget(C.id);
         return w ? [{ id: C.id, el: w }] : [];
       })
-    ), U = je({
+    ), U = Ye({
       viewport: {
         top: u,
         scrollTop: t,
@@ -506,7 +506,7 @@ function Xe(e) {
     if (o.defaultPrevented || o.altKey || o.ctrlKey || o.metaKey)
       return;
     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();
+    t && o.target instanceof Node && t.contains(o.target) || k(o.target) || ["ArrowDown", "ArrowUp", "PageDown", "PageUp", "Home", "End", " "].includes(o.key) && y();
   }
   return F(
     () => {
@@ -521,7 +521,7 @@ function Xe(e) {
   }), {
     activeId: n,
     scrollTo: $,
-    sync: k,
+    sync: b,
     clearPendingScroll: d,
     releaseSelectionLock: y,
     handleUserScrollIntent: H,
@@ -555,12 +555,12 @@ function et(e) {
       a.value = 0;
       return;
     }
-    const f = d.getBoundingClientRect(), y = s.getBoundingClientRect(), b = c.getBoundingClientRect().height || 0;
-    if (!y.height || !b) {
+    const f = d.getBoundingClientRect(), y = s.getBoundingClientRect(), k = c.getBoundingClientRect().height || 0;
+    if (!y.height || !k) {
       a.value = 0;
       return;
     }
-    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);
+    const S = y.top - f.top, I = y.bottom - f.top, $ = S + y.height / 2 - k / 2, H = S + 24, A = Math.max(H, I - k - 24);
     a.value = Math.max(H, Math.min($, A));
   }
   return {
@@ -584,7 +584,7 @@ function ot(e) {
     return n instanceof HTMLElement ? n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n.isContentEditable : !1;
   }
   function l() {
-    ke(() => {
+    be(() => {
       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();
@@ -660,7 +660,7 @@ function ct(e) {
     clear: n
   };
 }
-const j = /* @__PURE__ */ G({
+const Y = /* @__PURE__ */ G({
   name: "TrAnchor",
   inheritAttrs: !1,
   __name: "index",
@@ -689,16 +689,16 @@ const j = /* @__PURE__ */ G({
       expanded: d,
       items: f,
       placement: y,
-      searchOptions: b,
+      searchOptions: k,
       searchQuery: S,
       scrollContainer: I,
-      targetFeedbackClass: k,
+      targetFeedbackClass: b,
       targetFeedbackDuration: $,
       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 ?? {});
+    }), o = g(() => k.value), t = g(() => o.value ?? {});
     function u(m) {
       const O = I.value;
       return O ? ge(O, m) ?? null : ge(document, m) ?? null;
@@ -717,7 +717,7 @@ const j = /* @__PURE__ */ G({
       expanded: d,
       expandTrigger: s,
       searchQuery: S,
-      searchOptions: b,
+      searchOptions: k,
       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({
@@ -725,7 +725,7 @@ const j = /* @__PURE__ */ G({
       host: p
     }), J = ct({
       resolveTarget: u,
-      feedbackClass: k,
+      feedbackClass: b,
       feedbackDuration: $
     });
     function z(m) {
@@ -846,11 +846,11 @@ const j = /* @__PURE__ */ G({
     ]), 1040, ["expanded", "placement", "floating-offset", "onMouseleave", "onFocusout", "onKeydown"])) : re("", !0);
   }
 });
-j.name = "TrAnchor";
+Y.name = "TrAnchor";
 const st = function(e) {
-  e.component(j.name, j);
+  e.component(Y.name, Y);
 };
-j.install = st;
+Y.install = st;
 export {
-  j as default
+  Y as default
 };

package/dist/anchor/index.type.d.ts

@@ -0,0 +1,60 @@
+import { VNode } from 'vue';
+export interface AnchorItem {
+    id: string;
+    label: string;
+    searchText?: string;
+    tooltipText?: string;
+    meta?: Record<string, unknown>;
+}
+export interface AnchorHighlightSegment {
+    text: string;
+    highlighted: boolean;
+}
+export type AnchorSearchMatcher = (item: AnchorItem, searchQuery: string) => false | AnchorHighlightSegment[];
+export type AnchorPlacement = 'left' | 'right';
+export type AnchorExpandTrigger = 'hover' | 'manual';
+export interface AnchorSearchOptions {
+    placeholder?: string;
+    matcher?: AnchorSearchMatcher;
+    clearOnCollapse?: boolean;
+}
+export interface AnchorProps {
+    items: AnchorItem[];
+    scrollContainer?: HTMLElement | null;
+    activeId?: string;
+    activeOffset?: number;
+    expanded?: boolean;
+    searchQuery?: string;
+    placement?: AnchorPlacement;
+    expandTrigger?: AnchorExpandTrigger;
+    searchOptions?: AnchorSearchOptions;
+    tooltipDelay?: number;
+    targetFeedbackClass?: string;
+    targetFeedbackDuration?: number;
+    emptyText?: string;
+}
+export interface AnchorEmits {
+    'update:activeId': [value: string | undefined];
+    'update:expanded': [value: boolean];
+    'update:searchQuery': [value: string];
+    select: [item: AnchorItem];
+}
+export interface AnchorSlots {
+    item?: (slotProps: {
+        item: AnchorItem;
+        segments: AnchorHighlightSegment[];
+        active: boolean;
+        expanded: boolean;
+        highlighted: boolean;
+    }) => VNode | VNode[];
+    marker?: (slotProps: {
+        item: AnchorItem;
+        active: boolean;
+    }) => VNode | VNode[];
+    search?: (slotProps: {
+        searchQuery: string;
+        setSearchQuery: (value: string) => void;
+        searchOptions: AnchorSearchOptions;
+    }) => VNode | VNode[];
+    empty?: () => VNode | VNode[];
+}