@expcat/tigercat-vue 1.0.4 → 1.1.0

package/dist/{chunk-VDNAGLQJ.js → chunk-7QX4QWWN.js}

@@ -48,43 +48,38 @@ var FileManager = vue.defineComponent({
   ],
   setup(props, { emit, attrs }) {
     const localSearch = vue.ref(props.searchText);
-    const currentItems = vue.computed(() => tigercatCore.navigateToFolder(props.files, props.currentPath));
-    const processedItems = vue.computed(() => {
-      let items = tigercatCore.filterHiddenFiles(currentItems.value, props.showHidden);
-      if (localSearch.value || props.searchText) {
-        items = tigercatCore.filterFileItems(items, localSearch.value || props.searchText);
-      }
-      return tigercatCore.sortFileItems(items, props.sortField, props.sortOrder);
-    });
-    const selectedSet = vue.computed(() => new Set(props.selectedKeys));
+    const model = vue.computed(
+      () => tigercatCore.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 = vue.computed(
       () => tigercatCore.classNames(tigercatCore.getFileManagerContainerClasses(props.className), tigercatCore.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 = tigercatCore.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 = tigercatCore.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 = tigercatCore.sliceBreadcrumbPath(props.currentPath, index);
       emit("update:currentPath", newPath);
       emit("navigate", newPath);
     }
@@ -136,14 +131,15 @@ var FileManager = vue.defineComponent({
         { class: tigercatCore.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 = tigercatCore.getFileItemClasses(props.viewMode, isSelected);
         const nameEl = vue.h("span", { class: tigercatCore.fileManagerItemNameClasses }, item.name);
         const metaEls = props.viewMode === "list" ? [
           item.size !== void 0 ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, tigercatCore.formatFileSizeLabel(item.size)) : null,
           item.modified ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, item.modified) : null
         ] : [];
+        const dragItem = props.draggable && !item.disabled ? tigercatCore.toFileDragItem(item, index) : void 0;
         return vue.h(
           "div",
           {
@@ -154,16 +150,17 @@ var FileManager = vue.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" ? `${tigercatCore.fileManagerContentClasses} grid grid-cols-4 gap-2` : tigercatCore.fileManagerContentClasses;
-      const content = processedItems.value.length > 0 ? vue.h(
+      const content = model.value.processedItems.length > 0 ? vue.h(
         "div",
         { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
-        processedItems.value.map(renderItem)
+        model.value.processedItems.map(renderItem)
       ) : vue.h("div", { class: tigercatCore.fileManagerEmptyClasses }, props.emptyText);
       const loadingEl = props.loading ? vue.h("div", { class: tigercatCore.fileManagerLoadingClasses }, "Loading...") : null;
       return vue.h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);

package/dist/{chunk-CU4M5ABS.mjs → chunk-7RIWAO2A.mjs}

@@ -1,19 +1,20 @@
-import { autoUpdateFloating, isEscapeKey, computeFloatingPosition, isEventOutside } from '@expcat/tigercat-core';
-import { ref, watch, onBeforeUnmount } from 'vue';
+import { lockBodyScroll, autoUpdateFloating, isEscapeKey, getFocusableElements, getFocusTrapNavigation, computeFloatingPosition, isEventOutside } from '@expcat/tigercat-core';
+import { watch, h, Teleport, ref, onBeforeUnmount } from 'vue';
 
 // src/utils/overlay.ts
 function useVueClickOutside({
   enabled,
   containerRef,
+  refs,
   onOutsideClick,
   defer = false
 }) {
   let timer;
   const handler = (event) => {
     if (!enabled.value) return;
-    const container = containerRef.value;
-    if (!container) return;
-    if (isEventOutside(event, [container])) {
+    const elements = refs?.length ? refs.map((ref2) => ref2?.value) : [containerRef?.value];
+    if (!elements.some(Boolean)) return;
+    if (isEventOutside(event, elements)) {
       onOutsideClick();
     }
   };
@@ -39,6 +40,39 @@ function useVueEscapeKey({ enabled, onEscape }) {
   document.addEventListener("keydown", handler);
   return () => document.removeEventListener("keydown", handler);
 }
+function useVueBodyScrollLock(enabled) {
+  watch(
+    enabled,
+    (isEnabled, _prevEnabled, onCleanup) => {
+      if (!isEnabled) return;
+      const unlock = lockBodyScroll();
+      onCleanup(() => unlock());
+    },
+    { immediate: true }
+  );
+}
+function renderVueBodyTeleport(children, disabled = false) {
+  return h(Teleport, { to: "body", disabled }, children);
+}
+function useVueFocusTrap({ enabled, containerRef }) {
+  watch(
+    [enabled, containerRef],
+    ([isEnabled, container], _previous, onCleanup) => {
+      if (!isEnabled || !container) return;
+      const handler = (event) => {
+        const focusables = getFocusableElements(container);
+        const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
+        const navigation = getFocusTrapNavigation(event, focusables, activeElement);
+        if (!navigation.shouldHandle || !navigation.next) return;
+        event.preventDefault();
+        navigation.next.focus();
+      };
+      container.addEventListener("keydown", handler);
+      onCleanup(() => container.removeEventListener("keydown", handler));
+    },
+    { immediate: true, flush: "post" }
+  );
+}
 function useVueFloating(options) {
   const {
     referenceRef,
@@ -111,4 +145,4 @@ function useVueFloating(options) {
   };
 }
 
-export { useVueClickOutside, useVueEscapeKey, useVueFloating };
+export { renderVueBodyTeleport, useVueBodyScrollLock, useVueClickOutside, useVueEscapeKey, useVueFloating, useVueFocusTrap };

package/dist/{chunk-GJFT5IQR.js → chunk-A5HHG53Z.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunk2WZGK7XJ_js = require('./chunk-2WZGK7XJ.js');
+var chunkLWDA7ABQ_js = require('./chunk-LWDA7ABQ.js');
+var chunkJDCVS4SJ_js = require('./chunk-JDCVS4SJ.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -41,7 +42,7 @@ var Popover = vue.defineComponent({
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = chunk2WZGK7XJ_js.useFloatingPopup({ props, emit });
+    } = chunkLWDA7ABQ_js.useFloatingPopup({ props, emit });
     const popoverId = createPopoverId();
     const titleId = `${popoverId}-title`;
     const contentId = `${popoverId}-content`;
@@ -82,31 +83,33 @@ var Popover = vue.defineComponent({
             defaultSlot
           ),
           // Floating content
-          currentVisible.value ? vue.h("div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
-            vue.h(
-              "div",
-              {
-                id: popoverId,
-                role: "dialog",
-                "aria-modal": "false",
-                "aria-labelledby": hasTitle ? titleId : void 0,
-                "aria-describedby": hasContent ? contentId : void 0,
-                class: contentClasses.value
-              },
-              [
-                hasTitle && vue.h(
-                  "div",
-                  { id: titleId, class: tigercatCore.POPOVER_TITLE_CLASSES },
-                  slots.title ? slots.title() : props.title
-                ),
-                hasContent && vue.h(
-                  "div",
-                  { id: contentId, class: tigercatCore.POPOVER_TEXT_CLASSES },
-                  slots.content ? slots.content() : props.content
-                )
-              ].filter(Boolean)
-            )
-          ]) : null
+          currentVisible.value ? chunkJDCVS4SJ_js.renderVueBodyTeleport(
+            vue.h("div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
+              vue.h(
+                "div",
+                {
+                  id: popoverId,
+                  role: "dialog",
+                  "aria-modal": "false",
+                  "aria-labelledby": hasTitle ? titleId : void 0,
+                  "aria-describedby": hasContent ? contentId : void 0,
+                  class: contentClasses.value
+                },
+                [
+                  hasTitle && vue.h(
+                    "div",
+                    { id: titleId, class: tigercatCore.POPOVER_TITLE_CLASSES },
+                    slots.title ? slots.title() : props.title
+                  ),
+                  hasContent && vue.h(
+                    "div",
+                    { id: contentId, class: tigercatCore.POPOVER_TEXT_CLASSES },
+                    slots.content ? slots.content() : props.content
+                  )
+                ].filter(Boolean)
+              )
+            ])
+          ) : null
         ]
       );
     };

package/dist/{chunk-Q57TYGO4.js → chunk-A5HRX7EG.js}

@@ -22,6 +22,7 @@ var Mentions = vue.defineComponent({
     const mentionStartPos = vue.ref(-1);
     const query = vue.ref("");
     const textareaRef = vue.ref(null);
+    const dropdownRef = vue.ref(null);
     const containerRef = vue.ref(null);
     const filteredOptions = vue.computed(() => {
       if (!query.value) return props.options || [];
@@ -80,6 +81,16 @@ var Mentions = vue.defineComponent({
       if (val) document.addEventListener("mousedown", onClickOutside);
       else document.removeEventListener("mousedown", onClickOutside);
     });
+    vue.watch(
+      [isOpen, filteredOptions],
+      async () => {
+        if (!isOpen.value || filteredOptions.value.length === 0) return;
+        await vue.nextTick();
+        if (!textareaRef.value || !dropdownRef.value) return;
+        await tigercatCore.positionMentionsDropdown(textareaRef.value, dropdownRef.value);
+      },
+      { flush: "post" }
+    );
     vue.onBeforeUnmount(() => {
       document.removeEventListener("mousedown", onClickOutside);
     });
@@ -98,7 +109,7 @@ var Mentions = vue.defineComponent({
         }),
         isOpen.value && filteredOptions.value.length > 0 ? vue.h(
           "div",
-          { class: tigercatCore.mentionsDropdownClasses, role: "listbox" },
+          { ref: dropdownRef, class: tigercatCore.mentionsDropdownClasses, role: "listbox" },
           filteredOptions.value.map(
             (opt, i) => vue.h(
               "div",

package/dist/{chunk-3G7QYQYL.js → chunk-A7FN3S4I.js}

@@ -17,18 +17,55 @@ var Stepper = vue.defineComponent({
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
+    const repeatController = tigercatCore.createRafRepeatActionController();
+    let repeatValue = props.modelValue;
+    let suppressNextClick = false;
+    vue.onBeforeUnmount(() => repeatController.stop());
     function setValue(v) {
       const clamped = tigercatCore.clampStepperValue(v, props.min, props.max, props.precision);
       emit("update:modelValue", clamped);
       emit("change", clamped);
+      return clamped;
+    }
+    function stepBy(direction, baseValue = props.modelValue) {
+      return setValue(direction === "up" ? baseValue + props.step : baseValue - props.step);
     }
     function decrement() {
+      if (suppressNextClick) {
+        suppressNextClick = false;
+        return;
+      }
       if (props.disabled) return;
-      setValue(props.modelValue - props.step);
+      stepBy("down");
     }
     function increment() {
+      if (suppressNextClick) {
+        suppressNextClick = false;
+        return;
+      }
       if (props.disabled) return;
-      setValue(props.modelValue + props.step);
+      stepBy("up");
+    }
+    function startStepRepeat(direction) {
+      return (event) => {
+        event.preventDefault();
+        if (props.disabled) return;
+        if (direction === "down" && props.modelValue <= props.min) return;
+        if (direction === "up" && props.modelValue >= props.max) return;
+        suppressNextClick = true;
+        repeatValue = props.modelValue;
+        repeatController.start(() => {
+          const baseValue = repeatValue;
+          const nextValue = stepBy(direction, baseValue);
+          repeatValue = nextValue;
+          if (nextValue === baseValue) {
+            repeatController.stop();
+          }
+        });
+      };
+    }
+    function stopStepRepeat() {
+      repeatController.stop();
     }
     function handleInput(e) {
       const val = Number(e.target.value);
@@ -61,6 +98,10 @@ var Stepper = vue.defineComponent({
               class: tigercatCore.getStepperButtonClasses(props.size, props.disabled || atMin, "left"),
               disabled: props.disabled || atMin,
               "aria-label": "Decrease",
+              onPointerdown: startStepRepeat("down"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
               onClick: decrement
             },
             [icon(tigercatCore.minusPathD)]
@@ -80,6 +121,10 @@ var Stepper = vue.defineComponent({
               class: tigercatCore.getStepperButtonClasses(props.size, props.disabled || atMax, "right"),
               disabled: props.disabled || atMax,
               "aria-label": "Increase",
+              onPointerdown: startStepRepeat("up"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
               onClick: increment
             },
             [icon(tigercatCore.plusPathD)]

package/dist/{chunk-JN63Z5E5.js → chunk-ABLH42TR.js}

@@ -592,7 +592,7 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      hour.toString().padStart(2, "0")
+                      tigercatCore.padTwo(hour)
                     );
                   })
                 )
@@ -623,7 +623,7 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      minute.toString().padStart(2, "0")
+                      tigercatCore.padTwo(minute)
                     );
                   })
                 )
@@ -652,7 +652,7 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      second.toString().padStart(2, "0")
+                      tigercatCore.padTwo(second)
                     );
                   })
                 )

package/dist/{chunk-BKTQ6RWR.js → chunk-ACYYQJ6M.js}

@@ -71,9 +71,9 @@ var ChartLegend = vue.defineComponent({
             key: `legend-${item.index}`,
             type: props.interactive ? "button" : void 0,
             class: tigercatCore.classNames(
-              "flex items-center gap-2 text-sm",
+              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] transition-colors" : "cursor-default",
+              props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
             role: "listitem",
@@ -88,7 +88,8 @@ var ChartLegend = vue.defineComponent({
               style: {
                 width: `${props.markerSize}px`,
                 height: `${props.markerSize}px`,
-                backgroundColor: item.color
+                background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
+                "--tiger-chart-legend-marker-color": item.color
               },
               "aria-hidden": "true",
               "data-legend-marker": "true"

package/dist/{chunk-GA5S2KNZ.js → chunk-AEU46D6B.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkV4PBWEAU_js = require('./chunk-V4PBWEAU.js');
+var chunkBZBQUUXF_js = require('./chunk-BZBQUUXF.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -161,7 +161,7 @@ var Upload = vue.defineComponent({
     const inputRef = vue.ref(null);
     const isDragging = vue.ref(false);
     const spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-    const config = chunkV4PBWEAU_js.useTigerConfig();
+    const config = chunkBZBQUUXF_js.useTigerConfig();
     const mergedLocale = vue.computed(() => tigercatCore.mergeTigerLocale(config.value.locale, props.locale));
     const labels = vue.computed(() => tigercatCore.getUploadLabels(mergedLocale.value, props.labels));
     const isControlled = vue.computed(() => props.fileList !== void 0);
@@ -253,21 +253,20 @@ var Upload = vue.defineComponent({
       emit("preview", file);
     };
     const handleDragOver = (event) => {
-      if (props.disabled) return;
-      event.preventDefault();
-      isDragging.value = true;
+      const result = tigercatCore.handleUploadDragOver(event, props.disabled);
+      if (!result.handled) return;
+      isDragging.value = result.isDragging;
     };
     const handleDragLeave = (event) => {
-      if (props.disabled) return;
-      event.preventDefault();
-      isDragging.value = false;
+      const result = tigercatCore.handleUploadDragLeave(event, props.disabled);
+      if (!result.handled) return;
+      isDragging.value = result.isDragging;
     };
     const handleDrop = async (event) => {
-      if (props.disabled) return;
-      event.preventDefault();
-      isDragging.value = false;
-      const files = Array.from(event.dataTransfer?.files || []);
-      await processFiles(files);
+      const result = tigercatCore.handleUploadDrop(event, props.disabled);
+      if (!result.handled) return;
+      isDragging.value = result.isDragging;
+      await processFiles(result.files);
     };
     const handleDragKeydown = (event) => {
       if (props.disabled) return;

package/dist/{chunk-XQKIMRRF.js → chunk-AGVXMB4Q.js}

@@ -61,18 +61,22 @@ var VirtualTable = vue.defineComponent({
       )
     );
     const selectedSet = vue.computed(() => new Set(props.selectedKeys));
+    const fixedInfo = vue.computed(() => tigercatCore.getVirtualTableFixedInfo(props.columns));
     return () => {
-      const headerCells = props.columns.map(
-        (col) => vue.h(
+      const fi = fixedInfo.value;
+      const headerCells = props.columns.map((col) => {
+        const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+        const stickyStyle = tigercatCore.getVirtualTableFixedCellStyle(col.key, fi);
+        return vue.h(
           "th",
           {
             key: col.key,
             class: tigercatCore.virtualTableHeaderCellClasses,
-            style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
+            style: { ...widthStyle, ...stickyStyle }
           },
           col.title ?? ""
-        )
-      );
+        );
+      });
       const headerRow = vue.h("tr", {}, headerCells);
       const thead = vue.h(
         "thead",
@@ -92,7 +96,8 @@ var VirtualTable = vue.defineComponent({
             "td",
             {
               key: col.key,
-              class: tigercatCore.virtualTableCellClasses
+              class: tigercatCore.virtualTableCellClasses,
+              style: tigercatCore.getVirtualTableFixedCellStyle(col.key, fi)
             },
             String(row[col.key] ?? "")
           )

package/dist/{chunk-T52TU2RW.mjs → chunk-AXDBME5A.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, onMounted, computed, onBeforeUnmount, h } from 'vue';
-import { classNames, getSplitterContainerClasses, coerceClassValue, getPaneStyle, getSplitterGutterClasses, resizePanes, getSplitterGutterHandleClasses } from '@expcat/tigercat-core';
+import { classNames, getSplitterContainerClasses, coerceClassValue, getPaneStyle, getSplitterGutterClasses, resizePanes, getSplitterGutterHandleClasses, createDocumentDragSession } from '@expcat/tigercat-core';
 
 // src/components/Splitter.ts
 var Splitter = defineComponent({
@@ -45,6 +45,7 @@ var Splitter = defineComponent({
     const draggingIndex = ref(-1);
     const startPos = ref(0);
     const startSizes = ref([]);
+    let dragSession = null;
     watch(
       () => props.sizes,
       (newSizes) => {
@@ -76,19 +77,41 @@ var Splitter = defineComponent({
     );
     const getMins = () => paneSizes.value.map(() => props.min);
     const getMaxes = () => paneSizes.value.map(() => props.max);
+    const cleanupDragSession = () => {
+      dragSession?.dispose();
+      dragSession = null;
+    };
     const onMouseDown = (index, e) => {
       if (props.disabled) return;
       e.preventDefault();
+      cleanupDragSession();
       draggingIndex.value = index;
       startPos.value = props.direction === "horizontal" ? e.clientX : e.clientY;
       startSizes.value = [...paneSizes.value];
       emit("resize-start", { index, sizes: [...paneSizes.value] });
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
+      dragSession = createDocumentDragSession({
+        startX: e.clientX,
+        startY: e.clientY,
+        ownerDocument: e.currentTarget?.ownerDocument,
+        onMove: ({ currentX, currentY }) => {
+          applyDragResize(currentX, currentY);
+        },
+        onEnd: ({ currentX, currentY }) => {
+          applyDragResize(currentX, currentY);
+          if (draggingIndex.value >= 0) {
+            emit("resize-end", {
+              index: draggingIndex.value,
+              sizes: [...paneSizes.value]
+            });
+          }
+          draggingIndex.value = -1;
+          dragSession = null;
+        }
+      });
     };
-    const onMouseMove = (e) => {
+    const applyDragResize = (currentX, currentY) => {
       if (draggingIndex.value < 0) return;
-      const currentPos = props.direction === "horizontal" ? e.clientX : e.clientY;
+      const currentPos = props.direction === "horizontal" ? currentX : currentY;
       const delta = currentPos - startPos.value;
       const newSizes = resizePanes(
         startSizes.value,
@@ -103,20 +126,8 @@ var Splitter = defineComponent({
         emit("resize", { index: draggingIndex.value, sizes: newSizes });
       }
     };
-    const onMouseUp = () => {
-      if (draggingIndex.value >= 0) {
-        emit("resize-end", {
-          index: draggingIndex.value,
-          sizes: [...paneSizes.value]
-        });
-      }
-      draggingIndex.value = -1;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    };
     onBeforeUnmount(() => {
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
+      cleanupDragSession();
     });
     return () => {
       const children = slots.default?.() || [];

package/dist/{chunk-564LMZQL.mjs → chunk-BMT5PGAQ.mjs}

@@ -1,4 +1,5 @@
-import { useFloatingPopup } from './chunk-6A57RY3H.mjs';
+import { useFloatingPopup } from './chunk-DBTS5QBX.mjs';
+import { renderVueBodyTeleport } from './chunk-7RIWAO2A.mjs';
 import { defineComponent, computed, h } from 'vue';
 import { createFloatingIdFactory, classNames, getTooltipContainerClasses, coerceClassValue, getTooltipTriggerClasses, getTooltipContentClasses } from '@expcat/tigercat-core';
 
@@ -72,24 +73,26 @@ var Tooltip = defineComponent({
             defaultSlot
           ),
           // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? h(
-            "div",
-            {
-              ref: floatingRef,
-              style: floatingStyles.value,
-              "aria-hidden": false
-            },
-            [
-              h(
-                "div",
-                {
-                  id: tooltipId,
-                  role: "tooltip",
-                  class: contentClasses.value
-                },
-                slots.content ? slots.content() : props.content
-              )
-            ]
+          currentVisible.value ? renderVueBodyTeleport(
+            h(
+              "div",
+              {
+                ref: floatingRef,
+                style: floatingStyles.value,
+                "aria-hidden": false
+              },
+              [
+                h(
+                  "div",
+                  {
+                    id: tooltipId,
+                    role: "tooltip",
+                    class: contentClasses.value
+                  },
+                  slots.content ? slots.content() : props.content
+                )
+              ]
+            )
           ) : null
         ]
       );