@expcat/tigercat-vue 1.0.7 → 1.1.0

package/dist/{chunk-OMYSFPX6.mjs → chunk-ZSQ5I2KL.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, h } from 'vue';
-import { navigateToFolder, filterHiddenFiles, filterFileItems, sortFileItems, classNames, getFileManagerContainerClasses, coerceClassValue, fileManagerBreadcrumbItemClasses, fileManagerBreadcrumbSeparatorClasses, fileManagerBreadcrumbClasses, fileManagerSearchClasses, fileManagerToolbarClasses, fileManagerContentClasses, fileManagerEmptyClasses, fileManagerLoadingClasses, getFileItemClasses, fileManagerItemNameClasses, fileManagerItemMetaClasses, formatFileSizeLabel, fileManagerItemIconClasses } from '@expcat/tigercat-core';
+import { deriveFileManagerModel, classNames, getFileManagerContainerClasses, coerceClassValue, fileManagerBreadcrumbItemClasses, fileManagerBreadcrumbSeparatorClasses, fileManagerBreadcrumbClasses, fileManagerSearchClasses, fileManagerToolbarClasses, fileManagerContentClasses, fileManagerEmptyClasses, fileManagerLoadingClasses, sliceBreadcrumbPath, getFileItemClasses, fileManagerItemNameClasses, fileManagerItemMetaClasses, formatFileSizeLabel, toFileDragItem, resolveFileOpen, toggleFileSelection, fileManagerItemIconClasses } from '@expcat/tigercat-core';
 
 // src/components/FileManager.ts
 var FileManager = defineComponent({
@@ -46,43 +46,38 @@ var FileManager = defineComponent({
   ],
   setup(props, { emit, attrs }) {
     const localSearch = ref(props.searchText);
-    const currentItems = computed(() => navigateToFolder(props.files, props.currentPath));
-    const processedItems = computed(() => {
-      let items = filterHiddenFiles(currentItems.value, props.showHidden);
-      if (localSearch.value || props.searchText) {
-        items = filterFileItems(items, localSearch.value || props.searchText);
-      }
-      return sortFileItems(items, props.sortField, props.sortOrder);
-    });
-    const selectedSet = computed(() => new Set(props.selectedKeys));
+    const model = computed(
+      () => deriveFileManagerModel({
+        files: props.files,
+        currentPath: props.currentPath,
+        selectedKeys: props.selectedKeys,
+        sortField: props.sortField,
+        sortOrder: props.sortOrder,
+        showHidden: props.showHidden,
+        searchText: localSearch.value || props.searchText
+      })
+    );
     const containerClasses = computed(
       () => classNames(getFileManagerContainerClasses(props.className), coerceClassValue(attrs.class))
     );
     function handleSelect(item) {
       if (item.disabled) return;
       emit("select", item);
-      const keys = [...props.selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!props.multiple) keys.length = 0;
-        keys.push(item.key);
-      }
+      const keys = toggleFileSelection(props.selectedKeys, item.key, props.multiple);
       emit("update:selectedKeys", keys);
     }
     function handleOpen(item) {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...props.currentPath, item.name];
-        emit("update:currentPath", newPath);
-        emit("navigate", newPath);
+      const result = resolveFileOpen(item, props.currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        emit("update:currentPath", result.path);
+        emit("navigate", result.path);
       } else {
-        emit("open", item);
+        emit("open", result.item);
       }
     }
     function navigateToBreadcrumb(index) {
-      const newPath = props.currentPath.slice(0, index);
+      const newPath = sliceBreadcrumbPath(props.currentPath, index);
       emit("update:currentPath", newPath);
       emit("navigate", newPath);
     }
@@ -134,14 +129,15 @@ var FileManager = defineComponent({
         { class: fileManagerItemIconClasses, "aria-hidden": "true" },
         item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
       );
-      const renderItem = (item) => {
-        const isSelected = selectedSet.value.has(item.key);
+      const renderItem = (item, index) => {
+        const isSelected = model.value.selectedSet.has(item.key);
         const itemClass = getFileItemClasses(props.viewMode, isSelected);
         const nameEl = h("span", { class: fileManagerItemNameClasses }, item.name);
         const metaEls = props.viewMode === "list" ? [
           item.size !== void 0 ? h("span", { class: fileManagerItemMetaClasses }, formatFileSizeLabel(item.size)) : null,
           item.modified ? h("span", { class: fileManagerItemMetaClasses }, item.modified) : null
         ] : [];
+        const dragItem = props.draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
         return h(
           "div",
           {
@@ -152,16 +148,17 @@ var FileManager = defineComponent({
             "data-disabled": item.disabled || void 0,
             onClick: () => handleSelect(item),
             onDblclick: () => handleOpen(item),
-            draggable: props.draggable && !item.disabled
+            draggable: props.draggable && !item.disabled,
+            "data-drag-id": dragItem?.id
           },
           [fileIcon(item), nameEl, ...metaEls]
         );
       };
       const contentClass = props.viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
-      const content = processedItems.value.length > 0 ? h(
+      const content = model.value.processedItems.length > 0 ? h(
         "div",
         { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
-        processedItems.value.map(renderItem)
+        model.value.processedItems.map(renderItem)
       ) : h("div", { class: fileManagerEmptyClasses }, props.emptyText);
       const loadingEl = props.loading ? h("div", { class: fileManagerLoadingClasses }, "Loading...") : null;
       return h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);

package/dist/{chunk-QNODDATK.mjs → chunk-ZWTC2CUB.mjs}

@@ -1,5 +1,5 @@
 import { h, defineComponent, ref, computed, watch, onBeforeUnmount, nextTick } from 'vue';
-import { icon20ViewBox, chevronDownSolidIcon20PathD, closeSolidIcon20PathD, checkSolidIcon20PathD, filterOptions, flattenSelectOptions, getSelectTriggerClasses, selectBaseClasses, classNames, selectDropdownBaseClasses, selectSearchInputClasses, isOptionGroup, selectGroupLabelClasses, selectEmptyStateClasses, getSelectOptionClasses } from '@expcat/tigercat-core';
+import { icon20ViewBox, chevronDownSolidIcon20PathD, closeSolidIcon20PathD, checkSolidIcon20PathD, filterOptions, flattenSelectOptions, findFirstEnabledIndex, getSelectTriggerClasses, selectBaseClasses, classNames, selectDropdownBaseClasses, selectSearchInputClasses, isOptionGroup, selectGroupLabelClasses, selectEmptyStateClasses, findNextEnabledIndex, findLastEnabledIndex, getSelectOptionClasses } from '@expcat/tigercat-core';
 
 // src/components/Select.ts
 var selectInstanceId = 0;
@@ -192,27 +192,9 @@ var Select = defineComponent({
       }
       return props.modelValue === option.value;
     }
-    const findFirstEnabledIndex = () => flatFilteredOptions.value.findIndex((opt) => !opt.disabled);
-    const findLastEnabledIndex = () => {
-      for (let i = flatFilteredOptions.value.length - 1; i >= 0; i--) {
-        if (!flatFilteredOptions.value[i]?.disabled) {
-          return i;
-        }
-      }
-      return -1;
-    };
-    const findNextEnabledIndex = (current, direction) => {
-      if (flatFilteredOptions.value.length === 0) {
-        return -1;
-      }
-      const start = current < 0 ? direction === 1 ? 0 : flatFilteredOptions.value.length - 1 : current + direction;
-      for (let i = start; i >= 0 && i < flatFilteredOptions.value.length; i += direction) {
-        if (!flatFilteredOptions.value[i]?.disabled) {
-          return i;
-        }
-      }
-      return current;
-    };
+    const findFirstEnabledIndex$1 = () => findFirstEnabledIndex(flatFilteredOptions.value);
+    const findLastEnabledIndex$1 = () => findLastEnabledIndex(flatFilteredOptions.value);
+    const findNextEnabledIndex$1 = (current, direction) => findNextEnabledIndex(flatFilteredOptions.value, current, direction);
     const focusOptionAt = (index) => {
       if (index < 0) {
         return;
@@ -305,7 +287,7 @@ var Select = defineComponent({
             isOpen.value = true;
             return;
           }
-          const next = findNextEnabledIndex(activeIndex.value, 1);
+          const next = findNextEnabledIndex$1(activeIndex.value, 1);
           setActiveAndFocus(next);
           return;
         }
@@ -315,7 +297,7 @@ var Select = defineComponent({
             isOpen.value = true;
             return;
           }
-          const next = findNextEnabledIndex(activeIndex.value, -1);
+          const next = findNextEnabledIndex$1(activeIndex.value, -1);
           setActiveAndFocus(next);
           return;
         }
@@ -344,25 +326,25 @@ var Select = defineComponent({
       switch (event.key) {
         case "ArrowDown": {
           event.preventDefault();
-          const next = findNextEnabledIndex(activeIndex.value, 1);
+          const next = findNextEnabledIndex$1(activeIndex.value, 1);
           setActiveAndFocus(next);
           return;
         }
         case "ArrowUp": {
           event.preventDefault();
-          const next = findNextEnabledIndex(activeIndex.value, -1);
+          const next = findNextEnabledIndex$1(activeIndex.value, -1);
           setActiveAndFocus(next);
           return;
         }
         case "Home": {
           event.preventDefault();
-          const next = findFirstEnabledIndex();
+          const next = findFirstEnabledIndex$1();
           setActiveAndFocus(next);
           return;
         }
         case "End": {
           event.preventDefault();
-          const next = findLastEnabledIndex();
+          const next = findLastEnabledIndex$1();
           setActiveAndFocus(next);
           return;
         }
@@ -397,14 +379,14 @@ var Select = defineComponent({
         case "ArrowDown": {
           event.preventDefault();
           event.stopPropagation();
-          const next = activeIndex.value >= 0 ? activeIndex.value : findFirstEnabledIndex();
+          const next = activeIndex.value >= 0 ? activeIndex.value : findFirstEnabledIndex$1();
           setActiveAndFocus(next);
           return;
         }
         case "ArrowUp": {
           event.preventDefault();
           event.stopPropagation();
-          const next = activeIndex.value >= 0 ? activeIndex.value : findLastEnabledIndex();
+          const next = activeIndex.value >= 0 ? activeIndex.value : findLastEnabledIndex$1();
           setActiveAndFocus(next);
           return;
         }
@@ -452,7 +434,7 @@ var Select = defineComponent({
               (opt) => opt.value === value && !opt.disabled
             );
           })();
-          const nextActive = selectedIndex >= 0 ? selectedIndex : findFirstEnabledIndex();
+          const nextActive = selectedIndex >= 0 ? selectedIndex : findFirstEnabledIndex$1();
           activeIndex.value = nextActive;
           if (!props.searchable) {
             focusOptionAt(nextActive);

package/dist/components/ActivityFeed.d.mts

@@ -107,15 +107,15 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    style: Record<string, string | number>;
+    loadingText: string;
+    emptyText: string;
     loading: boolean;
     className: string;
-    emptyText: string;
+    style: Record<string, string | number>;
     groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
     groupOrder: string[];
-    loadingText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;

package/dist/components/ActivityFeed.d.ts

@@ -107,15 +107,15 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    style: Record<string, string | number>;
+    loadingText: string;
+    emptyText: string;
     loading: boolean;
     className: string;
-    emptyText: string;
+    style: Record<string, string | number>;
     groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
     groupOrder: string[];
-    loadingText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;

package/dist/components/ActivityFeed.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkLLU76X6I_js = require('../chunk-LLU76X6I.js');
+var chunkP4XGEFV3_js = require('../chunk-P4XGEFV3.js');
 require('../chunk-27T3QDSF.js');
 require('../chunk-ZED7TU62.js');
-require('../chunk-DN5GU5PC.js');
+require('../chunk-2LNNB55E.js');
+require('../chunk-JDCVS4SJ.js');
 require('../chunk-2KDSHEZT.js');
 require('../chunk-DUQ7Q2GO.js');
 require('../chunk-XGXGAK27.js');
 require('../chunk-WPIDP6IG.js');
-require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "ActivityFeed", {
   enumerable: true,
-  get: function () { return chunkLLU76X6I_js.ActivityFeed; }
+  get: function () { return chunkP4XGEFV3_js.ActivityFeed; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkLLU76X6I_js.ActivityFeed_default; }
+  get: function () { return chunkP4XGEFV3_js.ActivityFeed_default; }
 });

package/dist/components/ActivityFeed.mjs

@@ -1,9 +1,9 @@
-export { ActivityFeed, ActivityFeed_default as default } from '../chunk-P4X7GS2X.mjs';
+export { ActivityFeed, ActivityFeed_default as default } from '../chunk-MDPHUCVS.mjs';
 import '../chunk-LBGTABIU.mjs';
 import '../chunk-4YHOD7LT.mjs';
-import '../chunk-Q6OYCTQO.mjs';
+import '../chunk-PCUUTKQZ.mjs';
+import '../chunk-7RIWAO2A.mjs';
 import '../chunk-3G4VPV4D.mjs';
 import '../chunk-6V7XCCXN.mjs';
 import '../chunk-KOTSKHPQ.mjs';
 import '../chunk-COCECPMG.mjs';
-import '../chunk-53M2BTB5.mjs';

package/dist/components/Affix.d.mts

@@ -64,8 +64,8 @@ declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, string | number>;
     className: string;
+    style: Record<string, string | number>;
     target: string;
     zIndex: number;
     offsetTop: number;

package/dist/components/Affix.d.ts

@@ -64,8 +64,8 @@ declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, string | number>;
     className: string;
+    style: Record<string, string | number>;
     target: string;
     zIndex: number;
     offsetTop: number;

package/dist/components/Affix.js

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkHRIKUP6R_js = require('../chunk-HRIKUP6R.js');
-require('../chunk-PNKVD2UK.js');
+var chunkUT6T25YJ_js = require('../chunk-UT6T25YJ.js');
 
 
 
 Object.defineProperty(exports, "Affix", {
   enumerable: true,
-  get: function () { return chunkHRIKUP6R_js.Affix; }
+  get: function () { return chunkUT6T25YJ_js.Affix; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkHRIKUP6R_js.Affix_default; }
+  get: function () { return chunkUT6T25YJ_js.Affix_default; }
 });

package/dist/components/Affix.mjs

@@ -1,2 +1 @@
-export { Affix, Affix_default as default } from '../chunk-YUEBMBOH.mjs';
-import '../chunk-53M2BTB5.mjs';
+export { Affix, Affix_default as default } from '../chunk-RVU47MU6.mjs';

package/dist/components/Alert.d.mts

@@ -205,12 +205,12 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     type: AlertType;
-    style: Record<string, string | number>;
-    title: string;
+    closeAriaLabel: string;
     size: AlertSize;
     className: string;
+    style: Record<string, string | number>;
+    title: string;
     closable: boolean;
-    closeAriaLabel: string;
     showIcon: boolean;
     description: string;
     duration: number;

package/dist/components/Alert.d.ts

@@ -205,12 +205,12 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     type: AlertType;
-    style: Record<string, string | number>;
-    title: string;
+    closeAriaLabel: string;
     size: AlertSize;
     className: string;
+    style: Record<string, string | number>;
+    title: string;
     closable: boolean;
-    closeAriaLabel: string;
     showIcon: boolean;
     description: string;
     duration: number;

package/dist/components/Alert.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var chunkFUGSQXFR_js = require('../chunk-FUGSQXFR.js');
 require('../chunk-JCMGBKS6.js');
-require('../chunk-PNKVD2UK.js');
 
 
 

package/dist/components/Alert.mjs

@@ -1,3 +1,2 @@
 export { Alert, Alert_default as default } from '../chunk-4K2CCBFT.mjs';
 import '../chunk-2TNZ4JNT.mjs';
-import '../chunk-53M2BTB5.mjs';

package/dist/components/Anchor.d.mts

@@ -23,6 +23,71 @@ interface VueAnchorProps {
     className?: string;
     style?: Record<string, unknown>;
 }
+interface VueAnchorLinkProps {
+    href: string;
+    title?: string;
+    target?: string;
+    className?: string;
+}
+declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Target anchor ID (with #)
+     */
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Link title/text
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Link target attribute
+     */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Target anchor ID (with #)
+     */
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Link title/text
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Link target attribute
+     */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    title: string;
+    target: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
@@ -96,7 +161,7 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "click")[], "change" | "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change")[], "click" | "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
      * @default true
@@ -168,11 +233,11 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, unknown>;
     className: string;
+    style: Record<string, unknown>;
     direction: AnchorDirection;
     affix: boolean;
     bounds: number;
@@ -183,4 +248,4 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     getContainer: () => HTMLElement | Window;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Anchor, type AnchorContext, AnchorContextKey, type VueAnchorProps, Anchor as default };
+export { Anchor, type AnchorContext, AnchorContextKey, AnchorLink, type VueAnchorLinkProps, type VueAnchorProps, Anchor as default };

package/dist/components/Anchor.d.ts

@@ -23,6 +23,71 @@ interface VueAnchorProps {
     className?: string;
     style?: Record<string, unknown>;
 }
+interface VueAnchorLinkProps {
+    href: string;
+    title?: string;
+    target?: string;
+    className?: string;
+}
+declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Target anchor ID (with #)
+     */
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Link title/text
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Link target attribute
+     */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Target anchor ID (with #)
+     */
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Link title/text
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Link target attribute
+     */
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    title: string;
+    target: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
@@ -96,7 +161,7 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "click")[], "change" | "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change")[], "click" | "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
      * @default true
@@ -168,11 +233,11 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, unknown>;
     className: string;
+    style: Record<string, unknown>;
     direction: AnchorDirection;
     affix: boolean;
     bounds: number;
@@ -183,4 +248,4 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     getContainer: () => HTMLElement | Window;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Anchor, type AnchorContext, AnchorContextKey, type VueAnchorProps, Anchor as default };
+export { Anchor, type AnchorContext, AnchorContextKey, AnchorLink, type VueAnchorLinkProps, type VueAnchorProps, Anchor as default };

package/dist/components/Anchor.js

@@ -2,20 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkR77ZKZ5F_js = require('../chunk-R77ZKZ5F.js');
-require('../chunk-PNKVD2UK.js');
+var chunkQYSFZA5V_js = require('../chunk-QYSFZA5V.js');
 
 
 
 Object.defineProperty(exports, "Anchor", {
   enumerable: true,
-  get: function () { return chunkR77ZKZ5F_js.Anchor; }
+  get: function () { return chunkQYSFZA5V_js.Anchor; }
 });
 Object.defineProperty(exports, "AnchorContextKey", {
   enumerable: true,
-  get: function () { return chunkR77ZKZ5F_js.AnchorContextKey; }
+  get: function () { return chunkQYSFZA5V_js.AnchorContextKey; }
+});
+Object.defineProperty(exports, "AnchorLink", {
+  enumerable: true,
+  get: function () { return chunkQYSFZA5V_js.AnchorLink; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkR77ZKZ5F_js.Anchor_default; }
+  get: function () { return chunkQYSFZA5V_js.Anchor_default; }
 });

package/dist/components/Anchor.mjs

@@ -1,2 +1 @@
-export { Anchor, AnchorContextKey, Anchor_default as default } from '../chunk-LRHJZP2C.mjs';
-import '../chunk-53M2BTB5.mjs';
+export { Anchor, AnchorContextKey, AnchorLink, Anchor_default as default } from '../chunk-E6RGBYI3.mjs';